@import "https://fonts.cdnfonts.com/css/open-dyslexic";body{color:#fff;scrollbar-color:rgba(255,255,255,.7) black;background-color:#000;font-family:Open-Dyslexic}img{-webkit-user-select:none;user-select:none}.error_container{z-index:10;justify-content:center;width:60vw;height:94vh;display:flex;position:fixed;top:3vh;left:37vw}.error_container h5,.error_container p{margin:0}.error_container .error{background-color:maroon;border:1px solid red;flex-flow:column;gap:1ch;width:fit-content;padding:1ch;display:flex;position:fixed}input,select{color:#fff;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.7);font-size:1em}input:focus,select:focus{color:#000;background-color:#fff;outline:1px solid #fff}button{color:#fff;cursor:pointer;background-color:rgba(0,0,0,.3);border:1px solid #8040bf;font-family:Open-Dyslexic;font-size:1em}button:focus-visible{outline:2px solid rgba(255,0,255,.5)}button:not(:is(:disabled,.no-hover,.selected)):hover{color:#000;background-color:#8040bf}button.selected{color:#000;background-color:#8040bf}button:disabled{cursor:default;color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.1);border:1px solid #8040bf}button.current{color:#000;background-color:#8040bf}button.current.active-background .pronouns{color:#000}button.has-icon{flex-direction:row;align-items:center;gap:.5ch;display:flex}button.default-cursor{cursor:default}button.active-hover:hover .pronouns{color:#000!important}nav.header{backdrop-filter:brightness(70%);scrollbar-width:none;white-space:nowrap;flex-direction:row;align-items:center;gap:10px;height:36px;display:flex;position:sticky;overflow-x:scroll}nav.header menu{padding-inline-start:0;list-style:none}nav.header[hidden]{display:none}nav.header{font-size:1.5em}nav.header .display-name{-webkit-user-select:none;user-select:none;flex-flow:row;align-items:center;gap:1ch;display:flex}nav.header .display-name .pronouns{color:rgba(255,255,255,.5);margin-left:-1ch;font-size:.5em}nav.header .right-side{flex-flow:row;gap:10px;display:flex;position:absolute;right:20px}nav.header .dialog{position:fixed}.spacer{flex-grow:1}.click-backdrop{z-index:4;background-color:rgba(0,0,0,.7);background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}dialog::backdrop{background-color:rgba(0,0,0,.7)}.dialog{z-index:8;backdrop-filter:blur(1em);flex-flow:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.dialog .dialog-box{background-color:#000;border-top:1px solid #fff}.dialog .dialog-box.bigger{font-size:1.5em}.dialog .dialog-box input{width:60vw;font-size:1em}.dialog .dialog-box .dialog-main{color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;flex-flow:column;align-items:center;gap:5px;max-height:90vh;padding:10px 30px 40px;display:flex;overflow-y:auto}.dialog .dialog-box .dialog-main.full{border-bottom:1px solid #fff}.dialog .dialog-box .dialog-main .headline{-webkit-user-select:none;user-select:none}.dialog .options{flex-flow:column wrap;gap:20px;width:100%;display:flex}.dialog .options>button{min-width:4cm}.dialog .options .close{color:red;background-color:rgba(255,0,0,.1);border:1px solid red}.dialog .options .close:hover{background-color:rgba(255,0,0,.4)}dialog .tab-content{flex-flow:column wrap;align-items:center;gap:.25ch;max-width:80vw;min-height:40vh;display:flex;overflow-y:auto}.inc-dec{-webkit-user-select:none;user-select:none;flex-flow:row;gap:.25ch;font-size:2em;display:flex}.inc-dec button{width:2ch;font-weight:700}.inc-dec .value{width:5ch}.muted{opacity:.5}form#upload-form{flex-direction:column;width:80%;display:flex}form#upload-form input{font-family:Open-Dyslexic}form#upload-form input#file{border:none}form#upload-form input::file-selector-button{color:#8040bf;cursor:pointer;background-color:rgba(40,18,58,.4);border:2px groove #639;font-family:Open-Dyslexic;font-weight:700}form#upload-form input::file-selector-button:hover{color:#000;background-color:#8040bf}form#upload-form input::file-selector-button{width:100%;display:block}form#upload-form input[type=submit]{color:#8040bf;cursor:pointer;background-color:rgba(40,18,58,.4);border:1px groove #639;margin-top:1em;font-family:Open-Dyslexic;font-size:2em}form#upload-form input[type=submit]:hover{color:#000;background-color:#8040bf}.upload{flex-direction:row;justify-content:center;width:100%;display:flex}#main-page{-webkit-user-select:none;user-select:none;text-align:center}.file-preview{flex-direction:column;gap:.2em;width:calc(100% - 4em);padding:1em 1em 0 3em;display:flex}.file-preview .file-details{flex-direction:column;margin-block:0;padding-inline-start:0;list-style:none;display:flex}.file-preview .file-details .detail{flex-flow:wrap;gap:.3em;display:flex}.file-preview .file-details .detail .value{color:#f2affd}.file-preview .file-options{flex-flow:wrap;gap:.3em;margin-block:0;padding-inline-start:0;list-style:none;display:flex}.file-preview .preview h1,.file-preview .preview h2,.file-preview .preview h3,.file-preview .preview h4,.file-preview .preview h5,.file-preview .preview h6{-webkit-user-select:none;user-select:none;margin-block-end:0}.file-preview .preview img{border:2px solid #8040bf;max-width:80vw;max-height:80vh}