@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");html{position:relative}.codeMirrorContainer{min-height:210px;width:100%;display:block;border-bottom-left-radius:9px;border-bottom-right-radius:9px}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background:linear-gradient(90deg,#b993d6,#8ca6db);--gradient-color-1:#b993d6;--gradient-color-2:#8ca6db;--single-color-bg:#b993d6;--color-bar:rgba(40,44,52,.9);--color-testi:"red";--sb-track-color:#0c121b;--sb-thumb-color:#ffffff48;--sb-size:7px;--window-control-min-color:#ffbd2e;--window-control-max-color:#27c93f;--window-control-exit-color:#ff5f56;--window-control-border:1px solid transparent}.win-ctrl-style-color{--window-control-min-color:#ffbd2e;--window-control-max-color:#27c93f;--window-control-exit-color:#ff5f56}.win-ctrl-style-gray{--window-control-min-color:#ffffff40;--window-control-max-color:#ffffff40;--window-control-exit-color:#ffffff40}.win-ctrl-style-gray-light{--window-control-min-color:#00000018;--window-control-max-color:#00000018;--window-control-exit-color:#00000018}.win-ctrl-style-outline{--window-control-min-color:transparent;--window-control-max-color:transparent;--window-control-exit-color:transparent;--window-control-border:1px solid #ffffff40}.win-ctrl-style-outline-light{--window-control-min-color:transparent;--window-control-max-color:transparent;--window-control-exit-color:transparent;--window-control-border:1px solid #00000030}.win-ctrl-style-none{--window-control-min-color:transparent;--window-control-max-color:transparent;--window-control-exit-color:transparent}.peach{--color-background:linear-gradient(90deg,#de6262,#ffb88c)}.ocean{--color-background:linear-gradient(90deg,#24c6dc,#514a9d)}.tropical{--color-background:linear-gradient(90deg,#2bc0e4,#eaecc6)}.leaf{--color-background:linear-gradient(90deg,#1d976c,#93f9b9)}.jungle{--color-background:linear-gradient(90deg,#c1b777,#79c08d)}.aruba{--color-background:linear-gradient(90deg,#42afa1,#78d4a8)}.bananas{--color-background:linear-gradient(90deg,#f9de70,#fffbab)}.aurora{--color-background:linear-gradient(90deg,#5ee7df,#b490ca)}.react-switch-handle{top:none}.transparent{--color-background:transparent}.candy{--color-background:linear-gradient(90deg,#d8848b,#cb96da)}.mystic{--color-background:linear-gradient(90deg,#b993d6,#8ca6db)}.custom,.singlebg{--color-background:linear-gradient(to right,var(--gradient-color-1),var(--gradient-color-2))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div{outline:none!important}.cm-scroller{border-bottom-right-radius:10px;border-bottom-left-radius:10px;overflow-x:hidden!important}h1{font-size:4rem;margin:2rem;color:#0c121b;text-shadow:0 0 3px #cfcfcf,0 0 1px #fff}h2,p{color:hsla(0,0%,100%,.82)}h2{font-size:2rem}h3,strong{color:#bec0c2;font-weight:600;text-align:left}strong{margin:0 0 .6rem;display:block;font-size:14px}canvas{display:none}span{font-size:16px}#capture{min-height:250px}.cm-theme-light{min-height:200px}.btnTransparent:hover{color:#000;fill:#000}.btnTransparent svg{transition:all .4s ease-in-out}.btnTransparent:hover svg{stroke:#000}.cm-editor{background-color:"#cc33cc"!important;outline:none!important;display:block;min-height:200px}.dracula{--color-editor-background:rgba(40,42,54,.95);--color-bar:#282a36}.cm-line,.cm-lineNumbers{font-size:16px}.cm-scroller{min-height:200px}.cm-editor{border-radius:9px;border-top-left-radius:0;border-top-right-radius:0;padding:0 10px 10px}.cm-foldGutter>div>span{display:none}.cm-content{margin-left:1rem!important}::selection{background-color:hsla(0,0%,100%,.05)}#capture{transition:all 1.5s ease-in-out}:root{--form-control-color:#639;--form-control-disabled:#959495}*,:after,:before{box-sizing:border-box}body{margin:0}form{display:flex;place-content:center}.form-control{font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;display:grid;grid-template-columns:1em auto;grid-gap:.5em;gap:.5em}.form-control--disabled{color:var(--form-control-disabled);cursor:not-allowed}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-background);font:inherit;color:hsla(0,0%,100%,.32);width:2.7rem;height:2.7rem;border:.15em solid;border-radius:.15em;transform:translateY(-.075em);margin:0 1rem 0 0;display:flex}input[type=checkbox]:before{content:"";width:1.5rem;height:1.5rem;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transform:scale(0);transform-origin:center center;transition:transform .12s ease-in-out;box-shadow:inset 2rem 2rem #b993d6;background-color:CanvasText;margin:auto}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:none;outline-offset:max(2px,.15em)}input[type=checkbox]:disabled{--form-control-color:var(--form-control-disabled);color:var(--form-control-disabled);cursor:not-allowed}.hide>.cm-gutterElement{display:none}.rcp-dark{--rcp-background:#141922!important;--rcp-input-text:#f3f3f3;--rcp-input-border:hsla(0,0%,100%,.1);--rcp-input-label:#999}.rcp-dark,.rcp-saturation{border-radius:0!important}.rcp-fields-element-input{background:#0c121b!important;border:1px solid #cccccc2a!important}@media screen and (max-width:1400px){.rcp{width:100%!important;flex-direction:row!important;align-items:center!important;justify-content:center!important}.rcp-hue{width:260px!important}.rcp-body{width:auto!important}.rcp-saturation{width:300px!important}}@media screen and (max-width:1050px){.rcp-saturation{width:255px!important;height:255px!important}}@media screen and (max-width:800px){.rcp{flex-direction:column!important}}button{padding:1em 3em;text-transform:uppercase;cursor:pointer;margin:2em auto;border-radius:5px;color:#fff;transition:all .4s ease-in-out;display:block}@media screen and (max-width:545px){p{width:90%;margin:2rem auto}}.App{text-align:center}html{background:#0c121b;min-height:100vh;overflow-x:hidden;background:linear-gradient(185deg,#0c121b,#080b10)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cm-s-nord.CodeMirror{background:#2e3440;color:#d8dee9}.cm-s-nord div.CodeMirror-selected{background:#434c5e}.cm-s-nord .CodeMirror-line::selection,.cm-s-nord .CodeMirror-line>span::selection,.cm-s-nord .CodeMirror-line>span>span::selection{background:#3b4252}.cm-s-nord .CodeMirror-line::-moz-selection,.cm-s-nord .CodeMirror-line>span::-moz-selection,.cm-s-nord .CodeMirror-line>span>span::-moz-selection{background:#3b4252}.cm-s-nord .CodeMirror-gutters{background:#2e3440;border-right:0}.cm-s-nord .CodeMirror-guttermarker,.cm-s-nord .CodeMirror-guttermarker-subtle,.cm-s-nord .CodeMirror-linenumber{color:#4c566a}.cm-s-nord .CodeMirror-cursor{border-left:1px solid #f8f8f0}.cm-s-nord span.cm-comment{color:#4c566a}.cm-s-nord span.cm-atom,.cm-s-nord span.cm-number{color:#b48ead}.cm-s-nord span.cm-comment.cm-attribute{color:#97b757}.cm-s-nord span.cm-comment.cm-def{color:#bc9262}.cm-s-nord span.cm-comment.cm-tag{color:#bc6283}.cm-s-nord span.cm-comment.cm-type{color:#5998a6}.cm-s-nord span.cm-attribute,.cm-s-nord span.cm-property{color:#8fbcbb}.cm-s-nord span.cm-builtin,.cm-s-nord span.cm-keyword{color:#81a1c1}.cm-s-nord span.cm-string{color:#a3be8c}.cm-s-nord span.cm-type,.cm-s-nord span.cm-variable,.cm-s-nord span.cm-variable-2,.cm-s-nord span.cm-variable-3{color:#d8dee9}.cm-s-nord span.cm-def{color:#8fbcbb}.cm-s-nord span.cm-bracket{color:#81a1c1}.cm-s-nord span.cm-tag{color:#bf616a}.cm-s-nord span.cm-header,.cm-s-nord span.cm-link{color:#b48ead}.cm-s-nord span.cm-error{background:#bf616a;color:#f8f8f0}.cm-s-nord .CodeMirror-activeline-background{background:#3b4252}.cm-s-nord .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}