:root{--primary-color:#06f;--accent-color:#5bc4f0}@font-face{font-family:roboto bold;src:url(/fonts/roboto_bold.6e0da41b.woff2);font-display:swap}@font-face{font-family:roboto medium;src:url(/fonts/roboto_medium.63c621eb.woff2);font-display:swap}@font-face{font-family:roboto light;src:url(/fonts/roboto_light.92abbae0.woff2);font-display:swap}body,html{width:100%;min-height:100vh;font-size:16px;font-family:Roboto Light,monospace;margin:0;padding:0;color:#32343f}body::-webkit-scrollbar{display:none}*{box-sizing:border-box;outline:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:roboto bold,monospace}h2{font-size:18px}a,button,form,span{display:block}a,button{cursor:pointer}header{position:fixed;top:0;right:0;padding:15px;width:100%;background:hsla(0,0%,100%,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between}header .logo{margin:0 0 0 auto;width:150px}header .logo svg{fill:#32343f;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.25))}.dark header .logo svg{fill:#f2f4ff}.dark aside,.dark header{background:rgba(0,0,0,.25)}main{width:100%;padding:87px 20px 20px 80px;background:url(/img/background_light.b3500573.jpg) 50% no-repeat fixed;background-size:cover;transition:padding-left .3s}main.active{padding:87px 20px 20px 295px}main.thin{padding:20px;transition:none}main.dark{background:url(/img/background_dark.141b2c9a.jpg) 50% no-repeat fixed}aside{position:fixed;top:0;left:0;z-index:10;width:calc(100% - 50px);max-width:60px;padding:67px 0;background:hsla(0,0%,100%,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;transition:max-width .3s}aside.active{max-width:275px}aside .inner{width:100%;position:relative;min-height:100%}aside .button{width:100%;height:60px;padding:15px;border:none;background:transparent;display:flex;align-items:center;flex-wrap:nowrap;text-decoration:none;font-size:14px}aside .button.active{background:#d9e8ff}.dark aside .button.active{background:#323440}aside .button svg{width:30px;height:30px;min-width:30px;min-height:30px;fill:#32343f}aside .button span{margin:0;font-family:roboto medium,monospace;letter-spacing:1px;color:#32343f;white-space:nowrap;max-width:0;overflow:hidden;transition:max-width .3s;text-indent:15px}aside.active .button span{max-width:200px}.dark aside .button svg{fill:#f2f4ff}.dark aside .button span{color:#f2f4ff}aside .button.menu,aside .button.theme{position:absolute;margin:0}aside .button.menu{top:-52px;right:0;width:60px}aside .button.theme{bottom:-52px;left:0}aside .session{padding:15px}aside .session .img{width:100%;max-width:85px;margin:0 auto}aside .session .img svg{fill:#32343f}aside .session p{width:100%;text-align:center;font-family:roboto medium,monospace;overflow:hidden;display:none}aside.active .session p{display:block}.dark .session .img svg{fill:#f2f4ff}.dark .session p{color:#f2f4ff}section{width:100%;padding:20px;border-radius:5px;min-height:calc(100vh - 107px);background:hsla(0,0%,100%,.8);transition:none}.dark section{background:rgba(0,0,0,.8);color:#fff}form{width:100%}.toast{position:fixed;bottom:25px;right:25px;padding:10px;border-radius:5px;background:linear-gradient(hsla(0,0%,100%,.45),hsla(0,0%,100%,.15));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-start;width:calc(100% - 50px);max-width:325px;cursor:pointer;z-index:10}.toast svg{width:34px;height:34px;fill:#32343f}.toast p{width:calc(100% - 50px);margin:0 0 0 auto;font-size:14px;font-family:roboto bold,monospace}.toast.error{background:rgba(221,50,52,.75);color:#fff}.toast.error svg{fill:#fff}.dark .toast{background:rgba(0,0,0,.75);color:#fff}.dark .toast svg{fill:#fff}.dark .toast.error{background:rgba(221,50,52,.75);color:#fff}.loading-container{position:fixed;z-index:10;right:25px;bottom:25px}.loading{position:relative;margin:15px 0 0 auto;width:50px;height:50px}.loading span{display:block;width:20px;height:20px;border-radius:2px;position:absolute;z-index:1}.loading span:first-child{background:#125ee8;-webkit-animation:brick1 2s ease infinite;animation:brick1 2s ease infinite;-webkit-animation-delay:.15s;animation-delay:.15s}.loading span:nth-child(2){background:#32343f;top:0;right:0;-webkit-animation:brick2 2s ease infinite;animation:brick2 2s ease infinite}.loading span:nth-child(3){background:#a2a4af;bottom:0;-webkit-animation:brick3 2s ease infinite;animation:brick3 2s ease infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.dark .loading span:first-child{background:#7eb1ff}.dark .loading span:nth-child(2){background:#d9e8ff}.dark .loading span:nth-child(3){background:#a2a4af}@-webkit-keyframes brick1{0%{transform:none}15%,25%{transform:translate(30px)}45%,55%{transform:translate(30px,30px)}70%,80%{transform:translateY(30px)}95%,to{transform:none}}@keyframes brick1{0%{transform:none}15%,25%{transform:translate(30px)}45%,55%{transform:translate(30px,30px)}70%,80%{transform:translateY(30px)}95%,to{transform:none}}@-webkit-keyframes brick2{0%{transform:none}15%,25%{transform:translateY(30px)}45%,55%{transform:translate(-30px,30px)}70%,80%{transform:translate(-30px)}95%,to{transform:none}}@keyframes brick2{0%{transform:none}15%,25%{transform:translateY(30px)}45%,55%{transform:translate(-30px,30px)}70%,80%{transform:translate(-30px)}95%,to{transform:none}}@-webkit-keyframes brick3{0%{transform:none}15%,25%{transform:translateY(-30px)}45%,55%{transform:translate(30px,-30px)}70%,80%{transform:translate(30px)}95%,to{transform:none}}@keyframes brick3{0%{transform:none}15%,25%{transform:translateY(-30px)}45%,55%{transform:translate(30px,-30px)}70%,80%{transform:translate(30px)}95%,to{transform:none}}.title{display:flex;align-items:center}.title h2{line-height:34px;cursor:default}.title h2 a{color:inherit;text-decoration:none;display:inline}.title .button{display:flex;align-items:center;white-space:nowrap;color:#32343f;padding:5px;margin:0 0 0 25px;background:transparent;border-radius:5px;font-family:roboto medium,monospace;text-decoration:none;font-size:14px}.title .button:focus,.title .button:hover{background:#d9e8ff}.title .button svg{fill:#000;width:24px;height:24px;padding:5px;margin:0 0 0 10px;background:hsla(0,0%,100%,.4);border-radius:50%}.dark .title .button{color:#fff}.dark .title .button:focus,.dark .title .button:hover{background:#323440}.title .button svg{background:rgba(0,0,0,.4);fill:#fff}