*{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}hr{height:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[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:#202020;--semi-white-color:#e0e0e0;--border-radius:8px;--text-shadow:0 0 2px var(--black);--drop-shadow:drop-shadow(0 0 4px currentColor);--transition-duration:.25s;--animation-duration:.25s;--animation-durationx2:.5s;--animation-out-back:cubic-bezier(.18,.89,.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:.1s;--animation-durationx2:.1s}}@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)}:root{color:var(--font-color);background-color:var(--background-color);font-feature-settings:"kern" 1;font-kerning:normal;caret-color:var(--theme-color);overscroll-behavior-y:contain;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Akari Fallback UI,sans-serif,Apple Color Emoji,Segoe UI Emoji}:root,textarea,input{font-variant-numeric:tabular-nums}[lang]:lang(zh){font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Akari Fallback 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:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Akari Fallback 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:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Akari Fallback 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:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Akari Fallback 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}select,input,textarea{color:inherit}svg{fill:currentColor}::selection{color:var(--theme-contrast-color);background-color:var(--theme-color)}@supports (-ms-ime-align:auto) and (not (position:sticky)){::selection{color:unset;background-color:unset}}:focus{outline:none}a{color:currentColor;text-decoration:none}a,button,[type=submit]{cursor:default;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;background:0;border:0;padding:0 8px}ul{margin:0;padding:0;list-style:none}.link{cursor:pointer;text-decoration:underline}.link:hover{-webkit-text-decoration-color:var(--theme-color);-webkit-text-decoration-color:var(--theme-color);text-decoration-color:var(--theme-color)}.link:hover:after{content:"🔗";margin-left:4px;position:absolute}a>*{pointer-events:none}.button{color:var(--black);border-radius:var(--border-radius);opacity:.8;background-color:#fff;padding:8px}.button:hover{opacity:1}.glow{transition:text-shadow var(--transition-duration)ease}.glow:hover{text-shadow:0 0 4px}.glow>svg{transition:filter var(--transition-duration)ease}.glow:hover>svg{filter:var(--drop-shadow)}.ripple{cursor:pointer;position:relative;overflow:hidden;transform:translate(0)}.ripple:after{opacity:0;content:"";pointer-events:none;background-image:radial-gradient(circle,#000 10%,#0000 10%);background-position:50%;background-repeat:no-repeat;width:100%;height:100%;transition:transform .5s,opacity 1s;display:block;position:absolute;top:0;left:0;transform:scale(10)}.ripple:active:after{opacity:.2;transition:all;transform:scale(0)}.select-all{-webkit-user-select:all;user-select:all}.page-loading:before{background-color:var(--background-color);opacity:.5;content:"";position:fixed;top:0;bottom:0;left:0;right:0}.akari-odango-loading{text-align:center;width:50vmin;height:50vmin;margin:auto;position:fixed;top:0;bottom:0;left:0;right:0}.start-loading{animation:2s linear infinite akari-loading}@keyframes akari-loading{0%{transform:rotate(0)translate(-2vmin)rotate(0)}to{transform:rotate(360deg)translate(-2vmin)rotate(-360deg)}}.akari-not-found{opacity:.2;max-width:100vw;max-height:80vh;filter:var(--drop-shadow);flex:auto;align-self:center;margin-top:auto}.app-header{z-index:233;width:100%;height:60px;padding:0 8px;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);color:var(--theme-color);background-color:var(--semi-black-color);box-shadow:0 1px 1px var(--theme-color);animation:slide-in-down var(--animation-duration)ease-in-out forwards;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0}@media (max-width:768px){.app-header{padding:0 4px}}.app-title{cursor:pointer;font-size:1.5rem;font-weight:500}.app-title-text{margin-left:1rem;display:none}.app-title-svg{display:inline-flex}@media (min-width:768px){.app-title-text{display:inline-flex}.app-title-svg{display:none}}.app-header a{color:#fff;min-width:60px;min-height:60px;transition:color var(--transition-duration)ease-in-out;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-tab{animation-name:slide-in-down;animation-duration:var(--animation-durationx2);cursor:pointer;animation-timing-function:ease-out;animation-fill-mode:forwards;position:relative;transform:translateY(-100%)}.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{z-index:-1;background-color:var(--theme-contrast-color);transform-origin:50% 0;width:100%;height:100%;transition:transform var(--transition-duration)ease-in-out;content:"";position:absolute;top:0;left:0;transform:scaleY(0)}.app-tab:target:before,.app-tab:hover:before{transform:scaleY(1)}:hover>.app-tab:target:before{transform:scaleY(0)}.app-tab:hover:target:before{transform:scaleY(1)}.app-title-svg>svg,.app-tab>svg{width:30px;height:30px;margin:0}.app-footer{z-index:233;width:100%;animation:slide-in-up var(--animation-duration)ease forwards;position:fixed;bottom:0}html{box-sizing:content-box;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}body{box-sizing:border-box}html,body,.app-container,.app-main{flex-direction:column;display:flex}body,.app-container,.app-main{flex:1 0 auto}body,.app-container{contain:size;display:contents}@media not all and (-webkit-min-device-pixel-ratio:.0000264583),not all and (-webkit-min-device-pixel-ratio:.0000264583),not all and (min-resolution:.001dpcm){@supports not (((-webkit-appearance:none)) and (stroke-color:transparent)){body,.app-container{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{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;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:60px;bottom:32px;left:0;right:0}.home-tip{max-width:45%;color:var(--white);background-color:var(--semi-black-color);border-radius:var(--border-radius);margin:16px;padding:16px}.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;bottom:0;right:0}.home-tip:after{content:"";border-style:solid;border-width:8px;margin-left:-8px;position:absolute;left:50%}.home-tip-top-left:after,.home-tip-bottom-left:after{left:32px}.home-tip-top-left:after,.home-tip-top-right:after{border-color:transparent transparent var(--semi-black-color)transparent;bottom:100%}.home-tip-bottom-left:after,.home-tip-bottom-right:after{border-color:var(--semi-black-color)transparent transparent transparent;top:100%}.home-tip-section{font-size:1.2rem;line-height:1.5}.home-tip-item{cursor:default;margin:8px;padding:0}.home-tip-item>svg{margin-right:8px}.home-tip-text,.home-tip-item>svg{vertical-align:middle}.karaoke-container{flex-direction:row;width:100%;height:100%;display:flex;overflow:hidden}.karaoke-container>.karaoke-config{border-left:1px solid var(--border-color);flex-shrink:0;width:320px;height:100%;overflow-y:auto}.karaoke-container>.karaoke-preview{flex:1;min-width:0;height:100%;overflow:hidden}@media (max-width:768px){.karaoke-container{flex-direction:column}.karaoke-container>.karaoke-config{border-left:none;border-top:1px solid var(--border-color);width:100%;height:auto;max-height:300px}.karaoke-container>.karaoke-preview{flex:1;min-height:300px}}.app-editor{border:1px solid var(--theme-color);border-radius:var(--border-radius);transition:box-shadow var(--transition-duration)ease-in-out;background-color:#0000;flex-direction:column;flex:1 0 auto;margin:16px;padding:8px;font-size:1.2rem;display:flex;position:relative}.app-editor:hover,.app-editor:focus-within{box-shadow:0 0 10px var(--theme-color)}@media (max-width:768px){.app-editor{border:0;border-radius:0;margin:0}.app-editor:hover,.app-editor:focus-within{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:calc(100% - 38px)}.app-editor-infobox>label:nth-child(3n+1){flex:0 0 30px}.app-editor-infobox>label:nth-child(3n+3){text-align:right;flex:0 0 8px}}.app-textarea{overscroll-behavior-y:contain;border:none;flex:1 0 auto}.app-editor input,.app-editor textarea{resize:none;background-color:#0000;border:none;padding:0}.app-editor>details{opacity:.6;padding-bottom:4px}.app-editor summary{-webkit-user-select:none;user-select:none}.editor-tools{padding:8px;display:flex;position:absolute;top:0;right:0}.editor-tools-item{color:var(--font-color);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:inline-flex}.editor-tools-item:active{color:currentColor}.editor-tools-item>svg{color:currentColor;width:24px;height:24px}.editor-tools-item:hover>svg{filter:drop-shadow(0 0 2px var(--theme-color))}.lyric-list{-webkit-user-select:none;user-select:none;width:100%;line-height:1.4;position:relative}.lyric-list.on-screen-button{margin-bottom:40px}.space-button{touch-action:none;width:100px;height:100px;margin-bottom:env(safe-area-inset-bottom);color:var(--white);background-color:var(--theme-color);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;font-size:0;transition:transform .2s,box-shadow .2s;position:fixed;bottom:50px;right:32px;box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.space-button{bottom:80px}}.space-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006}.space-button:active{transform:scale(.95);box-shadow:0 2px 8px #0000004d}.line{white-space:pre-wrap;border-top:2px solid #0000;border-bottom:2px solid #0000;align-items:baseline;padding:8px 0 8px 8rem;font-size:1.2rem}.line:after{content:"";display:inline-block}.line:nth-child(2n){background-color:#0002}.line:nth-child(odd){background-color:#fff2}.line>.line-time,.line>.line-text{pointer-events:none}.select{border-color:var(--theme-color)}.curser{contain:content;position:absolute;left:0}.curser:after{content:"➤"}.line.highlight{color:var(--theme-contrast-color);background-color:var(--theme-color)}.error:before{content:"⚠️";position:absolute;left:-2rem}@media (max-width:1080px){.error:before{left:6rem}.select.error:before{visibility:hidden}}@media (max-width:768px){.line{border-width:1px;padding-left:6rem;font-size:1rem}.error:before{left:4rem}}.aside-panel{margin-bottom:env(safe-area-inset-bottom);background-color:var(--semi-black-color);animation:slide-in-right var(--animation-duration)ease 1s forwards;border-radius:8px 0 0 8px;position:fixed;bottom:64px;right:0;transform:translate(100%)}.on-screen-button+.aside-panel{bottom:calc(50vh - 60px)}.aside-button{box-sizing:content-box;width:50px;height:50px;padding:0;padding-right:env(safe-area-inset-right);color:var(--white);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;margin:0;line-height:1;display:flex}.aside-button>svg{fill:currentColor;width:30px;height:30px;margin:auto}.aside-button:hover>svg{filter:drop-shadow(0 0 4px var(--theme-color))}.syncmode-button{border-bottom:1px solid var(--white);border-top-left-radius:8px}.syncmode-button.highlight{color:var(--theme-contrast-color);background-color:var(--theme-color)}.syncmode-button.highlight .lock-open,.syncmode-button.select .lock-close{visibility:hidden}audio{width:100%;height:32px;margin-bottom:env(safe-area-inset-bottom);background-color:var(--semi-black-color);position:absolute;bottom:0}audio::-webkit-media-controls-enclosure{border-radius:0}[disabled]{opacity:.5;pointer-events:none}.lrc-audio{padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:var(--white);background-color:var(--semi-black-color);-webkit-user-select:none;user-select:none;justify-content:space-around;align-items:center;font-size:14px;display:flex}.lrc-audio>button,.lrc-audio>span{flex:none}.slider{--slider-height:32px;height:var(--slider-height);margin:0 5px;position:relative}.slider>progress,.slider>input{width:100%;position:absolute;left:0;right:0}.waveform-container{flex:1}.waveform-container>.waveform{height:100%}@media (max-width:768px){.timeline-slider{--slider-height:4px;width:100%;margin:0;position:absolute;bottom:100%}.waveform-container{background-color:var(--semi-black-color);width:100%;margin:0;padding:0 8px;position:absolute;bottom:100%}.app-main{padding-bottom:64px}}.lrc-audio>button{color:#eee;height:32px}audio+.lrc-audio>.loadaudio-button>svg{animation:1s ease-in-out infinite drop-shadow-flash}audio[src]+.lrc-audio>.loadaudio-button>svg{animation:none}@keyframes drop-shadow-flash{0%{filter:0}50%{filter:var(--drop-shadow)}}.lrc-audio section{margin:0 5px}.timeline-slider{flex:4 0 auto}.playbackrate-slider{flex:auto;max-width:150px}input[type=range]{--thumb-size:16px;height:var(--slider-height);color:var(--theme-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-height);background-color:#0000;border:0}input[type=range]::-moz-range-track{height:var(--slider-height);background-color:#0000;border:0}input[type=range]::-ms-track{color:#0000;background-color:#0000;border-color:#0000;top:-6px}input[type=range]::-webkit-slider-thumb{z-index:10;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--slider-height) - var(--thumb-size))/2);box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);transition:box-shadow var(--transition-duration)ease-in-out;-webkit-appearance:none;background-color:currentColor;border:0;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{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) - var(--thumb-size))/2);box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);transition:box-shadow var(--transition-duration)ease-in-out;-moz-appearance:none;background-color:currentColor;border:0;border-radius:50%}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 4px var(--white)}input[type=range]::-ms-fill-upper{background-color:#0000}input[type=range]::-ms-fill-lower{background-color:#0000}input[type=range]::-ms-thumb{background-color:currentColor;border-radius:50%;width:16px;height:16px;margin-top:-1px}input[type=range]::-ms-tooltip{display:none}.slider>progress{--progress-meter-color:var(--theme-color);box-sizing:border-box;height:4px;margin:calc(var(--slider-height)/2 - 2px)0;color:var(--progress-meter-color);vertical-align:0;background:var(--white);box-shadow:0 0 4px var(--black);transition:box-shadow var(--transition-duration)ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;display:inline-block}.slider:hover progress{box-shadow:0 0 4px var(--white)}progress::-moz-progress-bar{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,#fff0 0 50%,#fffc 62.5%,#fff0 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 #0004}progress::-webkit-progress-value{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,#fff0 0 50%,#fffc 62.5%,#fff0 75%);background-repeat:repeat-x;background-size:40px 40px,100% 100%,100% 100%;border-radius:2px}.dialog{z-index:1000;border-radius:var(--border-radius);margin:auto;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.dialog[open]{animation:dialog-slide-in var(--animation-duration)var(--animation-out-back);display:block}.dialog-close{width:48px;height:48px;color:var(--theme-color);cursor:pointer;padding:0;list-style-type:none;position:absolute;top:-24px;right:-24px}.dialog-close::-webkit-details-marker{display:none}.dialog-close::marker{display:none}.dialog-close:before{z-index:-1;content:"";position:fixed;top:0;bottom:0;left:0;right:0}.dialog-close>svg{width:36px;height:36px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.loadaudio-dialog{width:500px;max-width:calc(100% - 36px);height:10rem;max-height:100%;color:var(--black);background-color:var(--semi-white-color);border:1px solid var(--theme-color);box-shadow:0 0 1rem var(--theme-color),0 0 0 100vmax #0008}.loadaudio-body{box-sizing:border-box;justify-content:space-around;padding:10px;display:flex}.tab{display:inline-block}.loadaudio-tab{text-align:center;width:100%}.loadaudio-tab>[type=radio]{display:none}.loadaudio-content{visibility:hidden;width:100%;height:100px;position:absolute;left:0}.loadaudio-tab>label{border:1px solid #0000;border-bottom:1px solid var(--theme-color);-webkit-user-select:none;user-select:none;border-top-left-radius:6px;border-top-right-radius:6px;width:100%;padding:8px 0;display:inline-block}.loadaudio-tab :checked~label{border:1px solid var(--theme-color);background-color:#fffd;border-bottom-color:#0000}.loadaudio-tab :checked~label~.loadaudio-content{visibility:visible}.audio-input-tip,.audio-input-form{width:100%;height:100%;transition:transform var(--transition-duration)ease-in-out;justify-content:center;align-items:center;padding:16px;display:flex}.audio-input-tip:hover{transform:scale(1.2)}.audio-input-form>input[type=url]{border:0;border-bottom:1px solid var(--theme-color);background:0;flex:1 0 auto;width:60%;margin:8px;font-size:1.5rem}.audio-input-form>input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}@keyframes dialog-slide-in{0%{opacity:0;transform:translateY(100%)}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:.2s;--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)#11111180;--switch-margin:8px;box-sizing:border-box;min-width:var(--bar-width);min-height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch>input,.toggle-switch-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch>label,.toggle-switch-label{--knob-x:calc((var(--bar-height) - var(--bar-width))/2);box-sizing:border-box;width:var(--bar-width);height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.toggle-switch>:checked+label,:checked+.toggle-switch-label{--knob-x:calc((var(--bar-width) - var(--bar-height))/2)}.toggle-switch>label:before,.toggle-switch-label:before{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:"";position:absolute;top:0;left:0}.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);box-shadow:var(--switch-box-shadow);transform:translateX(var(--knob-x));transition:var(--switch-transition);content:"";border-radius:50%}.toggle-switch>:checked+label:after,:checked+.toggle-switch-label:after{background:var(--switch-theme-color)}.toggle-switch>:focus+label:after,:focus+.toggle-switch-label:after,.toggle-switch:hover>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{-webkit-user-select:none;user-select:none;width:100%}.preferences>ul{max-width:1024px;margin:auto}.preferences li{width:100%;padding:0 8px}.preferences li:nth-child(2n){background-color:#0002}.list-item{flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:768px;min-height:3.5rem;margin:auto;display:flex}.list-item>span,.list-item>form{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;width:var(--switch-width);height:var(--knob-size);justify-content:center}@supports (-ms-ime-align:auto){.toggle-switch{--switch-offset:8px;--switch-width:60px}.toggle-switch-label:after{box-shadow:0 0 8px #1118}:hover>.toggle-switch-label:after{box-shadow:0 0 8px #1118,0 0 0 14px rgb(var(--theme-rgb)/20%)}.toggle-switch-label{--knob-x:-16px}:checked+.toggle-switch-label{--knob-x:16px}}.color-picker{vertical-align:middle;border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:30px;height:30px;margin:2px;line-height:normal;display:inline-flex}.color-picker.hash{color:var(--theme-contrast-color)}.color-picker.checked:before{color:var(--theme-contrast-color);content:"✔️"}.user-color-input-text{border:0;border-bottom:1px solid var(--theme-color);background:0;flex:74px;grid-column:span 2;place-self:stretch stretch;min-width:60px;margin:2px}.user-color-label{color:var(--theme-contrast-color)}.theme-color-span,.user-color-label,.user-color-input-text{display:none}@media (min-width:768px){.user-color-label,.user-color-input-text{display:inline-flex}}.format-example-time,.format-example-text{vertical-align:middle}.format-example-text{color:var(--theme-contrast-color);white-space:pre-wrap;background-color:var(--theme-color);display:inline}.option-select>select{text-align-last:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;outline:0;padding-right:16px}.option-select>select>option{color:var(--font-color);background-color:var(--background-color)}::-ms-expand{display:none}.option-select{position:relative}.option-select:after{color:var(--theme-color);content:"▼";pointer-events:none;position:absolute;right:0}input[type=number]{text-align:right;border:0;border-bottom:1px solid var(--theme-color);background:0;border-radius:0;width:4rem;height:30px}.akari-hide-wall{z-index:-1;opacity:.8;width:256px;height:256px;animation:akari-slide-in .5s var(--animation-out-back)3s forwards,akari-float 20s ease-in-out 4s infinite;stroke-width:4px;position:fixed;bottom:32px;right:0;transform:translate(100%)}@keyframes akari-slide-in{0%{transform:translate(100%)}to{transform:translate(34%)}}@keyframes akari-float{0%{transform:translate(34%)}50%{transform:translate(34%,1rem)}to{transform:translate(34%)}}.current-theme-color{vertical-align:middle;font-family:Consolas,Monaco,monospace}.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:var(--theme-color);vertical-align:middle;content:"▼";pointer-events:none}.dropdown[open]>summary:before{z-index:80;cursor:default;content:"";display:block;position:fixed;top:0;bottom:0;left:0;right:0}.dropdown-body{z-index:100;background-color:var(--background-color);border:1px solid var(--theme-color);border-radius:var(--border-radius);box-shadow:0 0 1rem var(--theme-color);margin:8px;padding:8px;position:absolute;top:100%;right:0}.dropdown-body:before{border-color:transparent transparent var(--theme-color)transparent;content:"";border-style:solid;border-width:8px;margin-left:-8px;position:absolute;bottom:100%;right:74px}.color-wall{grid-gap:4px;grid-template-columns:repeat(5,1fr);place-items:center;width:200px;display:none}[open]>.color-wall{flex-wrap:wrap;display:grid}.pseudo-hidden{visibility:hidden;position:absolute}.gist{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;width:100%;display:flex}.new-token,.get-gist-id{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:768px;margin:0 auto;display:flex}.new-token-tip,.create-new-gist{text-align:center;flex:1 0 auto;width:100%;max-width:500px;margin:1rem;padding:1rem}@media (max-width:500px){.new-token-tip{border-radius:0}}.new-token-tip-text,.gist-id-tip-text{text-align:center;max-width:500px;margin:1rem;font-size:1.2rem}.github-svg{width:100px;height:100px;margin:1rem}.new-token-input,.gist-id-input{border:0;border-bottom:1px solid var(--theme-color);background:0;border-radius:0;flex:1 0 auto;margin:0 .5rem}.new-token-form,.gist-id-form{flex:1 0 auto;justify-content:center;align-items:center;width:100%;max-width:500px;margin:1rem 0;padding:1rem 0;display:flex}.file-list{grid-gap:1rem;flex:1 0 auto;grid-template-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));width:100%;display:grid}.file-item{border-radius:var(--border-radius);box-shadow:0 0 2px var(--font-color);transition:box-shadow var(--transition-duration)ease-in-out;-webkit-user-select:none;user-select:none;padding:.5rem}.file-item:hover{box-shadow:0 0 1rem var(--theme-color)}.file-content{white-space:pre;height:15rem;line-height:1.6;overflow:hidden}.file-bar{justify-content:space-between;align-items:flex-start;display:flex}.file-title{padding:.5rem}.file-action{flex:none}.file-load{justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .25s ease-in-out;display:inline-flex}.file-load>svg{pointer-events:none}.file-load:hover{color:var(--theme-color)}.gist-details{-webkit-user-select:none;user-select:none;width:100%;padding:1rem}@media (min-width:1024px){.gist-details{padding:1rem 0}}.gist-bar{justify-content:space-between;width:100%;display:flex}@media (max-width:768px){.gist-bar{flex-direction:column}}.gist-info,.ratelimit{flex:auto;padding:.5rem}.ratelimit>p{margin:0;line-height:1.5}.gist-loading{flex:1 0 auto;justify-content:center;align-items:center;display:flex}.gist-no-data{flex:auto;display:flex}.cloud{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.cloud-title{margin-bottom:2rem;font-size:1.5rem;font-weight:500}.cloud-options{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,280px));justify-content:center;width:100%;max-width:700px;display:grid}.cloud-card{color:var(--font-color);border-radius:var(--border-radius);box-shadow:0 0 2px var(--font-color);transition:box-shadow var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-decoration:none;display:flex}.cloud-card:hover{box-shadow:0 0 1rem var(--theme-color);transform:translateY(-4px)}.cloud-card>svg{width:80px;height:80px;margin-bottom:1rem}.cloud-card-title{font-size:1.2rem;font-weight:500}@media (max-width:500px){.cloud{padding:1rem}.cloud-options{grid-template-columns:1fr}.cloud-card{padding:1.5rem}}.googledrive{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;width:100%;display:flex}.googledrive-signin{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:768px;margin:0 auto;display:flex}.googledrive-signin-tip{text-align:center;max-width:500px;margin:1rem;font-size:1.2rem}.googledrive-signin-button{text-align:center;flex:1 0 auto;width:100%;max-width:500px;margin:1rem;padding:1rem}@media (max-width:500px){.googledrive-signin-button{border-radius:0}}.googledrive-svg{width:100px;height:100px;margin:1rem}.googledrive-details{-webkit-user-select:none;user-select:none;width:100%;padding:1rem}@media (min-width:1024px){.googledrive-details{padding:1rem 0}}.googledrive-bar{justify-content:space-between;width:100%;display:flex}@media (max-width:768px){.googledrive-bar{flex-direction:column}}.googledrive-info{flex-direction:column;flex:auto;gap:.75rem;padding:.5rem;display:flex}.googledrive-user{align-items:center;gap:.75rem;display:flex}.googledrive-user-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.googledrive-user-details{flex-direction:column;gap:.25rem;display:flex}.googledrive-user-name{margin:0;font-size:1rem;font-weight:500}.googledrive-user-email{color:var(--font-color-secondary,#888);margin:0;font-size:.875rem}.googledrive-loading{flex:1 0 auto;justify-content:center;align-items:center;display:flex}.googledrive-no-data{flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}.googledrive-no-data>p{color:var(--font-color);margin-top:1rem;font-size:1.2rem}.file-modified{color:var(--font-color-secondary,#888);font-size:.9rem}.toast-queue{width:100%;max-width:320px;position:fixed;top:60px;right:0}.toast{max-height:320px;color:var(--black);border:1px solid var(--theme-color);border-radius:var(--border-radius);box-shadow:0 0 1rem var(--theme-color);animation:height-change var(--animation-duration)ease forwards,slide-in-right var(--animation-duration)ease-in forwards,slide-out-right var(--animation-duration)ease-out 5s forwards;background-color:#fff;margin:1rem;display:flex}.toast-badge{flex:none;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{flex:1;margin:1rem .5rem}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:8px;padding:6px;transition:color .2s,background-color .2s;display:flex}.toast-close:hover{color:#333;background-color:#0000001a}.toast-close>svg{width:100%;height:100%}@keyframes height-change{0%{max-height:0}to{max-height:320px}}.karaoke-preview{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex}.karaoke-preview-canvas-container{background-color:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.karaoke-preview-canvas{object-fit:contain;cursor:move;touch-action:none;max-width:100%;max-height:100%;display:block}.karaoke-preview-canvas.dragging{cursor:grabbing}.karaoke-guide{pointer-events:none;z-index:10;position:absolute}.karaoke-guide-vertical{background-color:#f44;width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.karaoke-guide-horizontal{background-color:#f44;height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.karaoke-preview-empty{color:#fff9;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.karaoke-preview-empty p{margin:4px 0}.karaoke-preview-empty p:first-child{font-size:1.1rem;font-weight:500}.karaoke-preview-empty p:last-child{opacity:.8;font-size:.9rem}.karaoke-preview-controls{opacity:0;transition:opacity .2s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.karaoke-preview-canvas-container:hover .karaoke-preview-controls{opacity:1}.karaoke-play-btn{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:background-color .2s,transform .2s;display:flex}.karaoke-play-btn:hover{background-color:#000c;transform:scale(1.1)}.karaoke-play-btn:active{transform:scale(.95)}@media (max-width:768px){.karaoke-preview-controls{opacity:1}.karaoke-play-btn{width:48px;height:48px}}.karaoke-config{background-color:var(--primary-background-color);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.karaoke-config-tabs{border-bottom:1px solid var(--border-color);gap:4px;padding:12px 16px;display:flex}.karaoke-config-tab{color:var(--secondary-text-color);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.karaoke-config-tab:hover{color:var(--primary-text-color);background-color:var(--secondary-background-color)}.karaoke-config-tab.active{color:rgb(var(--theme-rgb));background-color:rgba(var(--theme-rgb),.1)}.karaoke-config-content{flex:1;padding:20px;overflow-y:auto}.karaoke-config-section{flex-direction:column;gap:28px;display:flex}.karaoke-group{flex-direction:column;display:flex}.karaoke-group-header{color:var(--primary-text-color);border-bottom:2px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:16px;padding:8px 0;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.karaoke-group-header:hover{color:rgb(var(--theme-rgb))}.karaoke-group-arrow{width:20px;height:20px;color:var(--secondary-text-color);background-color:var(--secondary-background-color);border-radius:4px;justify-content:center;align-items:center;font-size:.6rem;transition:transform .2s,background-color .2s;display:inline-flex}.karaoke-group-header:hover .karaoke-group-arrow{background-color:rgba(var(--theme-rgb),.1);color:rgb(var(--theme-rgb))}.karaoke-group-arrow.open{transform:rotate(90deg)}.karaoke-group-title{flex:1}.karaoke-group-content{flex-direction:column;gap:20px;padding-left:4px;display:flex}.karaoke-field{flex-direction:column;gap:10px;display:flex}.karaoke-field-label{color:var(--primary-text-color);font-size:.875rem;font-weight:500}.karaoke-field-control{align-items:center;display:flex}.karaoke-field-row{gap:24px;display:flex}.karaoke-field-row>.karaoke-field{flex:1}.karaoke-field-control select{width:100%;color:var(--primary-text-color);background-color:var(--secondary-background-color);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.karaoke-field-control select:hover{border-color:var(--primary-text-color)}.karaoke-field-control select:focus{border-color:rgb(var(--theme-rgb));box-shadow:0 0 0 3px rgba(var(--theme-rgb),.1);outline:none}.karaoke-field-control input[type=color]{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;width:56px;height:42px;padding:4px;transition:border-color .2s}.karaoke-field-control input[type=color]:hover{border-color:rgb(var(--theme-rgb))}.karaoke-field-control input[type=file]{width:100%;color:var(--primary-text-color);padding:10px 0;font-size:.875rem}.karaoke-field-control input[type=file]::-webkit-file-upload-button{color:var(--primary-text-color);background-color:var(--secondary-background-color);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;margin-right:12px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.karaoke-field-control input[type=file]::file-selector-button{color:var(--primary-text-color);background-color:var(--secondary-background-color);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;margin-right:12px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.karaoke-field-control input[type=file]::-webkit-file-upload-button:hover{background-color:var(--hover-background-color)}.karaoke-field-control input[type=file]::file-selector-button:hover{background-color:var(--hover-background-color)}.karaoke-slider-group{align-items:center;gap:16px;width:100%;display:flex}.karaoke-slider-group input[type=range]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--secondary-background-color);border-radius:3px;flex:1;height:6px}.karaoke-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:rgb(var(--theme-rgb));cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s}.karaoke-slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.karaoke-slider-group span{text-align:center;min-width:55px;color:var(--primary-text-color);background-color:var(--secondary-background-color);border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:500}.karaoke-toggle-group{gap:6px;display:flex}.karaoke-toggle-group button{color:var(--secondary-text-color);background-color:var(--secondary-background-color);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex:1;padding:12px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.karaoke-toggle-group button:hover{background-color:var(--hover-background-color);color:var(--primary-text-color)}.karaoke-toggle-group button.active{color:#fff;background-color:rgb(var(--theme-rgb));border-color:rgb(var(--theme-rgb))}.karaoke-preset-buttons{flex-wrap:wrap;gap:10px;display:flex}.karaoke-preset-btn{border:2px solid var(--border-color);cursor:pointer;border-radius:8px;width:38px;height:38px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s}.karaoke-preset-btn:hover{border-color:rgb(var(--theme-rgb));transform:scale(1.1);box-shadow:0 2px 8px #00000026}.karaoke-bg-preset{width:44px;height:32px}.karaoke-effect-description{color:var(--secondary-text-color);background-color:var(--secondary-background-color);border-left:3px solid rgb(var(--theme-rgb));border-radius:8px;padding:14px 16px;font-size:.875rem;line-height:1.5}.karaoke-config-actions{border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:12px;padding:20px;display:flex}.karaoke-export-btn{color:#fff;background-color:rgb(var(--theme-rgb));cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 28px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex}.karaoke-export-btn:hover:not(:disabled){opacity:.95;box-shadow:0 4px 12px rgba(var(--theme-rgb),.3)}.karaoke-export-btn:active:not(:disabled){transform:scale(.98)}.karaoke-export-btn:disabled{opacity:.6;cursor:not-allowed}.karaoke-export-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.karaoke-export-progress{background-color:var(--secondary-background-color);border-radius:3px;height:6px;overflow:hidden}.karaoke-export-progress-bar{background-color:rgb(var(--theme-rgb));height:100%;transition:width .3s}.karaoke-config .toggle-switch{width:52px;height:28px;display:inline-block;position:relative}.karaoke-config .toggle-switch input{opacity:0;width:0;height:0}.karaoke-config .toggle-switch-track{cursor:pointer;background-color:var(--secondary-background-color);border:1px solid var(--border-color);border-radius:28px;transition:background-color .3s,border-color .3s;position:absolute;top:0;bottom:0;left:0;right:0}.karaoke-config .toggle-switch-track:before{content:"";background-color:var(--secondary-text-color);border-radius:50%;width:22px;height:22px;transition:transform .3s,background-color .3s;position:absolute;bottom:2px;left:2px}.karaoke-config .toggle-switch input:checked+.toggle-switch-track{background-color:rgb(var(--theme-rgb));border-color:rgb(var(--theme-rgb))}.karaoke-config .toggle-switch input:checked+.toggle-switch-track:before{background-color:#fff;transform:translate(24px)}@media (max-width:768px){.karaoke-config{max-width:100%}.karaoke-config-content{padding:16px}.karaoke-config-section{gap:24px}.karaoke-field-row{flex-direction:column;gap:20px}.karaoke-group-content{gap:18px}}.export-overlay{z-index:9999;background-color:#141419f7;flex-direction:column;justify-content:center;align-items:center;animation:.3s export-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes export-fade-in{0%{opacity:0}to{opacity:1}}.export-content{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex}.export-title{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.export-error-title{color:#ff4757}.export-subtitle{color:#fff9;margin:0;font-size:.95rem}.export-preview-frame{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.export-progress-border{position:absolute;top:0;bottom:0;left:0;right:0}.export-preview-inner{background-color:#000;border-radius:7px;justify-content:center;align-items:center;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;display:flex}.export-percent{color:#fff;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:700}.export-cancel-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #ffffff4d;border-radius:8px;min-width:120px;margin-top:16px;padding:12px 32px;font-size:1rem;font-weight:500;transition:all .2s}.export-cancel-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.export-complete-icon{color:#19cf86;background-color:#19cf8626;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.4s export-pop;display:flex}.export-complete-icon>svg{width:48px;height:48px}@keyframes export-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.export-done-btn{color:#fff;background-color:var(--theme-color);cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:12px 32px;font-size:1rem;font-weight:500;transition:opacity .2s}.export-done-btn:hover{opacity:.85}.export-error-message{color:#ffffff80;margin:0;font-size:.9rem}.export-encoder-info{align-items:center;gap:10px;margin-top:-12px;display:flex}.encoder-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.encoder-webcodecs{color:#fff;background-color:#19cf864d;border:1px solid #19cf8680}.encoder-mediarecorder{color:#fff;background-color:#3498db4d;border:1px solid #3498db80}.encoder-ffmpeg{color:#fff;background-color:#9b59b64d;border:1px solid #9b59b680}.encoder-speed{color:#ffffff80;font-size:.8rem}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translate(0)}}.waveform{position:relative}.waveform:before{content:"";opacity:.5;background-color:#eee;height:1px;display:block;position:absolute;top:50%;left:0;right:0}