html {background-color:#000;}
html, body{color:#dedede;font-family:Consolas,'Courier New',monospace;font-size: 16px !important;}
pre,p{font-family:Consolas,'Courier New',Courier,monospace;}
pre{margin:0;}
hr{color:#fff;}
img{
image-rendering:optimizeSpeed;
-ms-interpolation-mode:nearest-neighbor;
}
code{background-color:#0d1821;}
a, label[for="fileInput"]{color: #767ea7;}
a, a:hover {text-decoration:none;}
a:hover, label[for="fileInput"]:hover {background-color:#182636;}

.btns p {margin: 0px;}
.btns a {
 background-color: transparent;
}
.btns img:hover {
 opacity: .6;
}

textarea, select {
border-radius: 0;
}

label[for="fileInput"]{
  color: #767ea7;
  cursor: pointer;
}

#fileInput{display:none;}

#fileName{
  color: #6F6F6F;
}
#fileName.has-file{
  color: #544F3D;
}

button, select {
border-style:none;
color:#767ea7;
background-color:#0d1821;
}
button:hover, select:hover{
background-color:#182636;
}
input[type="text"]  {
background-color:#222222 !important;
color:#FFFFFF !important;
border-style:none none solid none !important;
border-color:#FFFFFF !important;
}
.tAdapt {background-color:rgb(13,24,33); border-spacing: 16px;}

tr {
  padding: 16px 0;
}

.fs {
  border: 2px solid #000;
  padding: 4px 8px 8px;
  margin: 8px;
  vertical-align: top;
}

.fsTitle {
  position: relative;
  top: -16px;
  display: inline;
  padding: 0 4px;
  background: rgb(13,24,33);
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

textarea, button {
font-family:Consolas,'Courier New',monospace;;
}
.disabled {
pointer-events:none;
color:#888888;
}

.radio {
  display: block;
  cursor: pointer;
}

.radio:hover {
background-color:#182636;
}

.radio input {
  position: absolute;
  opacity: 0;
}

.radio label::before {
  content: "[ ]";
  white-space: pre;
}

.radio input:checked + label::before {
  content: "[x]";
}

.radio input:focus-visible + label {
  outline: 1px dotted currentColor;
  outline-offset: 2px;
}


#output,#srcHTML {width:50ch;}
textarea {field-sizing: content;white-space: nowrap;}

.footer {color:#000;}

@media (max-width:1024px) {
  pre {
	box-sizing:border-box;
  }
  body {background-color:rgb(13,24,33);}
}
@media (max-width:768px) {
  .ansi-art {
  font-size:12px !important;
  }
.tAdapt {
display: block;
width: 100%;
}
.tAdapt tbody, .tAdapt tr {
display: block;
width: 100%;
margin-bottom: 1ch;
}

.tAdapt td {
display: block;
width: 100%;
border: none;
}
}