label[data-v-111c7699]{cursor:text;position:relative;display:inline-block;width:256px;padding:0;border-bottom:1px solid var(--border-color);background-color:#80808015;border-radius:var(--border-radius) var(--border-radius) 0 0}label[data-v-111c7699]:hover{border-bottom:1px solid var(--text-color);background-color:#80808026}label[data-v-111c7699]:after{content:"";position:absolute;left:50%;bottom:-1px;height:2px;width:0;background-color:var(--primary-color);transition:left var(--animation-speed),width var(--animation-speed)}label[data-v-111c7699]:not(.outline):focus-within:after{left:0;width:100%}label input[data-v-111c7699]{font-size:1em;width:calc(100% - 32px);background:transparent;border:none;outline:none;margin:20px 16px 6px;padding:0}label span.place[data-v-111c7699]{position:absolute;left:12px;top:20px;padding:0 4px;font-size:1em;-webkit-user-select:none;user-select:none;color:var(--border-color);display:none}label span.place.ever[data-v-111c7699]{display:block}label input:focus~span.place[data-v-111c7699]{display:block}label input:not(:placeholder-shown)~span.place[data-v-111c7699]{display:none}label span.label[data-v-111c7699]{position:absolute;left:12px;top:14px;padding:0 4px;font-size:1em;-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed)}label input:focus~span.label[data-v-111c7699]{color:var(--primary-color)}label input:focus~span.label[data-v-111c7699],label input:not(:placeholder-shown)~span.label[data-v-111c7699]{top:4px;font-size:.7em}label.outline[data-v-111c7699]{border:1px solid var(--border-color);background-color:var(--background-color);border-radius:var(--border-radius)}label.outline[data-v-111c7699]:focus-within{outline-offset:-2px;outline:2px solid var(--primary-color)}label.outline input[data-v-111c7699]{margin:13px 16px}label.outline span.place[data-v-111c7699]{top:14px}label.outline span.label[data-v-111c7699]{background-color:var(--background-color)}label.outline input:focus~span.label[data-v-111c7699],label.outline input:not(:placeholder-shown)~span.label[data-v-111c7699]{top:-6px}.container[data-v-ca2780dd]{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}form[data-v-ca2780dd]{width:50%;min-width:150px;max-width:400px;position:relative;margin-bottom:5%}form[data-v-ca2780dd]>*{white-space:pre-wrap;margin:8px}form .input[data-v-ca2780dd]{width:calc(100% - 16px)}form input[type=submit][data-v-ca2780dd],form button[data-v-ca2780dd]{float:right}form .err[data-v-ca2780dd]{display:block;color:red}@media screen and (max-width: 600px){form[data-v-ca2780dd]{width:90%}}.version[data-v-ca2780dd]{position:fixed;right:16px;bottom:16px;color:var(--border-color)}.item[data-v-eedc9403]{height:56px;width:80px;opacity:.8;transition:opacity var(--animation-speed);cursor:pointer}.item .container[data-v-eedc9403]{display:flex;justify-content:center;align-items:center;width:56px;height:32px;border-radius:16px;margin:0 12px 4px;background-color:transparent;transition:background-color var(--animation-speed)}.item .container .icon[data-v-eedc9403]{width:24px;height:24px}.item .title[data-v-eedc9403]{display:block;width:calc(100% - 8px);text-align:center;line-height:16px;font-size:12px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item:hover[data-v-eedc9403]{opacity:1}.item:hover .container[data-v-eedc9403]{background-color:var(--background-color)}.item:hover .container .icon[data-v-eedc9403]{width:26px;height:26px}.item[active=true][data-v-eedc9403]{opacity:1}.item[active=true] .container[data-v-eedc9403]{background-color:var(--background-color)}.dialog[data-v-c681c690]{position:fixed;z-index:200;width:100%;height:100%;top:0;left:0;background-color:transparent;display:flex;visibility:hidden;justify-content:center;align-items:center;transition:background-color var(--animation-speed) ease,visibility var(--animation-speed) step-end}.dialog main[data-v-c681c690]{--background-color: var(--sec-background-color);min-width:512px;max-width:90%;max-height:90%;overflow:auto;background-color:var(--background-color);border-radius:var(--border-radius);padding:24px;opacity:0;transform:scale(.2);transition:transform var(--animation-speed) ease,opacity var(--animation-speed) ease;box-shadow:2px 2px 16px var(--shadow-color)}.dialog main h1[data-v-c681c690]{font-size:20px;margin:0;padding-bottom:8px}.dialog.visible[data-v-c681c690]{background-color:#0008;visibility:visible;transition:background-color var(--animation-speed) ease}.dialog.visible main[data-v-c681c690]{opacity:1;transform:scale(1)}@media (max-width: 600px){.dialog main[data-v-c681c690]{width:80%;min-width:256px}}button[data-v-e21ccf63]{font-size:15px;float:right}.userlogo[data-v-daea735b]{width:40px;height:40px;border-radius:50%;border:none;color:#fff;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;font-size:18px;-webkit-app-region:none}#userinfo[data-v-b53b3a16]{position:fixed;z-index:2100;width:100%;height:100%;top:0;left:0;background-color:transparent;display:flex;visibility:hidden;justify-content:center;align-items:center;overflow-y:auto;transition:background-color var(--animation-speed) ease,visibility var(--animation-speed) step-end}#userinfo[open=true][data-v-b53b3a16]{visibility:visible;transition:background-color var(--animation-speed) ease}#userinfo[open=true] section[data-v-b53b3a16]{opacity:1;transform:scale(1)}#userinfo section[data-v-b53b3a16]{position:absolute;right:12px;top:60px;min-width:272px;border-radius:var(--border-radius);background-color:var(--sec-background-color);overflow:hidden;opacity:0;transform-origin:top right;transform:scale(.2);transition:transform var(--animation-speed) ease,opacity var(--animation-speed) ease;box-shadow:1px 2px 4px var(--shadow-color);z-index:101}#userinfo section header[data-v-b53b3a16]{height:96px;border-bottom:1px solid var(--border-color)}#userinfo section header #usericon[data-v-b53b3a16]{position:absolute;left:12px;top:12px;cursor:default}#userinfo section header span[data-v-b53b3a16]{display:block;font-size:18px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:21px 8px 8px 64px}#userinfo section header button[data-v-b53b3a16]{margin-left:64px;font-size:14px}#userinfo section main[data-v-b53b3a16]{border-bottom:1px solid var(--border-color)}#userinfo section main .option[data-v-b53b3a16]{display:flex;align-items:center;height:32px;padding:8px}#userinfo section footer[data-v-b53b3a16]{display:flex;justify-content:center;align-items:center;font-size:11px}#userinfo section footer[data-v-b53b3a16]>*{padding:8px}#userinfo section .icon[data-v-b53b3a16]{width:24px;height:24px;padding:8px;border-radius:50%}@media (max-width: 600px){#userinfo[open=true][data-v-b53b3a16]{background-color:#0008;transition:background-color var(--animation-speed) ease}#userinfo section[data-v-b53b3a16]{width:80%;right:auto;transform-origin:top}}header[data-v-bbd05845]{background-color:var(--sec-background-color);height:40px;width:calc(100% - 8px);padding:4px;box-shadow:0 0 12px var(--shadow-color);position:fixed;top:0;z-index:200;display:grid;grid-template-columns:40px 1fr 40px;column-gap:8px}header .logo[data-v-bbd05845]{width:32px;height:32px;margin:4px;background-position:center;background-repeat:no-repeat;background-size:contain}header .logo.ripple[data-v-bbd05845]{border-radius:50%}header span[data-v-bbd05845]{font-size:20px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav[data-v-bbd05845]{position:fixed;width:80px;height:calc(100% - 64px);top:48px;left:-82px;background:var(--sec-background-color);border-right:1px var(--scrollbar-color) solid;padding-top:16px;transition:left var(--animation-speed),bottom var(--animation-speed);z-index:100}nav[show-nav=true][data-v-bbd05845]{left:0}nav[data-v-bbd05845]>*{margin-bottom:12px}main[data-v-bbd05845]{position:relative;padding-top:48px;padding-left:0;height:calc(100% - 48px);transition:padding-left var(--animation-speed),padding-bottom var(--animation-speed)}main[show-nav=true][data-v-bbd05845]{padding-left:80px}@media (max-width: 600px){nav[data-v-bbd05845]{top:unset;bottom:-82px;left:0;width:100%;height:52px;display:flex;justify-content:space-around;padding:12px 0 16px}nav[data-v-bbd05845]>*{margin-bottom:0}nav[show-nav=true][data-v-bbd05845]{bottom:0}main[show-nav=true][data-v-bbd05845]{padding-left:0;padding-bottom:80px}}:root{--background-color: #fff;--sec-background-color: #eee;--text-color: #000;--primary-color: #0080de;--border-color: #888;--animation-speed: .25s;--border-radius: 8px;--ripple-color: var(--primary-color);--shadow-color: var(--border-color) }@media (prefers-color-scheme: dark){:root{--background-color: #1b1b1b;--sec-background-color: #2f2f2f;--text-color: #e3e3e3;--shadow-color: #1b1b1b}}html,body,#app{background-color:var(--background-color);margin:0;-webkit-user-select:none;user-select:none;height:100%}*{color:var(--text-color);font-family:Roboto,sans-serif;scrollbar-width:thin}div.icon{width:24px;height:24px;padding:8px;border-radius:50%;-webkit-app-region:none}.ripple{overflow:hidden;position:relative;cursor:pointer}label.checkbox{cursor:pointer;display:inline-flex!important;align-items:center}label.checkbox>*{margin:4px}label.checkbox input{position:absolute;opacity:0}label.checkbox div{position:relative;height:20px;width:20px;border-radius:var(--border-radius);outline:2px solid var(--border-color);outline-offset:-2px;background-color:var(--background-color);transition-property:background-color,outline,outline-offset;transition-duration:var(--animation-speed);transition-delay:calc(var(--animation-speed) / 2)}label.checkbox input:checked+div,label.checkbox input:indeterminate+div{background-color:var(--primary-color);outline:10px solid var(--primary-color);outline-offset:-10px;transition-delay:0s}label.checkbox div:after{content:"";position:absolute;opacity:0;left:10px;top:10px;right:10px;bottom:10px;border:solid var(--background-color);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition-property:left,top,right,bottom,opacity,transform;transition-duration:var(--animation-speed);transition-delay:0s}label.checkbox input:checked+div:after{left:6px;top:2px;right:6px;bottom:5px;opacity:1;transition-delay:calc(var(--animation-speed) / 2)}label.checkbox input:indeterminate+div:after{border-width:0 0 2.5px 0;transform:rotate(0);left:5px;right:5px;bottom:9px;opacity:1;transition-delay:calc(var(--animation-speed) / 2)}label.radio{cursor:pointer;display:inline-flex;align-items:center}label.radio>*{margin:4px}label.radio input{position:absolute;opacity:0}label.radio div{position:relative;height:16px;width:16px;border-radius:50%;border:2px var(--border-color) solid;background-color:var(--background-color)}label.radio input:checked+div{border:2px var(--primary-color) solid}label.radio div:after{content:"";position:absolute;opacity:0;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);transform:scale(.1);transition:transform var(--animation-speed) ease-in,opacity 0s var(--animation-speed)}label.radio input:checked+div:after{transform:scale(1);transition:transform var(--animation-speed) ease-in;opacity:1}label.switch{cursor:pointer;display:inline-flex;align-items:center}label.switch>*{margin:4px}label.switch input{position:absolute;opacity:0}label.switch div{position:relative;height:20px;width:36px}label.switch div:before{content:"";position:absolute;height:14px;width:30px;top:3px;left:3px;border-radius:7px;opacity:.6;background-color:var(--border-color);transition:background-color var(--animation-speed)}label.switch input:checked+div:before{background-color:var(--primary-color)}label.switch div:after{content:"";position:absolute;height:20px;width:20px;left:0;top:0;border-radius:50%;filter:invert(.1);background-color:var(--background-color);transition:all var(--animation-speed);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}label.switch input:checked+div:after{filter:invert(0);left:16px;background-color:var(--primary-color)}label.input{cursor:text;position:relative;display:inline-block;width:256px;padding:0;border-bottom:1px solid var(--border-color);background-color:#80808015;border-radius:var(--border-radius) var(--border-radius) 0 0}label.input:hover{border-bottom:1px solid var(--text-color);background-color:#80808026}label.input:after{content:"";position:absolute;left:50%;bottom:-1px;height:2px;width:0;background-color:var(--primary-color);transition:left var(--animation-speed),width var(--animation-speed)}label.input:not(.outline):focus-within:after{left:0;width:100%}label.input input{font-size:1em;width:calc(100% - 32px);background:transparent;border:none;outline:none;margin:20px 16px 6px;padding:0}label.input span{position:absolute;left:16px;top:16px;font-size:1em;-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed)}label.input input:focus+span{color:var(--primary-color)}label.input input:focus+span,label.input input:not(:placeholder-shown)+span{top:4px;font-size:.7em}label.input.outline{border:1px solid var(--border-color);background-color:var(--background-color);border-radius:var(--border-radius)}label.input.outline:focus-within{outline-offset:-2px;outline:2px solid var(--primary-color)}label.input.outline input{margin:13px 16px}label.input.outline span{left:12px;top:14px;padding:0 4px;background-color:var(--background-color)}label.input.outline input:focus+span,label.input.outline input:not(:placeholder-shown)+span{top:-.42em}label.textarea{cursor:text;position:relative;display:inline-block;padding:0;border-bottom:1px solid var(--border-color);background-color:#80808015;border-radius:var(--border-radius) var(--border-radius) 0 0}label.textarea:hover{border-bottom:1px solid var(--text-color);background-color:#80808026}label.textarea:after{content:"";position:absolute;left:50%;bottom:-1px;height:2px;width:0;background-color:var(--primary-color);transition:left var(--animation-speed),width var(--animation-speed)}label.textarea:not(.outline):focus-within:after{left:0;width:100%}label.textarea textarea{font-size:1em;background:transparent;border:none;outline:none;margin:0;padding:20px 16px 6px}label.textarea span{position:absolute;left:16px;top:16px;font-size:1em;-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed)}label.textarea textarea:focus+span{color:var(--primary-color)}label.textarea textarea:focus+span,label.textarea textarea:not(:placeholder-shown)+span{top:4px;font-size:.7em}label.textarea.outline{border:1px solid var(--border-color);background-color:var(--background-color);border-radius:var(--border-radius)}label.textarea.outline:focus-within{outline-offset:-2px;outline:2px solid var(--primary-color)}label.textarea.outline textarea{padding:13px 16px}label.textarea.outline span{left:12px;top:14px;padding:0 4px;background-color:var(--background-color)}label.textarea.outline textarea:focus+span,label.textarea.outline textarea:not(:placeholder-shown)+span{top:-.42em}label.select{position:relative;display:inline-block;width:256px;padding:0;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-color)}label.select:focus-within{outline-offset:-2px;outline:2px solid var(--primary-color)}label.select select{cursor:pointer;font-size:1em;width:100%;background:var(--background-color);border-radius:var(--border-radius);border:none;outline:none;padding:13px 16px}label.select span{position:absolute;left:12px;top:14px;font-size:1em;-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed);padding:0 4px;background-color:var(--background-color)}label.select select:focus+span{color:var(--primary-color)}label.select select:not(:invalid)+span{top:-.42em;font-size:.7em}button{border:none;background-color:var(--primary-color);color:var(--background-color);min-width:64px;font-size:1em;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;position:relative;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:box-shadow var(--animation-speed),filter var(--animation-speed)}button:not(.outline,.text){--ripple-color: var(--background-color)}button:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}button.outline{border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);box-shadow:none}button.outline:hover{box-shadow:none}button.text{background-color:transparent;color:var(--primary-color);padding:8px 12px;box-shadow:none}button.text:hover{box-shadow:none}button:disabled{filter:grayscale();cursor:unset}button.fab{--size: 56px;--icon-center: 24px;min-width:var(--size);height:var(--size);padding:16px;border-radius:var(--size);display:flex;align-items:center}button.fab.mini{--size: 40px;padding:8px}button.fab.extended{padding-right:20px;--icon-center: 32px}.progress{width:240px;height:4px;position:relative;background-image:linear-gradient(var(--primary-color),transparent);background-size:100% 1000%;background-position-y:center;overflow:hidden;--value: 0%}.progress:before,.progress:after{content:"";position:absolute;top:0;left:0;bottom:0;background-color:var(--primary-color);will-change:left,right}.progress:before{width:var(--value)}.progress.indeterminate:before{width:unset;animation:progress calc(var(--animation-speed) * 12) cubic-bezier(.65,.815,.735,.395) infinite}.progress.indeterminate:after{animation:progress-sec calc(var(--animation-speed) * 12) cubic-bezier(.165,.84,.44,1) calc(var(--animation-speed) * 6) infinite}.progress.spinner{width:48px;height:48px;background:transparent;animation:progress-spin calc(var(--animation-speed) * 10) cubic-bezier(.55,.09,.68,.53) infinite}.progress.spinner:before,.progress.spinner:after{content:"";position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;background:transparent;border:5px solid transparent;border-top-color:var(--primary-color);will-change:transform}.progress.spinner:before{animation:progress-spin calc(var(--animation-speed) * 10) cubic-bezier(.45,.05,.55,.95) infinite}.progress.spinner:after{animation:progress-spin calc(var(--animation-speed) * 10) cubic-bezier(.86,0,.07,1) infinite}@keyframes progress{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-sec{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{width:100%;height:48px;display:flex;justify-content:stretch;position:relative;--items: 3;--active: 0}.tabs>span{position:relative;overflow:hidden;cursor:pointer;width:inherit;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.tabs .marker{position:absolute;bottom:0;--width: calc(100% / var(--items));left:calc(var(--width) * var(--active));width:var(--width);height:2px;background-color:var(--primary-color);transition:left var(--animation-speed) ease}.tabs.move .marker{animation:tab-marker var(--animation-speed) ease}@keyframes tab-marker{0%{width:var(--width)}50%{width:calc(var(--width) * 1.2)}to{width:var(--width)}}header.appbar{background-color:var(--primary-color);--text-color: var(--background-color);height:24px;position:sticky;padding:16px;z-index:100;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:height var(--animation-speed) ease}header.appbar.extended{height:96px}header.appbar.extended p{margin-top:72px}header.appbar.top{top:0}header.appbar.bottom{bottom:0}header.appbar p{margin:0;font-size:20px;transition:margin var(--animation-speed) ease}