.item[data-v-1a0ae256]{opacity:.8;width:80px;height:56px;transition:opacity var(--animation-speed);cursor:pointer}.item .container[data-v-1a0ae256]{width:56px;height:32px;transition:background-color var(--animation-speed);background-color:#0000;border-radius:16px;justify-content:center;align-items:center;margin:0 12px 4px;display:flex;position:relative}.item .container .icon[data-v-1a0ae256]{width:24px;height:24px}.item .container .badge[data-v-1a0ae256]{background-color:var(--error-color);border-radius:16px;height:16px;padding:0 4px;font-size:13px;position:absolute;top:2px;left:30px}.item .title[data-v-1a0ae256]{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 8px);padding:0 4px;font-size:12px;line-height:16px;display:block;overflow:hidden}.item:hover[data-v-1a0ae256]{opacity:1}.item:hover .container[data-v-1a0ae256]{background-color:var(--background-color)}.item:hover .container .icon[data-v-1a0ae256]{width:26px;height:26px}.item[active=true][data-v-1a0ae256]{opacity:1}.item[active=true] .container[data-v-1a0ae256]{background-color:var(--background-color)}.userlogo[data-v-02fcb9ea]{color:#fff;background-color:var(--background-color);-webkit-app-region:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}#userinfo[data-v-e2fe3e00]{z-index:2100;visibility:hidden;width:100%;height:100%;transition:background-color var(--animation-speed) ease, visibility var(--animation-speed) step-end;background-color:#0000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow-y:auto}#userinfo[open=true][data-v-e2fe3e00]{visibility:visible;transition:background-color var(--animation-speed) ease}#userinfo[open=true] section[data-v-e2fe3e00]{opacity:1;transform:scale(1)}#userinfo section[data-v-e2fe3e00]{border-radius:var(--border-radius);background-color:var(--sec-background-color);opacity:0;transform-origin:100% 0;min-width:272px;transition:transform var(--animation-speed) ease, opacity var(--animation-speed) ease;box-shadow:1px 2px 4px var(--shadow-color);z-index:101;position:absolute;top:60px;right:12px;overflow:hidden;transform:scale(.2)}#userinfo section header[data-v-e2fe3e00]{border-bottom:1px solid var(--border-color);height:96px}#userinfo section header #usericon[data-v-e2fe3e00]{cursor:default;position:absolute;top:12px;left:12px}#userinfo section header span[data-v-e2fe3e00]{text-overflow:ellipsis;white-space:nowrap;max-width:300px;padding:21px 8px 8px 64px;font-size:18px;display:block;overflow:hidden}#userinfo section header button[data-v-e2fe3e00]{margin-left:64px;font-size:14px}#userinfo section main[data-v-e2fe3e00]{border-bottom:1px solid var(--border-color)}#userinfo section main .option[data-v-e2fe3e00]{align-items:center;height:32px;padding:8px;display:flex}#userinfo section footer[data-v-e2fe3e00]{justify-content:center;align-items:center;font-size:11px;display:flex}#userinfo section footer[data-v-e2fe3e00]>*{padding:8px}#userinfo section .icon[data-v-e2fe3e00]{border-radius:50%;width:24px;height:24px;padding:8px}@media (width<=600px){#userinfo[open=true][data-v-e2fe3e00]{transition:background-color var(--animation-speed) ease;background-color:#0008}#userinfo section[data-v-e2fe3e00]{transform-origin:top;width:80%;right:auto}}header[data-v-27a62d9e]{background-color:var(--sec-background-color);width:calc(100% - 8px);height:40px;box-shadow:0 0 12px var(--shadow-color);z-index:200;grid-template-columns:40px 1fr 40px;column-gap:8px;padding:4px;display:grid;position:fixed;top:0}header .logo[data-v-27a62d9e]{background-position:50%;background-repeat:no-repeat;background-size:contain;width:32px;height:32px;margin:4px}header .logo.ripple[data-v-27a62d9e]{border-radius:50%}header span[data-v-27a62d9e]{white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:20px;overflow:hidden}nav[data-v-27a62d9e]{background:var(--sec-background-color);border-right:1px var(--scrollbar-color) solid;width:80px;height:calc(100% - 64px);transition:left var(--animation-speed), bottom var(--animation-speed);z-index:100;padding-top:16px;position:fixed;top:48px;left:-82px}nav[show-nav=true][data-v-27a62d9e]{left:0}nav[data-v-27a62d9e]>*{margin-bottom:12px}main[data-v-27a62d9e]{height:calc(100% - 48px);transition:padding-left var(--animation-speed), padding-bottom var(--animation-speed);padding-top:48px;padding-left:0;position:relative}main[show-nav=true][data-v-27a62d9e]{padding-left:80px}@media (width<=600px){nav[data-v-27a62d9e]{top:unset;justify-content:space-around;width:100%;height:52px;padding:12px 0 16px;display:flex;bottom:-82px;left:0}nav[data-v-27a62d9e]>*{margin-bottom:0}nav[show-nav=true][data-v-27a62d9e]{bottom:0}main[show-nav=true][data-v-27a62d9e]{padding-bottom:80px;padding-left:0}}:root{--background-color:#fff;--sec-background-color:#eee;--text-color:#000;--primary-color:#0080de;--border-color:#888;--error-color:#e1001a;--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);-webkit-user-select:none;user-select:none;height:100%;margin:0}*{color:var(--text-color);scrollbar-width:thin;font-family:Roboto,sans-serif}div.icon{-webkit-app-region:none;border-radius:50%;width:24px;height:24px;padding:8px}.ripple{cursor:pointer;position:relative;overflow:hidden}label.checkbox{cursor:pointer;align-items:center;display:inline-flex!important}label.checkbox>*{margin:4px}label.checkbox input{opacity:0;position:absolute}label.checkbox div{border-radius:var(--border-radius);outline:2px solid var(--border-color);outline-offset:-2px;background-color:var(--background-color);width:20px;height:20px;transition-property:background-color,outline,outline-offset;transition-duration:var(--animation-speed);transition-delay:calc(var(--animation-speed) / 2);position:relative}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:"";opacity:0;border:solid var(--background-color);transition-property:left,top,right,bottom,opacity,transform;transition-duration:var(--animation-speed);border-width:0 2.5px 2.5px 0;transition-delay:0s;position:absolute;inset:10px;transform:rotate(45deg)}label.checkbox input:checked+div:after{opacity:1;transition-delay:calc(var(--animation-speed) / 2);inset:2px 6px 5px}label.checkbox input:indeterminate+div:after{opacity:1;transition-delay:calc(var(--animation-speed) / 2);border-width:0 0 2.5px;bottom:9px;left:5px;right:5px;transform:rotate(0)}label.radio{cursor:pointer;align-items:center;display:inline-flex}label.radio>*{margin:4px}label.radio input{opacity:0;position:absolute}label.radio div{border:2px var(--border-color) solid;background-color:var(--background-color);border-radius:50%;width:16px;height:16px;position:relative}label.radio input:checked+div{border:2px var(--primary-color) solid}label.radio div:after{content:"";opacity:0;background-color:var(--primary-color);width:10px;height:10px;transition:transform var(--animation-speed) ease-in, opacity 0s var(--animation-speed);border-radius:50%;position:absolute;top:3px;left:3px;transform:scale(.1)}label.radio input:checked+div:after{transition:transform var(--animation-speed) ease-in;opacity:1;transform:scale(1)}label.switch{cursor:pointer;align-items:center;display:inline-flex}label.switch>*{margin:4px}label.switch input{opacity:0;position:absolute}label.switch div{width:36px;height:20px;position:relative}label.switch div:before{content:"";opacity:.6;background-color:var(--border-color);width:30px;height:14px;transition:background-color var(--animation-speed);border-radius:7px;position:absolute;top:3px;left:3px}label.switch input:checked+div:before{background-color:var(--primary-color)}label.switch div:after{content:"";filter:invert(.1);background-color:var(--background-color);width:20px;height:20px;transition:all var(--animation-speed);border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}label.switch input:checked+div:after{filter:invert(0);background-color:var(--primary-color);left:16px}label.input{cursor:text;border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;background-color:#80808015;width:256px;padding:0;display:inline-block;position:relative}label.input:hover{border-bottom:1px solid var(--text-color);background-color:#80808026}label.input:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:left var(--animation-speed), width var(--animation-speed);position:absolute;bottom:-1px;left:50%}label.input:not(.outline):focus-within:after{width:100%;left:0}label.input input{background:0 0;border:none;outline:none;width:calc(100% - 32px);margin:20px 16px 6px;padding:0;font-size:1em}label.input span{-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed);font-size:1em;position:absolute;top:16px;left:16px}label.input input:focus+span{color:var(--primary-color)}label.input input:focus+span,label.input input:not(:placeholder-shown)+span{font-size:.7em;top:4px}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{background-color:var(--background-color);padding:0 4px;top:14px;left:12px}label.input.outline input:focus+span,label.input.outline input:not(:placeholder-shown)+span{top:-.42em}label.textarea{cursor:text;border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;background-color:#80808015;padding:0;display:inline-block;position:relative}label.textarea:hover{border-bottom:1px solid var(--text-color);background-color:#80808026}label.textarea:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:left var(--animation-speed), width var(--animation-speed);position:absolute;bottom:-1px;left:50%}label.textarea:not(.outline):focus-within:after{width:100%;left:0}label.textarea textarea{background:0 0;border:none;outline:none;margin:0;padding:20px 16px 6px;font-size:1em}label.textarea span{-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed);font-size:1em;position:absolute;top:16px;left:16px}label.textarea textarea:focus+span{color:var(--primary-color)}label.textarea textarea:focus+span,label.textarea textarea:not(:placeholder-shown)+span{font-size:.7em;top:4px}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{background-color:var(--background-color);padding:0 4px;top:14px;left:12px}label.textarea.outline textarea:focus+span,label.textarea.outline textarea:not(:placeholder-shown)+span{top:-.42em}label.select{border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--background-color);width:256px;padding:0;display:inline-block;position:relative}label.select:focus-within{outline-offset:-2px;outline:2px solid var(--primary-color)}label.select select{cursor:pointer;background:var(--background-color);border-radius:var(--border-radius);border:none;outline:none;width:100%;padding:13px 16px;font-size:1em}label.select span{-webkit-user-select:none;user-select:none;color:var(--border-color);transition:all var(--animation-speed);background-color:var(--background-color);padding:0 4px;font-size:1em;position:absolute;top:14px;left:12px}label.select select:focus+span{color:var(--primary-color)}label.select select:not(:invalid)+span{font-size:.7em;top:-.42em}button{background-color:var(--primary-color);color:var(--background-color);border-radius:var(--border-radius);cursor:pointer;min-width:64px;transition:box-shadow var(--animation-speed), filter var(--animation-speed);border:none;padding:8px 16px;font-size:1em;position:relative;overflow:hidden;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}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);color:var(--primary-color);box-shadow:none;background-color:#0000}button.outline:hover{box-shadow:none}button.text{color:var(--primary-color);box-shadow:none;background-color:#0000;padding:8px 12px}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);border-radius:var(--size);align-items:center;padding:16px;display:flex}button.fab.mini{--size:40px;padding:8px}button.fab.extended{--icon-center:32px;padding-right:20px}.progress{background-image:linear-gradient(var(--primary-color), transparent);--value:0%;background-position-y:50%;background-size:100% 1000%;width:240px;height:4px;position:relative;overflow:hidden}.progress:before,.progress:after{content:"";background-color:var(--primary-color);will-change:left, right;position:absolute;top:0;bottom:0;left:0}.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;animation:progress-spin calc(var(--animation-speed) * 10) cubic-bezier(.55, .09, .68, .53) infinite;background:0 0}.progress.spinner:before,.progress.spinner:after{content:"";border:5px solid #0000;border-top-color:var(--primary-color);will-change:transform;background:0 0;border-radius:50%;width:38px;height:38px;position:absolute;top:0;left:0}.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{--items:3;--active:0;justify-content:stretch;width:100%;height:48px;display:flex;position:relative}.tabs>span{cursor:pointer;width:inherit;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.tabs .marker{--width:calc(100% / var(--items));bottom:0;left:calc(var(--width) * var(--active));width:var(--width);background-color:var(--primary-color);height:2px;transition:left var(--animation-speed) ease;position:absolute}.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);z-index:100;height:24px;padding:16px;position:sticky;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}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{transition:margin var(--animation-speed) ease;margin:0;font-size:20px}header.appbar{transition:height var(--animation-speed) ease}