main{height:calc(100vh - 40px)}main .editor{border-right:1px solid #000;width:75%;min-height:100%;overflow-y:auto}main .editor .ql-toolbar,main .editor .ql-container{border-color:#000}main .editor small span{color:red}main .editor__wrap{padding-right:20px}main .editor__wrap :has(.ql-toolbar){height:calc(100vh - 290px);font-family:var(--roboto_mono-font);border-color:#000;padding-top:10px;padding-bottom:10px}main .editor__wrap :has(.ql-toolbar):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main .editor__wrap :has(.ql-toolbar):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main .editor__wrap :has(.ql-toolbar):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:10px;padding-right:20px}main .editor__wrap :has(.ql-toolbar):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main .editor__wrap :has(.ql-toolbar):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main .editor__wrap :has(.ql-toolbar):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:20px;padding-right:10px}main .editor__wrap :has(.ql-toolbar) *{white-space:pre-wrap;-moz-tab-size:5;tab-size:5}main .editor__wrap :has(.ql-toolbar) .ql-highlight{background-color:#ff0}main .editor__wrap :has(.ql-toolbar) .adv-highlight{background-color:#adff2f}main .editor__options{width:25%;padding-bottom:20px}main .editor__options .textarea__wrap{margin-bottom:20px}main .editor__options .textarea__wrap textarea{width:100%;font-size:inherit;background-color:#fff;padding:5px}main .editor__options .toggle{background-color:#fff;border:2px solid #000;border-radius:25px;width:50px;height:25px;position:relative}main .editor__options .toggle__handle{aspect-ratio:1;background-color:#000;border-radius:100px;width:25px;transition:all .3s;position:absolute;top:-2px;left:-2px}main .editor__options .toggle__handle.enabled{transform:translate(100%)}main .editor__options button{background-color:#fff;width:100%;padding-top:10px;padding-bottom:10px}main .editor__options textarea,main .editor__options button{border:2px solid #000}main .editor__options .textarea__wrap,main .editor__options button{position:relative}main .editor__options .textarea__wrap:before,main .editor__options button:before{content:"";z-index:-1;background-color:#000;width:100%;height:calc(100% - 5px);position:absolute;top:5px;left:5px}@media screen and (max-width:1000px){main{flex-direction:column}main .editor{border-right:unset;width:100%}main .editor__options{width:100%}main .editor__wrap{padding:0}}