/* f0nt$ */
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap');
/* norm4l1z3r */
*,*::before,*::after{box-sizing:border-box;}:focus,a:active,a:focus,a:hover,input:focus,textarea:focus{outline:0px solid rgba(0,0,0,0);}body,html,sub,sup{position:relative}.hidden,.invisible,[hidden]{visibility:hidden}dl,h3,menu,ol,p,pre,ul{margin:1em 0}fieldset,legend{border:0;padding:0}fieldset,figure,form{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio:not([controls]){display:none;height:0}h1{font-size:2em;margin:1em 0 0.5em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}fieldset,img{border:0}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}svg:not(:root){overflow:hidden}legend{white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}:focus{-webkit-box-shadow:none;box-shadow:none}html{line-height:1.4;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,html{height:100%;min-height:100%;max-height:100%;width:100%;max-width:100vw;margin:0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}.hidden,[hidden]{display:none!important}.visually-hidden{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.clearfix::after,.clearfix::before{content:"";display:table}.clearfix::after{clear:both}.clearfix{zoom:1}
/*
:root {
  color-scheme: dark light;
}
*/
/* v3nd0r f1x */
.blocker { background-color: rgba(0,0,0,0.30); backdrop-filter: blur(33px); }
.modal { background: rgba(8, 37, 38, 1); box-shadow: 0 0 30px rgba(0,0,0,0.33); max-width: 800px; padding: 12px;}
.modal a.close-modal { color: #fff; background-image: none !important; border-radius: 50%; background-color: #00ffa7; content: '×'; font-size: 200%; text-indent: -3px; }

/* $p1nn3r */
.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#00ffa7;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:2s ease-in-out infinite sk-bounce;animation:2s ease-in-out infinite sk-bounce}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

/* g3n3r4l */
 body {
     overflow-x: hidden;
     background: #082526;
     text-align: center;
}
 html, button, input, select, textarea {
     color: #00ffa7;
     font-family: 'PT Mono', monospace;
     transition: all 0.3s;
     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -ms-transition: all 0.3s;
     box-sizing: border-box;
}
::-moz-selection {
     background: #00ffa7;
     text-shadow: none;
     color: #082526;
}
::selection {
     background: #00ffa7;
     text-shadow: none;
     color: #082526;
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px dashed #00ffa7;
     margin: 1em 0;
     padding: 0 ;
     width: 33%;
}
/* f0rm$ */
 form {
     display: block;
     max-width: 800px;
     width: 100%;
     margin: 0 auto;
     padding: 0 12px;
     box-sizing: padding-box;
     text-align: center 
}
 button, input, select, textarea {
     background-color: rgba(0,0,0,0.33);
     border-radius: 12px;
     border: 0px solid rgba(0,0,0,0.33);
     padding: 12px;
     margin: 12px 0;
     font-size: 120%; 
     line-height: 120%;
     box-sizing: border-box;
}
 textarea {
     width: 100%;
     height: 230px;
     min-height: 120px;
     
     transition:none;
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
     -ms-transition:none;
}
textarea:focus {
     outline: 3px solid rgba(0, 255, 167, 1);
}
input, input:matches([type="password"], [type="search"]), textarea {
   -webkit-appearance: textfield;

}
button, input {
     padding: 8px 12px;
}

input[type=submit] {
   font-size:300%;
   width: 120px;
   padding: 0 0 10px 3px;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover { 
     background-color: rgba(0, 255, 167, 1);
     color: white;
}

input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus, button:focus { 
     background-color: rgba(0, 255, 167, 1);
     color: white;
}
.checkbox {
  display: inline-block;
  position: relative;
  padding: 3px;
  border-radius: 27px;
  background-color: rgba(0,0,0,0.33);
  color: #00ffa7;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 54px;
  height: 36px;
  font-size:120%;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox_label {
  width: 30px;
  height: 30px;
  border-radius:50%;
  background-color: rgba(8, 37, 38, 1);
  position: absolute;
  transition: all 0.25s ease;
  line-height: 120%;
  left: 3px;
}
.checkbox input:checked ~ .checkbox_label {
  background-color: rgba(0, 255, 167, 1);
  color: #082526;
  left: 21px;
}

/* t4g$ */

header { width: 100%; padding-top: 0px; }

header img { width: 100%; height: auto; max-width: 120px;}

a {
  display: inline-block;
  border-radius: 12px;
  vertical-align: middle;
  padding: 0px 10px 4px 10px;
  text-decoration: none;
  background-color: rgba(0,0,0,0.33);
  margin-top: -4px;
  line-height: 100%;
 }

a:link, a:visited { color: #00ffa7; }
a:focus { }
a:hover, a:active  { color: #082526; background-color: rgba(0, 255, 167, 1); }

/* 1d$ */
#wrapper {
     padding: 33px;
     display: block;
     position: relative;
     clear: both;
     float: none;
     overflow:auto;
     min-height: 100vh;
     box-sizing: border-box;
     /*background: linear-gradient(0deg, rgba(0,171,112,0.5) 0%, rgba(0,0,0,0) 100%);*/
}
#wrapper, #wrapper *, textarea, body, html { scrollbar-color: rgba(0, 255, 167, 1) rgba(0,0,0,0.33); }

#hi { font-family: 'Alkhemikal'; font-weight:  normal; font-size: 300%;}

.reverse #reverseButton {
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
#controls { text-align: center; width: 100%; transition-delay: 0s; pointer-events: all; overflow: hidden; transition: visibility 0s linear 0.33s, opacity 0.33s linear, height 0.33s linear; -webkit-user-select: none; -ms-user-select: none; user-select: none;  } 

#output { white-space:pre;white-space:pre-wrap;word-wrap:break-word; }

/* cl4$$3$ */