@font-face{font-family:stackSans;src:url(assets/fonts/StackSansText-VariableFont_wght.ttf)}@font-face{font-family:liberationMono;src:url(assets/fonts/LiberationMono-Regular.ttf)}*{font-family:stackSans,Arial,sans-serif}#main{overflow:clip}#main::-webkit-scrollbar{display:none}:where(body){--background-color:#fff;--text-color:#222;--accent:#696969;--icon-filter:none}:root{color-scheme:light}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}body{background-color:var(--background-color);color:var(--text-color)}@media (prefers-color-scheme:dark){html:not(:has(#color-scheme-light:checked)):not(:has(#color-scheme-dark:checked)) body{--background-color:#242528;--text-color:#c9cacf;--icon-filter:invert(1);--accent:#525252}}html:has(#color-scheme-dark:checked) body{--background-color:#242528;--text-color:#c9cacf;--icon-filter:invert(1);--accent:#525252}html:has(#color-scheme-light:checked) body{--background-color:#fff;--text-color:#222;--icon-filter:none;--accent:#d0d0d0}input,textarea,select{background-color:var(--background-color);color:var(--text-color);border-radius:10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}textarea{background:var(--background-color);font-family:liberationMono,monospace}textarea::placeholder{color:#939393}#main{border:var(--accent) solid 1px;border-radius:20px;width:90%;height:100%;margin-left:auto;margin-right:auto;padding:0 5% 5%;overflow:scroll}@media (width>=768px){#main{width:50%}}form label{padding-bottom:.5rem;display:block}#colorScheme{z-index:1000;border-left:var(--text-color) solid 2px;border-bottom:var(--text-color) solid 2px;background-color:var(--background-color);border-bottom-left-radius:5px;margin-right:0;padding:0;position:absolute;top:0;right:0}.toprighticon{width:2rem;height:2rem;filter:var(--icon-filter);cursor:pointer;padding:3px;display:block}input[type=radio][class=radio-toprightbutton]{display:none}#sociallinks{border-top:solid 1px var(--text-color);text-decoration:none}dialog{background-color:var(--background-color);color:var(--text-color);border:none;border-radius:.5rem;padding:1.5rem}dialog[open]{animation:.4s both dialog-appear}dialog[open].closing{animation:.4s both dialog-disappear}dialog::backdrop{background-color:#00000080}dialog[open]::backdrop{animation:.4s both backdrop-appear}dialog[open].closing::backdrop{animation:.4s both backdrop-disappear}@keyframes dialog-appear{0%{opacity:0;transform:scale(.05)}to{opacity:1;transform:scale(1)}}@keyframes dialog-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.05)}}@keyframes backdrop-appear{0%{opacity:0}to{opacity:1}}@keyframes backdrop-disappear{0%{opacity:1}to{opacity:0}}.dialog-close{width:2rem;height:2rem;color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background-color .2s,transform .2s;display:grid;position:absolute;top:.75rem;right:.75rem}.dialog-close:hover{background-color:#80808033;transform:scale(1.1)}.dialog-close:active{transform:scale(.95)}#outputwrapper{border:solid 3px var(--accent);background-color:var(--background-color);border-radius:10px;flex-direction:column;width:fit-content;padding:5px;display:flex}#toptextandcopybutton{flex-direction:row;align-items:center;padding:2px;display:flex}#copybtn{cursor:pointer;background-color:var(--background-color);border-radius:.2rem;align-items:center;margin-left:auto}#copybtn:hover{background-color:var(--accent)}#copybtn img{width:1rem;filter:var(--icon-filter)}