*{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}hr{height:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--white:#eee;--black:#111;--theme-rgb:245,142,168;--theme-color:rgb(var(--theme-rgb));--theme-contrast-color:var(--black);--font-color:var(--black);--background-color:#f1f3f4;--semi-black-color:rgba(32,32,32,0.8);--semi-white-color:hsla(0,0%,87.8%,0.8);--border-radius:8px;--text-shadow:0 0 2px var(--black);--drop-shadow:drop-shadow(0 0 4px currentColor);--transition-duration:250ms;--animation-duration:250ms;--animation-durationx2:500ms;--animation-out-back:cubic-bezier(0.18,0.89,0.32,1.28)}@media (prefers-color-scheme:dark){:root{--font-color:var(--white);--background-color:var(--black)}}[data-theme=light]{--font-color:var(--black);--background-color:#f1f3f4}[data-theme=dark]{--font-color:var(--white);--background-color:var(--black)}@media (prefers-reduced-motion:reduce){:root{--transition-duration:10ms;--animation-duration:100ms;--animation-durationx2:100ms}}@font-face{font-family:Akari Number;src:local("Helvetica Neue"),local("Helvetica");unicode-range:u+30-39}@font-face{font-family:Akari Fallback UI;src:local("Segoe UI"),local("Roboto"),local("Oxygen"),local("Ubuntu"),local("Cantarell"),local("Open Sans"),local("Helvetica Neue"),local("Helvetica")}html{color:#111;color:var(--font-color);font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback Text,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji;background-color:#f1f3f4;background-color:var(--background-color);font-feature-settings:"kern" 1;-webkit-font-kerning:normal;font-kerning:normal;caret-color:#f58ea8;caret-color:var(--theme-color);overscroll-behavior-y:contain}[lang]:lang(zh){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(zh-HK){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang HK,Microsoft JhengHei UI,Microsoft JhengHei,Source Han Sans HK,Noto Sans CJK TC,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(zh-TW){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang TC,Microsoft JhengHei UI,Microsoft JhengHei,Source Han Sans TW,Noto Sans CJK TC,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(ja){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,Hiragino Kaku Gothic Pro,Yu Gothic UI,Yu Gothic,Meiryo UI,Meiryo,Source Han Sans JP,Noto Sans CJK JP,sans-serif,Apple Color Emoji,Segoe UI Emoji}input,select,textarea{color:inherit}svg{fill:currentColor}::-moz-selection{color:#111;color:var(--theme-contrast-color);background-color:#f58ea8;background-color:var(--theme-color)}::selection{color:#111;color:var(--theme-contrast-color);background-color:#f58ea8;background-color:var(--theme-color)}@supports (-ms-ime-align:auto) and (not ((position:-webkit-sticky) or (position:sticky))){::-moz-selection{color:unset;background-color:unset}::selection{color:unset;background-color:unset}}:focus{outline:none}a{color:currentColor;text-decoration:none}[type=submit],a,button{padding:0 8px;background:0;border:0;cursor:default;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul{margin:0;padding:0;list-style:none}time{letter-spacing:.5px}@media (max-width:768px){time{letter-spacing:0}}.link{text-decoration:underline;cursor:pointer}.link:hover{-webkit-text-decoration-color:#f58ea8;text-decoration-color:#f58ea8;-webkit-text-decoration-color:var(--theme-color);text-decoration-color:var(--theme-color)}.link:hover:after{position:absolute;margin-left:4px;content:"\1F517"}a>*{pointer-events:none}.button{padding:8px;color:#111;color:var(--black);background-color:#fff;border-radius:8px;border-radius:var(--border-radius);opacity:.8}.button:hover{opacity:1}.glow{transition:text-shadow .25s ease;transition:text-shadow var(--transition-duration) ease}.glow:hover{text-shadow:0 0 4px currentColor}.glow>svg{transition:filter .25s ease;transition:filter var(--transition-duration) ease}.glow:hover>svg{filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow)}.ripple{position:relative;overflow:hidden;transform:translateZ(0)}.ripple:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:radial-gradient(circle,#000 10%,transparent 0);background-repeat:no-repeat;background-position:50%;transform:scale3d(10,10,1);opacity:0;transition:transform .5s,opacity 1s;content:"";pointer-events:none}.ripple:active:after{transform:scale3d(0,0,1);opacity:.2;transition:0s}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.page-loading:before{background-color:#f1f3f4;background-color:var(--background-color);opacity:.5;content:""}.akari-odango-loading,.page-loading:before{position:fixed;top:0;right:0;bottom:0;left:0}.akari-odango-loading{width:50vmin;height:50vmin;margin:auto;text-align:center}.start-loading{animation:akariLoading 2s linear infinite}@keyframes akariLoading{0%{transform:rotate(0deg) translateX(-2vmin) rotate(0deg)}to{transform:rotate(1turn) translateX(-2vmin) rotate(-1turn)}}.akari-not-found{flex:1 1 auto;align-self:flex-end;max-width:100vw;max-height:80vh;opacity:.2;filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow)}.app-header{position:fixed;top:0;z-index:233;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);color:#f58ea8;color:var(--theme-color);background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color);box-shadow:0 1px 1px #f58ea8;box-shadow:0 1px 1px var(--theme-color);animation:slideInDown .25s ease-in-out forwards;animation:slideInDown var(--animation-duration) ease-in-out forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.app-header{padding:0 4px}}.app-title{font-weight:500;font-size:1.5rem}.app-title-text{display:none;margin-left:1rem}.app-title-svg{display:inline-flex}@media (min-width:768px){.app-title-text{display:inline-flex}.app-title-svg{display:none}}.app-header a{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;padding:0;color:#fff;transition:color .25s ease-in-out;transition:color var(--transition-duration) ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-tab{position:relative;transform:translateY(-100%);animation-name:slideInDown;animation-duration:.5s;animation-duration:var(--animation-durationx2);animation-timing-function:ease-out;animation-fill-mode:forwards}.app-tab:first-child{animation-delay:.1s}.app-tab:nth-child(2){animation-delay:.2s}.app-tab:nth-child(3){animation-delay:.3s}.app-tab:nth-child(4){animation-delay:.4s}.app-nav:hover .app-tab{color:#fff}.app-nav .app-tab:hover,.app-nav>a:target{color:currentColor}.app-tab:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#111;background-color:var(--theme-contrast-color);transform:scaleY(0);transform-origin:center 0;transition:transform .25s ease-in-out;transition:transform var(--transition-duration) ease-in-out;content:""}.app-tab:hover:before,.app-tab:target:before{transform:scaleY(1)}:hover>.app-tab:target:before{transform:scaleY(0)}.app-tab:hover:target:before{transform:scaleY(1)}.app-tab>svg,.app-title-svg>svg{width:30px;height:30px;margin:0}.app-footer{position:fixed;bottom:0;z-index:233;width:100%;animation:slideInUp .25s ease forwards;animation:slideInUp var(--animation-duration) ease forwards}html{box-sizing:initial;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}body{box-sizing:border-box}.app-container,.app-main,body,html{display:flex;flex-direction:column}.app-container,.app-main,body{flex:1 0 auto}.app-container,body{display:contents;contain:size}@media not all and (min-resolution:0.001dpcm){@supports not ((-webkit-appearance:none) and (stroke-color:transparent)){.app-container,body{display:flex}}}.app-main{width:80%;margin:auto;padding-top:60px;padding-bottom:32px}@media (max-width:1280px){.app-main{width:1024px;max-width:100%}}@media (max-width:1024px){.app-main{width:100%;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}}.home{position:fixed;top:60px;right:0;bottom:32px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom);margin-left:env(safe-area-inset-left);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-tip{max-width:45%;margin:16px;padding:16px;color:#eee;color:var(--white);background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color);border-radius:8px;border-radius:var(--border-radius)}.home-tip-top-left{position:absolute;top:0;left:0}.home-tip-top-right{position:absolute;top:0;right:0}.home-tip-bottom-left{position:absolute;bottom:0;left:0}.home-tip-bottom-right{position:absolute;right:0;bottom:0}.home-tip:after{position:absolute;left:50%;margin-left:-8px;border-style:solid;border-width:8px;content:""}.home-tip-bottom-left:after,.home-tip-top-left:after{left:32px}.home-tip-top-left:after,.home-tip-top-right:after{bottom:100%;border-color:transparent transparent rgba(32,32,32,.8);border-bottom-color:var(--semi-black-color);border-right-color:transparent;border-top-color:transparent}.home-tip-bottom-left:after,.home-tip-bottom-right:after{top:100%;border-color:rgba(32,32,32,.8) transparent transparent;border-top-color:var(--semi-black-color)}.home-tip-section{font-size:1.2rem;line-height:1.5}.home-tip-item{margin:8px;padding:0;cursor:default}.home-tip-item>svg{margin-right:8px}.home-tip-item>svg,.home-tip-text{vertical-align:middle}.app-editor{position:relative;display:flex;flex:1 0 auto;flex-direction:column;margin:16px;padding:8px;font-size:1.2rem;background-color:initial;border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out}.app-editor:focus-within,.app-editor:hover{box-shadow:0 0 10px #f58ea8;box-shadow:0 0 10px var(--theme-color)}@media (max-width:768px){.app-editor{margin:0;border:0;border-radius:0}.app-editor:focus-within,.app-editor:hover{box-shadow:none}}.app-editor-infobox{display:none}@supports (display:grid){.app-editor-infobox{grid-template-rows:1fr 1fr 1fr;grid-template-columns:auto 1fr auto}[open]>.app-editor-infobox{display:grid}}@supports not (display:grid){.app-editor-infobox{flex-wrap:wrap}[open]>.app-editor-infobox{display:flex}.app-editor-infobox>input{flex:1 1 calc(100% - 38px)}.app-editor-infobox>label:nth-child(3n+1){flex:0 0 30px}.app-editor-infobox>label:nth-child(3n+3){flex:0 0 8px;text-align:right}}.app-textarea{flex:1 0 auto;border:none;overscroll-behavior-y:contain}.app-editor input,.app-editor textarea{padding:0;background-color:initial;border:none;resize:none}.app-editor>details{padding-bottom:4px;opacity:.6}.app-editor summary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-tools{position:absolute;top:0;right:0;display:flex;padding:8px}.editor-tools-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;color:#111;color:var(--font-color);border-radius:50%}.editor-tools-item:active{color:currentColor}.editor-tools-item>svg{width:24px;height:24px;color:currentColor}.editor-tools-item:hover>svg{filter:drop-shadow(0 0 2px rgb(245,142,168));filter:drop-shadow(0 0 2px var(--theme-color))}.lyric-list{position:relative;width:100%;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lyric-list.on-screen-button{margin-bottom:40px}.space-button{position:fixed;bottom:32px;left:0;width:100%;height:40px;margin-bottom:env(safe-area-inset-bottom);color:#eee;color:var(--white);background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color);border-bottom:1px dashed #f58ea8;border-bottom:1px dashed var(--theme-color)}.space-button:active{border-bottom-style:solid}.line{align-items:baseline;padding:8px 0 8px 8rem;font-size:1.2rem;white-space:pre-wrap;border-top:2px solid transparent;border-bottom:2px solid transparent}.line:after{display:inline-block;content:""}.line:nth-child(2n){background-color:rgba(0,0,0,.13333333333333333)}.line:nth-child(odd){background-color:hsla(0,0%,100%,.13333333333333333)}.line>.line-text,.line>.line-time{pointer-events:none}.select{border-color:#f58ea8;border-color:var(--theme-color)}.curser{position:absolute;left:0;contain:content}.curser:after{content:"\27A4"}.line.highlight{color:#111;color:var(--theme-contrast-color);background-color:#f58ea8;background-color:var(--theme-color)}.error:before{position:absolute;left:-2rem;content:"\26A0\FE0F"}@media (max-width:1080px){.error:before{left:6rem}.select.error:before{visibility:hidden}}@media (max-width:768px){.line{padding-left:6rem;font-size:1rem;border-width:1px}.error:before{left:4rem}}.aside-panel{position:fixed;right:0;bottom:64px;margin-bottom:env(safe-area-inset-bottom);background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color);border-radius:8px 0 0 8px;transform:translateX(100%);animation:slideInRight .25s ease 1s forwards;animation:slideInRight var(--animation-duration) ease 1s forwards}.on-screen-button+.aside-panel{bottom:100px}.aside-button{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:initial;width:50px;height:50px;margin:0;padding:0 env(safe-area-inset-right) 0 0;color:#eee;color:var(--white);line-height:1}.aside-button>svg{width:30px;height:30px;margin:auto;fill:currentColor}.aside-button:hover>svg{filter:drop-shadow(0 0 4px rgb(245,142,168));filter:drop-shadow(0 0 4px var(--theme-color))}.syncmode-button{border-bottom:1px solid #eee;border-bottom:1px solid var(--white);border-top-left-radius:8px}.syncmode-button.highlight{color:#111;color:var(--theme-contrast-color);background-color:#f58ea8;background-color:var(--theme-color)}.syncmode-button.highlight .lock-open,.syncmode-button.select .lock-close{visibility:hidden}audio{position:absolute;bottom:0;width:100%;height:32px;margin-bottom:env(safe-area-inset-bottom);background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color)}audio::-webkit-media-controls-enclosure{border-radius:0}[disabled]{opacity:.5;pointer-events:none}.lrc-audio{display:flex;align-items:center;justify-content:space-around;padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:#eee;color:var(--white);font-size:14px;background-color:rgba(32,32,32,.8);background-color:var(--semi-black-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lrc-audio>button,.lrc-audio>span{flex:0 0 auto}.slider{--slider-height:32px;position:relative;height:var(--slider-height);margin:0 5px}.slider>input,.slider>progress{position:absolute;right:0;left:0;width:100%}@media (max-width:768px){.timeline-slider{--slider-height:4px;position:absolute;bottom:100%;width:100%;margin:0}}.lrc-audio>button{height:32px;color:#eee}audio+.lrc-audio>.loadaudio-button>svg{animation:drop-shadow-flash 1s ease-in-out infinite}audio[src]+.lrc-audio>.loadaudio-button>svg{animation:none}@keyframes drop-shadow-flash{0%{filter:0}50%{filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow)}}.lrc-audio section{margin:0 5px}.timeline-slider{flex:4 0 auto}.playbackrate-slider{flex:1 1 auto;max-width:150px}input[type=range]{--thumb-size:16px;height:var(--slider-height);margin:0;padding:0;color:#f58ea8;color:var(--theme-color);background-color:initial;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-height);background-color:initial;border:0}input[type=range]::-moz-range-track{height:var(--slider-height);background-color:initial;border:0}input[type=range]::-ms-track{top:-6px;color:transparent;background-color:initial;border-color:transparent}input[type=range]::-webkit-slider-thumb{z-index:10;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc(var(--slider-height)/2 - var(--thumb-size)/2);background-color:currentColor;border:0;border-radius:50%;box-shadow:0 0 4px 1px #111;box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);-webkit-transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;-webkit-transition:box-shadow var(--transition-duration) ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;-webkit-appearance:none}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 4px 1px #eee;box-shadow:0 0 4px 1px var(--white)}input[type=range]::-moz-range-thumb{z-index:10;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc(var(--slider-height)/2 - var(--thumb-size)/2);background-color:currentColor;border:0;border-radius:50%;box-shadow:0 0 4px 1px #111;box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);-moz-transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;-moz-transition:box-shadow var(--transition-duration) ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;-moz-appearance:none}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 4px #eee;box-shadow:0 0 4px var(--white)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background-color:initial}input[type=range]::-ms-thumb{width:16px;height:16px;margin-top:-1px;background-color:currentColor;border-radius:50%}input[type=range]::-ms-tooltip{display:none}.slider>progress{--progress-meter-color:var(--theme-color);display:inline-block;box-sizing:border-box;height:4px;margin:calc(var(--slider-height)/2 - 2px) 0;color:var(--progress-meter-color);vertical-align:0;background:#eee;background:var(--white);border:none;border-radius:2px;box-shadow:0 0 4px #111;box-shadow:0 0 4px var(--black);transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider:hover progress{box-shadow:0 0 4px #eee;box-shadow:0 0 4px var(--white)}progress::-moz-progress-bar{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.8) 62.5%,hsla(0,0%,100%,0) 75%);background-size:35px 20px,100% 100%,100% 100%;border-radius:2px}progress::-webkit-progress-bar{background-color:#eee;border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.26666666666666666)}progress::-webkit-progress-value{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.8) 62.5%,hsla(0,0%,100%,0) 75%);background-repeat:repeat-x;background-size:40px 40px,100% 100%,100% 100%;border-radius:2px}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;margin:auto;border-radius:8px;border-radius:var(--border-radius)}.dialog[open]{display:block;animation:dialogSlideIn .25s cubic-bezier(.18,.89,.32,1.28);animation:dialogSlideIn var(--animation-duration) var(--animation-out-back)}.dialog-close{position:absolute;top:-24px;left:-24px;width:48px;height:48px;padding:0;color:#f58ea8;color:var(--theme-color);list-style-type:none}.dialog-close::-webkit-details-marker{display:none}.dialog-close::marker{display:none}.dialog-close:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}.dialog-close>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:36px;height:36px;margin:auto}.loadaudio-dialog{width:500px;max-width:calc(100% - 36px);height:10rem;max-height:100%;color:#111;color:var(--black);background-color:hsla(0,0%,87.8%,.8);background-color:var(--semi-white-color);border:1px solid #f58ea8;border:1px solid var(--theme-color);box-shadow:0 0 1rem #f58ea8,0 0 0 100vmax rgba(0,0,0,.5333333333333333);box-shadow:0 0 1rem var(--theme-color),0 0 0 100vmax rgba(0,0,0,.5333333333333333)}.loadaudio-body{display:flex;justify-content:space-around;box-sizing:border-box;padding:10px}.tab{display:inline-block}.loadaudio-tab{width:100%;text-align:center}.loadaudio-tab>[type=radio]{display:none}.loadaudio-content{position:absolute;left:0;width:100%;height:100px;visibility:hidden}.loadaudio-tab>label{display:inline-block;width:100%;padding:8px 0;border:1px solid transparent;border-bottom-color:#f58ea8;border-bottom:1px solid var(--theme-color);border-top-left-radius:6px;border-top-right-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loadaudio-tab :checked~label{background-color:hsla(0,0%,100%,.8666666666666667);border-left:1px solid #f58ea8;border-right:1px solid #f58ea8;border-top:1px solid #f58ea8;border:1px solid var(--theme-color);border-bottom:1px solid transparent}.loadaudio-tab :checked~label~.loadaudio-content{visibility:visible}.audio-input-form,.audio-input-tip{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;transition:transform .25s ease-in-out;transition:transform var(--transition-duration) ease-in-out}.audio-input-tip:hover{transform:scale(1.2)}.audio-input-form>input[type=url]{flex:1 0 auto;width:60%;margin:8px;font-size:1.5rem;background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color)}.audio-input-form>input[type=submit]{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes dialogSlideIn{0%{transform:translateY(100%);opacity:0}50%{opacity:1}}.toggle-switch{--bar-height:14px;--bar-width:32px;--bar-color:#eee;--knob-size:20px;--knob-color:#fff;--switch-offset:calc(var(--knob-size) - var(--bar-height));--switch-width:calc(var(--bar-width) + var(--switch-offset));--transition-duration:200ms;--switch-transition:all var(--transition-duration) ease-in-out;--switch-theme-rgb:26,115,232;--switch-theme-color:rgb(var(--switch-theme-rgb));--switch-box-shadow:0 0 var(--switch-offset) rgba(17,17,17,0.5019607843137255);--switch-margin:8px;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;min-width:var(--bar-width);min-height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch-input,.toggle-switch>input{position:absolute;width:0;height:0;opacity:0}.toggle-switch-label,.toggle-switch>label{--knob-x:calc(var(--bar-height)/2 - var(--bar-width)/2);position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bar-width);height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-switch>:checked+label,:checked+.toggle-switch-label{--knob-x:calc(var(--bar-width)/2 - var(--bar-height)/2)}.toggle-switch-label:before,.toggle-switch>label:before{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--bar-width);height:var(--bar-height);background:var(--bar-color);border:1px solid var(--switch-theme-color);border-radius:var(--bar-height);opacity:.5;transition:var(--switch-transition);content:""}.toggle-switch>:checked+label:before,:checked+.toggle-switch-label:before{background:var(--switch-theme-color)}.toggle-switch-label:after,.toggle-switch>label:after{box-sizing:border-box;width:var(--knob-size);height:var(--knob-size);background:var(--knob-color);border-radius:50%;box-shadow:var(--switch-box-shadow);transform:translateX(var(--knob-x));transition:var(--switch-transition);content:""}.toggle-switch>:checked+label:after,:checked+.toggle-switch-label:after{background:var(--switch-theme-color)}.toggle-switch:hover>label:after,.toggle-switch>:focus+label:after,:focus+.toggle-switch-label:after,:hover>.toggle-switch-label:after{box-shadow:var(--switch-box-shadow),0 0 0 calc(var(--knob-size)/2) rgba(var(--switch-theme-rgb),.2)}.preferences{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preferences>ul{max-width:1024px;margin:auto}.preferences li{width:100%;padding:0 8px}.preferences li:nth-child(2n){background-color:rgba(0,0,0,.13333333333333333)}.list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:768px;min-height:3.5rem;margin:auto}.list-item>form,.list-item>span{margin:8px 0}.list-item>.link{padding:0}.toggle-switch{--switch-theme-rgb:var(--theme-rgb);--switch-margin:0;--bar-height:20px;--bar-width:52px;--knob-size:28px;justify-content:center;width:var(--switch-width);height:var(--knob-size)}@supports (-ms-ime-align:auto){.toggle-switch{--switch-offset:8px;--switch-width:60px}.toggle-switch-label:after{box-shadow:0 0 8px rgba(17,17,17,.5333333333333333)}:hover>.toggle-switch-label:after{box-shadow:0 0 8px rgba(17,17,17,.5333333333333333),0 0 0 14px rgba(245,142,168,.2);box-shadow:0 0 8px rgba(17,17,17,.5333333333333333),0 0 0 14px rgba(var(--theme-rgb),.2)}.toggle-switch-label{--knob-x:-16px}:checked+.toggle-switch-label{--knob-x:16px}}.color-picker{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;margin:2px;line-height:normal;vertical-align:middle;border-radius:8px;border-radius:var(--border-radius)}.color-picker.checked:before,.color-picker.hash{color:#111;color:var(--theme-contrast-color)}.color-picker.checked:before{content:"\2714\FE0F"}.user-color-input-text{flex:1 1 74px;grid-column:span 2;align-self:stretch;justify-self:stretch;min-width:60px;margin:2px;background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color)}.user-color-label{color:#111;color:var(--theme-contrast-color)}.theme-color-span,.user-color-input-text,.user-color-label{display:none}@media (min-width:768px){.user-color-input-text,.user-color-label{display:inline-flex}}.format-example-text,.format-example-time{vertical-align:middle}.format-example-text{display:inline;color:#111;color:var(--theme-contrast-color);white-space:pre-wrap;background-color:#f58ea8;background-color:var(--theme-color)}.option-select>select{padding-right:16px;text-align-last:right;background-color:initial;border:none;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.option-select>select>option{color:#111;color:var(--font-color);background-color:#f1f3f4;background-color:var(--background-color)}::-ms-expand{display:none}.option-select{position:relative}.option-select:after{position:absolute;right:0;color:#f58ea8;color:var(--theme-color);content:"\25BC";pointer-events:none}input[type=number]{width:4rem;height:30px;text-align:right;background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);border-radius:0}.akari-hide-wall{position:fixed;right:0;bottom:32px;z-index:-1;width:256px;height:256px;transform:translateX(100%);opacity:.8;animation:akariSlideIn .5s cubic-bezier(.18,.89,.32,1.28) 3s forwards,akariFloat 20s ease-in-out 4s infinite;animation:akariSlideIn .5s var(--animation-out-back) 3s forwards,akariFloat 20s ease-in-out 4s infinite;stroke-width:4px}@keyframes akariSlideIn{0%{transform:translateX(100%)}to{transform:translateX(34%)}}@keyframes akariFloat{0%{transform:translate(34%)}50%{transform:translate(34%,1rem)}to{transform:translate(34%)}}.current-theme-color{font-family:Consolas,Monaco,monospace;vertical-align:middle}.dropdown{position:relative}.dropdown>summary{list-style-type:none}.dropdown>summary::-webkit-details-marker{display:none}.dropdown>summary::marker{display:none}.dropdown>summary:after{color:#f58ea8;color:var(--theme-color);vertical-align:middle;content:"\25BC";pointer-events:none}.dropdown[open]>summary:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block;cursor:default;content:""}.dropdown-body{position:absolute;top:100%;right:0;z-index:100;margin:8px;padding:8px;background-color:#f1f3f4;background-color:var(--background-color);border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color)}.dropdown-body:before{position:absolute;right:74px;bottom:100%;margin-left:-8px;border:8px solid transparent;border-bottom:8px solid var(--theme-color);content:""}.color-wall{display:none;grid-row-gap:4px;grid-column-gap:4px;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;width:200px}[open]>.color-wall{display:flex;display:grid;flex-wrap:wrap}.pseudo-hidden{position:absolute;visibility:hidden}.gist{flex:1 0 auto;flex-direction:column}.get-gist-id,.gist,.new-token{display:flex;align-items:center;justify-content:center;width:100%}.get-gist-id,.new-token{flex-direction:column;max-width:768px;margin:0 auto}.create-new-gist,.new-token-tip{flex:1 0 auto;width:100%;max-width:500px;margin:1rem;padding:1rem;text-align:center}@media (max-width:500px){.new-token-tip{border-radius:0}}.gist-id-tip-text,.new-token-tip-text{max-width:500px;margin:1rem;font-size:1.2rem;text-align:center}.github-svg{width:100px;height:100px;margin:1rem}.gist-id-input,.new-token-input{flex:1 0 auto;margin:0 .5rem;background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);border-radius:0}.gist-id-form,.new-token-form{display:flex;flex:1 0 auto;align-items:center;justify-content:center;width:100%;max-width:500px;margin:1rem 0;padding:1rem 0}.file-list{display:grid;flex:1 0 auto;grid-gap:1rem;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));width:100%}.file-item{padding:.5rem;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 2px #111;box-shadow:0 0 2px var(--font-color);transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file-item:hover{box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color)}.file-content{height:15rem;overflow:hidden;line-height:1.6;white-space:pre}.file-bar{display:flex;align-items:flex-start;justify-content:space-between}.file-title{padding:.5rem}.file-action{flex:0 0 auto}.file-load{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;transition:color .25s ease-in-out}.file-load>svg{pointer-events:none}.file-load:hover{color:#f58ea8;color:var(--theme-color)}.gist-details{width:100%;padding:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:1024px){.gist-details{padding:1rem 0}}.gist-bar{display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.gist-bar{flex-direction:column}}.gist-info,.ratelimit{flex:1 1 auto;padding:.5rem}.ratelimit>p{margin:0;line-height:1.5}.gist-loading{display:flex;flex:1 0 auto;align-items:center;justify-content:center}.gist-no-data{display:flex;flex:1 1 auto}.toast-queue{position:fixed;top:60px;right:0;width:100%;max-width:320px}.toast{display:flex;max-height:320px;margin:1rem;color:#111;color:var(--black);background-color:hsla(0,0%,87.8%,.8);background-color:var(--semi-white-color);background-color:hsla(0,0%,100%,.8666666666666667);border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color);animation:heightChange .25s ease forwards,slideInRight .25s ease-in forwards,slideOutRight .25s ease-out 5s forwards;animation:heightChange var(--animation-duration) ease forwards,slideInRight var(--animation-duration) ease-in forwards,slideOutRight var(--animation-duration) ease-out 5s forwards}.toast-badge{flex:0 0 auto;width:32px;height:32px;margin:8px}.toast-info{color:#1b95e0}.toast-success{color:#19cf86}.toast-warning{color:#fab81e}.toast-badge>svg{width:100%;height:100%}.toast-text{margin:1rem .5rem}@keyframes heightChange{0%{max-height:0}to{max-height:320px}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}
/*# sourceMappingURL=index.css.map */