.switch-wrapper[data-v-756fab64]{position:relative;display:inline-block;width:calc(var(--size) * 1.8);height:var(--size);border-radius:var(--size);background-color:var(--mono-100);transition:box-shadow .15s ease;box-shadow:0 0 0 2px var(--mono-500),0 0 8px #0005}.switch-wrapper input[data-v-756fab64]{display:none}.switch-wrapper[data-v-756fab64]:has(input.inverted){background-color:var(--mono-900)}.switch-wrapper[data-v-756fab64]:has(input.inverted):after{background-color:var(--mono-500)}.switch-wrapper[data-v-756fab64]:has(input.inverted):has(input:checked){background-color:var(--color-300);box-shadow:0 0 0 2px var(--color-300),0 0 8px #0005}.switch-wrapper[data-v-756fab64]:has(input.inverted):has(input:checked):after{background-color:var(--color-800)}.switch-wrapper[data-v-756fab64]:after{content:"";position:absolute;top:0;left:0;scale:.6;width:var(--size);height:var(--size);background-color:var(--mono-500);border-radius:var(--size);transition:inset .2s var(--timing-standard),scale .25s var(--timing-standard)}.switch-wrapper[data-v-756fab64]:has(input:checked){background-color:var(--color-800);box-shadow:0 0 0 2px var(--color-800),0 0 8px #0005}.switch-wrapper[data-v-756fab64]:has(input:checked):after{scale:.85;left:calc(var(--size) * .8);background-color:var(--color-300)}.switch-wrapper[data-v-756fab64]:has(input:disabled){opacity:.5}.input-wrapper{display:inline-flex;align-items:center;align-self:center;box-shadow:0 0 0 1px inset var(--color-600-20);transition:box-shadow .2s;min-height:var(--height, var(--size-xl));border-radius:var(--radius, var(--xs));filter:grayscale(1);width:max-content}.input-wrapper.span-input{width:100%}.input-wrapper:has(input:disabled){filter:grayscale(0)}.input-wrapper:has(input:disabled) input{pointer-events:none}.input-wrapper .input-icon{display:inherit;align-items:center;padding-inline:var(--md)}.input-wrapper .input{position:relative;height:100%;width:100%;display:flex;min-height:inherit}.input-wrapper:has(input:focus){box-shadow:0 0 0 2px inset var(--color-500)}.input-wrapper:not(:has(.left-icon)) .input{padding-left:var(--lg)}.input-wrapper:not(:has(.right-icon,.input-number-arrows)) .input{padding-right:var(--lg)}.input-wrapper .counter{color:#7779;position:absolute;inset:auto 4px 2px auto;font-size:var(--font-xs)}.input-wrapper input{border:none;outline:none;background:none;height:100%;width:100%;min-height:inherit;font:inherit;color:inherit}.input-wrapper input::-webkit-outer-spin-button,.input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper .input-number-arrows{display:grid;place-items:center;line-height:0;border-left:1px solid rgba(119,119,119,.4666666667)}.input-wrapper .input-number-arrows>*:first-child{padding-bottom:1px;border-bottom:1px solid rgba(119,119,119,.4666666667)}.settings-wrapper{position:relative;inset:0;overflow:hidden;display:grid;grid-template-columns:250px 1fr;grid-template-rows:var(--app-header-height) calc(100% - var(--app-header-height));height:100%;grid-template-areas:"header header" "panel screen"}.settings-wrapper header{padding-left:var(--xl);padding-right:var(--md);grid-area:header;position:absolute;top:0;left:0;right:0;height:var(--app-header-height);background:var(--background-secondary);display:flex;align-items:center;z-index:10}.settings-wrapper header .back{display:none}.settings-wrapper header .title{font-weight:600;font-size:var(--font-lg);margin-right:auto}.settings-wrapper .settings-panel{grid-area:panel;height:100%;overflow:auto;top:var(--app-header-height)}.settings-wrapper .settings-panel .active{background-color:var(--color-600-10)}.settings-wrapper .scroll-wrapper{overflow:auto;height:100%;position:relative}.settings-wrapper .constraint{grid-area:screen}.settings-wrapper .entry{display:grid;overflow:hidden;position:relative;padding:var(--xl)}.settings-wrapper .entry.button{cursor:pointer}.settings-wrapper .settings-screen{height:100%;overflow:auto}.settings-wrapper .settings-screen .entry{align-items:center;grid-template-areas:"icon name switch" "icon desc switch";grid-template-columns:auto 1fr auto}.settings-wrapper .settings-screen .iconify{grid-area:icon;margin-right:var(--xl)}.settings-wrapper .settings-screen .name{grid-area:name;margin-bottom:calc(var(--sm) / 2)}.settings-wrapper .settings-screen .desc{grid-area:desc;color:var(--color-900);font-size:var(--font-sm);opacity:.8;white-space:wrap}.settings-wrapper .settings-screen .switch-wrapper{margin-left:var(--sm);grid-area:switch;pointer-events:none}.settings-wrapper .entry-divider{align-items:center;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name line";gap:var(--sm);text-transform:uppercase;font-size:var(--font-sm);font-weight:600;padding:var(--sm)}.settings-wrapper .entry-divider.sticky{position:sticky;top:0;z-index:2;background:var(--background-secondary)}.settings-wrapper .entry-divider:after{content:"";display:block;height:1px;grid-area:line;background-color:var(--color-600-20)}@media screen and (max-width: 600px){.settings-wrapper{position:"relative";grid-template-columns:1fr auto}.settings-wrapper .entry{background:none!important}.settings-wrapper .search{display:none}.settings-wrapper .settings-screen{position:absolute;top:var(--app-header-height);background:var(--background-secondary);width:100dvw;left:100dvw;bottom:0;opacity:0;transition:opacity .35s var(--timing-standard),left .35s var(--timing-standard)}.settings-wrapper[shown=true] header .back{display:block}.settings-wrapper[shown=true] header:has(.back){padding-inline-start:0px}.settings-wrapper[shown=true] .settings-screen{opacity:1;left:0}}.guide-wrapper{display:grid}.guide-wrapper .binds-group{border-bottom:1px solid var(--color-600-30);padding-block:var(--sm) var(--md)}.guide-wrapper .binds-group:empty{display:none}.guide-wrapper .binds-group .group{text-transform:capitalize;font-size:var(--font-lg);font-weight:600}.guide-wrapper .binds-group+.item{margin-top:var(--md)}.guide-wrapper .item{display:flex;align-items:center;gap:var(--sm);margin-left:var(--md);margin-top:var(--sm)}.guide-wrapper .key{user-select:none;font-family:JetBrains Mono,monospace;border-radius:calc(var(--sm) / 2);background-color:var(--color-600-10);font-size:var(--font-sm);padding:calc(var(--sm) / 2) var(--sm);border:1px solid var(--color-600-60)}.guide-wrapper .label{font-size:var(--font-md);margin-right:auto;padding-right:32px;color:var(--mono-900)}.modal-wrapper,.modal-wrapper .content-wrapper{width:inherit}.modal-wrapper .content-wrapper .chip-button{margin-right:var(--sm);padding:calc(var(--sm) / 2) var(--sm);background:none;border:1px solid var(--color-800);border-radius:calc(var(--sm) / 2);font:inherit}.modal-wrapper .content-wrapper pre{border:1px solid var(--color-800);padding:var(--sm);overflow:auto;font-size:var(--font-sm);border-radius:var(--sm);height:400px}.modal-wrapper .content-wrapper pre::-webkit-scrollbar{width:4px}.modal-wrapper .content-wrapper pre::-webkit-scrollbar-thumb{background-color:var(--color-800)}.modal-wrapper .content-wrapper .mode[data-mode="0"] .chip-button:nth-child(1){color:var(--background-secondary);background-color:var(--color-800)}.modal-wrapper .content-wrapper .mode[data-mode="1"] .chip-button:nth-child(2){color:var(--background-secondary);background-color:var(--color-800)}.modal-wrapper .content-wrapper:has([data-mode="0"]) .active{color:var(--background-secondary);background-color:var(--color-800)}.modal-wrapper .content-wrapper #fileName{padding:var(--lg) var(--xl);border:1px solid var(--color-800);border-radius:calc(var(--sm) / 2);font:inherit}html{touch-action:none;font-size:14px;--timing-standard: cubic-bezier(.25, 0, 0, 1)}body{font-family:Roboto Flex,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--background-body: var(--color-50, #fff);--background-secondary: var(--color-100, #eee);--app-player-color: var(--color-100, #eee);font-smooth:never;-webkit-font-smoothing:none;--app-header-color: var(--background-body);--app-navbar-color: var(--background-secondary);--app-modal-color: var(--background-secondary);--app-header-height: 4.125rem;--app-player-height: 4.4375rem;--app-navbar-size: 5.5rem;--font-xxs: .625rem;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-xxl: 1.5rem;--header-size: 1.5rem;--header-weight: 600;--xxs: .125rem;--xs: .25rem;--sm: .5rem;--md: .75rem;--lg: 1rem;--xl: 1.25rem;--xxl: 1.5rem;--size-xxs: 1rem;--size-xs: 1.5rem;--size-sm: 2rem;--size-md: 2.5rem;--size-lg: 3rem;--size-xl: 3.5rem;--size-xxl: 4rem;--icon-xxs: .5rem;--icon-xs: .75rem;--icon-sm: 1rem;--icon-md: 1.5rem;--icon-lg: 1.75rem;--icon-xl: 2rem;--icon-xxl: 2.25rem;--album-color: rgb(255, 187, 187)}body.dark{--background-body: var(--color-50, #111);--background-secondary: var(--color-100, #333);--app-player-color: var(--color-100, #333)}*::-webkit-scrollbar{background:url(/assets/arrow-up.svg),url(/assets/arrow-down.svg);background-repeat:no-repeat;background-position:center top,center bottom;background-clip:padding-box;background-size:10px;width:16px;height:8px}*::-webkit-scrollbar-thumb{background-color:gray;border-left:4px solid transparent;border-right:4px solid transparent;background-clip:padding-box;border-radius:6px}*::-webkit-scrollbar-corner{background-color:transparent}*::-webkit-scrollbar-button{display:block;height:12px}*,*:before,*:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box;padding:0;margin:0}*:focus-visible{outline:2px dashed var(--color-600)}body{overflow:hidden;height:100dvh;background-color:var(--background-body);font-size:var(--font-md);transform:translate(0)}button{position:relative}.icon-button{display:block;background:none;outline:none;color:var(--color-900, inherit);border:none;-webkit-tap-highlight-color:transparent}.icon-button>.icon-wrapper{display:grid;place-items:center;place-content:center;position:relative;overflow:hidden;width:48px;height:48px;border-radius:999px;transition:background-color .2s}.icon-button>.icon-wrapper *{pointer-events:none}.icon-button:disabled .icon-wrapper{color:var(--mono-500);pointer-events:none}.icon-button:hover:not(:disabled) .icon-wrapper{background-color:var(--color-600-20);cursor:pointer}.icon-button:focus-visible .icon-wrapper{outline:2px dashed var(--color-600);background-color:var(--color-600-20)}#app:focus-visible,main:focus-visible{border:none;outline:none}.ripple{position:absolute;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;scale:.2;transform-origin:left top;background-color:var(--mono-700-20);animation:rippled .75s forwards ease-out}.ripple.fade{animation:fade .25s forwards ease-out}@keyframes fade{0%{scale:2;opacity:1}to{scale:2.5;opacity:0}}@keyframes rippled{60%{opacity:1;scale:2}to{opacity:1;scale:2.5}}@media screen and (min-width: 600px){html{font-size:16px}}@media screen and (max-width: 600px){.icon-button .icon-wrapper{background-color:transparent!important}}.marked-content{font-family:Roboto Flex,Arial,Helvetica,sans-serif;line-height:1.5}.marked-content p{margin-bottom:1.2em}.marked-content h1,.marked-content h2,.marked-content h3,.marked-content h4,.marked-content h5,.marked-content h6{font-weight:700;margin-top:1.5em;margin-bottom:.8em}.marked-content h1{font-size:2.2em}.marked-content h2{font-size:1.8em}.marked-content a{color:#007bff;text-decoration:underline}.marked-content ul,.marked-content ol,.marked-content li{margin-left:1em}.marked-content ul,.marked-content ol{margin-bottom:1.2em}.marked-content em,.marked-content i{font-style:italic}.marked-content strong,.marked-content b{font-weight:700}.marked-content code{background-color:#7777;border:1px solid rgba(119,119,119,.6666666667);border-radius:.2em;padding:.1em .4em;font-family:monospace}.marked-content pre code{display:block;overflow-x:auto;padding:1em}.marked-content blockquote{border-left:5px solid #eee;padding-left:1em;color:#666;font-style:italic}body .content-editable .highlight .tag .key{color:#0097ee}body .content-editable .highlight .tag .value{color:#8f6900}body .content-editable .highlight .bracket{color:#999}body .content-editable .highlight .lrc-line .time{color:#009e28}body .content-editable .highlight .invalid{color:red;background-image:url(/assets/wavy.svg);background-repeat:repeat-x;background-position:bottom;background-size:16px 9px;background-position-y:calc(var(--char-height) - 9px);background-position-x:0}body.dark .content-editable .highlight .tag .key{color:#8dfff9}body.dark .content-editable .highlight .tag .value{color:#ffd151}body.dark .content-editable .highlight .lrc-line .time{color:#81f89b}body.dark .content-editable .highlight .invalid{color:#ffa238}.tag[data-v-13f75d27]{height:var(--xl);background-color:var(--color-200);display:grid;place-items:center;position:fixed;text-transform:uppercase;font-weight:600;font-size:var(--font-sm);left:-2.5rem;top:.75rem;width:7.5rem;rotate:-45deg;z-index:10;transition:opacity .3s;user-select:none;box-shadow:0 2px 5px #0005}.tag[data-v-13f75d27]:hover{opacity:0}.progress[data-v-0af14e16]{position:relative;background:var(--mono-100);border-radius:var(--md);overflow:hidden;width:100%}.progress .progress-bar[data-v-0af14e16]{height:inherit;background:var(--color-600);overflow:hidden;width:calc(var(--value) * 1%);transition:width .25s cubic-bezier(.25,.4,.25,1);will-change:width}.progress .progress-bar[data-v-0af14e16]:before{transition:left .25s cubic-bezier(.25,.4,.25,1);will-change:left}.progress .progress-infinite[data-v-0af14e16]{height:inherit;overflow:hidden;position:relative}.progress .progress-infinite[data-v-0af14e16]:before,.progress .progress-infinite[data-v-0af14e16]:after{position:absolute;content:"";top:0;bottom:0;height:inherit;background:var(--color-600);will-change:width,left,opacity}.progress .progress-infinite[data-v-0af14e16]:before{animation:infiniteLoad-0af14e16 infinite 2s linear}@keyframes infiniteLoad-0af14e16{0%{left:-20%;width:20%}25%{left:0%}75%{width:175%;left:120%;opacity:1}76%{opacity:0}77%{width:40%;opacity:0}80%{left:-20%;width:20%}}.progress .progress-infinite[data-v-0af14e16]:after{animation:infiniteLoad2-0af14e16 infinite 2s linear}@keyframes infiniteLoad2-0af14e16{0%{left:-100%;width:20%}66%{width:50%;left:-50%;opacity:0}67%{opacity:1}90%{width:45%}to{left:100%;width:40%}}.progress.md3[data-v-0af14e16]{background-color:transparent;border-radius:var(--md)}.progress.md3.noSpace .progress-bar[data-v-0af14e16]:before{left:0}.progress.md3 .progress-bar[data-v-0af14e16]{border-radius:inherit}.progress.md3 .progress-bar[data-v-0af14e16]:before,.progress.md3 .progress-bar[data-v-0af14e16]:after{position:absolute;border-radius:inherit;content:"";top:0;right:0;height:inherit}.progress.md3 .progress-bar[data-v-0af14e16]:before{background:var(--color-200);left:calc(var(--value) * 1% + var(--xs))}.progress.md3 .progress-bar[data-v-0af14e16]:after{aspect-ratio:1;background:var(--color-600)}.progress.md3 .progress-infinite[data-v-0af14e16]{border-radius:inherit}.progress.md3 .progress-infinite[data-v-0af14e16]:before,.progress.md3 .progress-infinite[data-v-0af14e16]:after{border-radius:inherit}.divider{align-self:center;justify-self:center;display:block;background-color:var(--mono-500-50)}.divider.x{height:1px;width:var(--size);margin-block:var(--margin)}.divider.y{width:1px;height:var(--size);margin-inline:var(--margin)}.divider-label{align-items:center;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name line";gap:var(--sm);text-transform:uppercase;font-size:var(--font-sm);font-weight:600;padding-block:var(--sm)}.divider-label.sticky{position:sticky;top:0;z-index:2}.divider-label:after{content:"";display:block;height:1px;grid-area:line;background-color:var(--color-600-20)}.button[data-v-f6c4765f]{display:inline-flex;align-items:center;height:var(--size-lg);width:max-content;min-width:6ch;border-radius:var(--radius);overflow:hidden;border:none;font:inherit;justify-content:center;font-weight:600;color:var(--color-100);background:var(--color-700);transition:opacity .2s;padding-inline:var(--md);gap:var(--md);box-shadow:0 2px 6px #0005;transition:filter .2s,background-color .2s}.button[data-v-f6c4765f]:not(:disabled):hover{filter:brightness(1.2)}.button .label[data-v-f6c4765f]{align-self:center;text-align:center}.button[data-v-f6c4765f]:not(:has(.left-icon)){padding-inline-start:var(--xl)}.button[data-v-f6c4765f]:not(:has(.right-icon)){padding-inline-end:var(--xl)}.button .button-icon[data-v-f6c4765f]{display:grid;width:max-content;place-items:center}.button[data-v-f6c4765f]:active{opacity:.8}.button[data-v-f6c4765f]:not(:disabled){cursor:pointer}.button.outline[data-v-f6c4765f],.button.transparent[data-v-f6c4765f],.button.subtle[data-v-f6c4765f]{color:var(--color-800);box-shadow:none}.button.outline[data-v-f6c4765f]{border:1px solid var(--color-800-30)}.button.subtle[data-v-f6c4765f]{background:var(--color-500-20)}.button.transparent[data-v-f6c4765f],.button.outline[data-v-f6c4765f]{background:none}.button.transparent[data-v-f6c4765f]:hover,.button.outline[data-v-f6c4765f]:hover{background:var(--color-400-10)}.button[data-v-f6c4765f]:disabled{background-color:var(--mono-300-50)!important;color:var(--mono-500)!important}.button.inverted[data-v-f6c4765f]{color:var(--color-900);background:var(--color-200)}.button.inverted[data-v-f6c4765f]:hover{filter:brightness(.8)}.button.inverted[data-v-f6c4765f]:disabled{background-color:var(--mono-800-50)!important;color:var(--mono-600)!important}.button.inverted.outline[data-v-f6c4765f]{border:1px solid var(--color-200-30)}.floater{position:relative;width:max-content;height:max-content}.floater .floater-text{display:flex;position:absolute;align-items:center;justify-content:center;pointer-events:none;padding:1px 3px;border-radius:999px;z-index:1;box-shadow:0 0 2px var(--mono-600);font-size:var(--sm)}.floater .floater-text.top{top:var(--offset);left:50%;transform:translate(-50%)}.floater .floater-text.left{left:var(--offset);top:50%;transform:translateY(-50%)}.floater .floater-text.right{right:var(--offset);top:50%;transform:translateY(-50%)}.floater .floater-text.center{top:50%;left:50%;transform:translate(-50%,-50%)}.floater .floater-text.bottom{left:50%;bottom:var(--offset);transform:translate(-50%)}.floater .floater-text.top-left{top:var(--offset);left:var(--offset)}.floater .floater-text.top-right{top:var(--offset);right:var(--offset)}.floater .floater-text.bottom-left{bottom:var(--offset);left:var(--offset)}.floater .floater-text.bottom-right{bottom:var(--offset);right:var(--offset)}body:has(.app-header[data-screen=lyric]){--app-header-color: transparent}.app-header{height:var(--app-header-height);padding-inline:var(--sm);background-color:var(--app-header-color);display:flex;align-items:center;position:relative;user-select:none}.app-header[data-screen=lyric]{border-bottom-color:transparent}.app-header h3{font-weight:600;font-size:var(--font-lg);margin-left:var(--sm)}.app-header .actions{right:0;position:absolute;align-items:center;display:flex;background-color:inherit;padding-right:var(--sm);gap:var(--xs)}.app-header .actions .switch-wrapper{margin-inline:12px}.modal-backdrop{display:grid;place-items:center;position:absolute;overflow:hidden;inset:0;background:#0004}.modal-backdrop.closing .modal-wrapper{scale:1;opacity:1;animation:modal-close .2s forwards}.modal-backdrop[no-wrapper-spacing=true] .content{padding:0}.modal-wrapper{position:absolute;margin-block:auto;margin-inline:auto;overflow:hidden;scale:.9;opacity:.3;border-radius:var(--size-sm);background-color:var(--app-modal-color);display:grid;height:var(--modal-height);min-width:clamp(0px,var(--modal-width, 400px),100dvw - var(--xl));max-width:clamp(0px,var(--modal-width, 768px),100dvw - var(--xl));max-height:calc(100dvh - var(--xl));grid-template-areas:"icon" "title" "content" "actions";grid-template-rows:auto auto 1fr auto;animation:modal-open .3s cubic-bezier(.25,0,0,1) forwards}.modal-wrapper>.icon{grid-area:icon;justify-self:center}.modal-wrapper>*+*{margin-top:var(--sm)}.modal-wrapper>.title{font-size:var(--header-size);font-weight:var(--header-weight);text-align:center;grid-area:title}.modal-wrapper>.content{font-size:var(--body-size);grid-area:content;overflow:overlay;text-align:center;padding:var(--xl)}.modal-wrapper>.content>.content-wrapper{display:flex;height:100%;flex-direction:column;gap:var(--sm)}.modal-wrapper>.content>.content-wrapper>*{text-align:initial}.modal-wrapper:has(>.icon,>.title){padding-top:var(--xl)}.modal-wrapper>.actions{display:grid;grid-area:actions;padding:var(--md);padding-bottom:var(--xl);grid-template-areas:"secondary primary";grid-template-columns:auto 1fr}.modal-wrapper>.actions .primary{margin-left:auto;display:flex;gap:var(--sm);flex-wrap:nowrap;grid-area:primary}.modal-wrapper>.actions .secondary{grid-area:secondary;display:flex;gap:var(--sm);flex-wrap:nowrap}@keyframes modal-open{0%{scale:.9;opacity:.3}to{scale:1;opacity:1}}@keyframes modal-close{0%{scale:1;opacity:1}to{scale:.9;opacity:0}}.app-modals{position:fixed;inset:0;z-index:100}.app-modals:empty{display:none}@media screen and (max-width: 600px){.app-modals .modal-backdrop[mobile-fullscreen=true] .modal-wrapper{border-radius:0;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh}}.nav-content{align-self:center}.nav-item+.nav-content{margin-top:auto;padding-block:var(--sm)}.navigation-bar{display:flex;position:fixed;flex-direction:column;height:100dvh;left:0;top:0;bottom:0;width:var(--app-navbar-size, 88px);background:var(--app-navbar-color)}.navigation-bar .nav-container{display:flex;position:absolute;justify-content:center;flex-direction:column;inset:0}.navigation-bar .nav-container+.nav-content{margin-top:auto}.navigation-bar .nav-item{display:grid;font:inherit;border:none;justify-content:center;background:none;user-select:none;color:var(--color-800);padding-block:var(--sm);margin-bottom:var(--sm)}.navigation-bar .nav-item .icon{align-self:end;margin-bottom:4px;border-radius:999px;display:grid;position:relative;overflow:hidden;justify-self:center;place-items:center;width:var(--size-lg);height:var(--icon-lg);font-size:var(--icon-md);contain:content;transition:background-color .2s}.navigation-bar .nav-item .icon *{transition:scale .2s}.navigation-bar .nav-item .icon:before{z-index:-1;content:"";display:block;position:absolute;inset:0;width:var(--size-sm);margin-inline:auto;transition:width .2s,background-color .2s;border-radius:inherit}.navigation-bar .nav-item .name{font-size:var(--font-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transform:translateY(0);transition:max-height .2s,transform .2s,opacity .2s}.navigation-bar .nav-item *{pointer-events:none}.navigation-bar.hidden .nav-item,.navigation-bar.active .nav-item{margin-bottom:0;padding-top:var(--md);padding-bottom:0}.navigation-bar.hidden .nav-item .name,.navigation-bar.active .nav-item:not(.active) .name{transform:translateY(50%);opacity:0}.navigation-bar .nav-item:active .icon>*{scale:.9}.navigation-bar .nav-item:hover .icon{background-color:var(--color-400-20)}.navigation-bar .nav-item.active .name,.navigation-bar .nav-item.active .icon{color:var(--color-900)}.navigation-bar .nav-item.active .icon:before{background-color:var(--color-300);width:var(--size-lg)}@media screen and (max-width: 600px){.navigation-bar{width:100dvw;height:var(--app-navbar-size, 88px);inset:auto 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0px,1fr))}.navigation-bar:has(.nav-container){grid-template-columns:minmax(0px,1fr)}.navigation-bar .nav-container{margin-block:0;grid-template-columns:repeat(auto-fit,minmax(0px,1fr));display:grid}.navigation-bar.hidden .nav-item .name,.navigation-bar.active .nav-item:not(.active) .name{opacity:0;transform:translateY(100%)}.navigation-bar.hidden .nav-item .icon,.navigation-bar.active .nav-item:not(.active) .icon{transform:translateY(20%)}.navigation-bar .nav-item{margin-bottom:0;padding-top:var(--sm)}.navigation-bar .nav-item .name{max-height:var(--size-sm);font-size:var(--font-md)}.navigation-bar .nav-item .icon{font-size:var(--icon-lg);height:var(--size-sm);width:var(--size-xxl);transition:transform .25s var(--timing-standard)}.navigation-bar .nav-item.active .name{opacity:1;transform:translateY(-25%)}.navigation-bar .nav-item.active .icon{transform:translateY(-15%)}.navigation-bar .nav-item.active .icon:before{width:var(--size-xxl)}.navigation-bar .nav-content{display:none}}.app-logo[data-v-b7fb5d8a]{display:flex;grid-area:logo;border-left:4px solid var(--color-500, red);transition:border-color 3s;padding-inline-start:4px;width:64px;align-items:center;align-self:center;margin-block:var(--xl);gap:var(--sm)}.app-title[data-v-b7fb5d8a]{padding-top:2px;line-height:12px;font-size:var(--font-sm);font-weight:600;white-space:pre-line;text-transform:uppercase}@media screen and (min-width: 600px){#nav-item-settings[data-v-6b6d6061]{display:none}}.keybinds{display:flex;position:absolute;flex-direction:column;justify-items:flex-end;top:0;right:0;transform:translateY(calc(-100% - 1px));font-size:var(--font-sm);color:var(--color-900);z-index:2}.keybinds .item{position:relative;z-index:-1;display:flex;margin-left:auto;overflow:hidden;align-items:center;gap:var(--sm);padding:calc(var(--sm) / 2) var(--sm);background-color:var(--background-body);border-radius:calc(var(--sm) / 2)}.keybinds .item+.item{margin-top:calc(var(--sm) / -2)}.keybinds .item:before{inset:0;content:"";background-color:var(--color-600-10);position:absolute;z-index:-1}.keybinds .item .key{padding:2px 4px;border-radius:2px;font-family:JetBrains Mono,monospace;border:1px solid var(--color-600-30);background-color:var(--color-600-10)}.music-seeker{display:flex;height:16px;user-select:none;position:absolute;inset:-8px 0 auto;z-index:3;cursor:grab}.music-seeker:hover .progress,.music-seeker:has(.dragging) .progress{height:4px}.music-seeker:hover .progress .progress-bar:after,.music-seeker:has(.dragging) .progress .progress-bar:after{opacity:1}.music-seeker .progress{height:2px;width:100%;align-self:center;background:#7777;transition:height .2s}.music-seeker .progress .progress-bar{display:flex;align-items:center;position:relative;height:100%;background:red;width:var(--offset)}.music-seeker .progress .progress-bar.dragging{cursor:grabbing}.music-seeker .progress .progress-bar.dragging:before{transform:translate(50%,-100%);opacity:1}.music-seeker .progress .progress-bar.dragging:after{width:16px;height:16px}.music-seeker .progress .progress-bar:before{right:0;content:attr(data-val);position:absolute;transform:translate(50%,-50%);background:var(--mono-100);padding:var(--xs);font-size:var(--font-sm);border-radius:var(--xs);transition:all .2s;box-shadow:0 2px 5px #0005;opacity:0}.music-seeker .progress .progress-bar:after{content:"";right:0;position:absolute;display:block;width:12px;height:12px;background:inherit;transform:translate(50%);opacity:0;transition:opacity .2s,width .2s,height .2s;border-radius:99px}@media screen and (max-width: 600px){.music-seeker .progress{background:var(--color-600-30);height:2px!important}.music-seeker .progress .progress-bar{background-color:var(--color-900)}.music-seeker .progress .progress-bar:after{opacity:1}}@keyframes md-progress-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes md-progress-spinner-initial-rotate{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes md-progress-spinner-stroke-rotate-fallback{0%{transform:rotate(0)}25%{transform:rotate(1170deg)}50%{transform:rotate(2340deg)}75%{transform:rotate(3510deg)}to{transform:rotate(4680deg)}}@keyframes md-progress-spinner-stroke-rotate{0%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(0)}12.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(0)}12.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(72.5deg)}25.1%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(270deg)}37.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(270deg)}37.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(161.5deg)}50.01%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(180deg)}62.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(180deg)}62.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(251.5deg)}75.01%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(90deg)}87.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(90deg)}87.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(341.5deg)}to{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(341.5deg)}}.md-progress-spinner{display:inline-flex;position:relative;width:max-content;height:max-content;align-self:center}.md-progress-spinner .content{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-progress-spinner .content:empty{display:none}.md-progress-spinner.md-infinite{animation:md-progress-spinner-rotate 2s linear infinite}.md-progress-spinner.md-infinite.md-progress-spinner-enter .md-progress-spinner-draw,.md-progress-spinner.md-infinite.md-progress-spinner-leave-to .md-progress-spinner-draw{opacity:0;transform:scale(.1)}.md-progress-spinner.md-infinite.md-progress-spinner-enter-active,.md-progress-spinner.md-infinite.md-progress-spinner-leave-active{transition-duration:0s;animation:none}.md-progress-spinner.md-infinite .md-progress-spinner-circle{animation:5s infinite cubic-bezier(.25,.4,.25,1);animation-name:md-progress-spinner-stroke-rotate}.md-progress-spinner.md-finite.md-progress-spinner-enter-active{transition-duration:2s}.md-progress-spinner.md-finite.md-progress-spinner-enter-active .md-progress-spinner-draw{animation:md-progress-spinner-initial-rotate 1.98s cubic-bezier(.25,.4,.25,1) forwards}.md-progress-spinner.md-finite.md-progress-spinner-leave-active{transition-duration:2s}.md-progress-spinner.md-finite.md-progress-spinner-leave-active .md-progress-spinner-draw{animation:md-progress-spinner-initial-rotate reverse 1.98s cubic-bezier(.25,.4,.25,1) forwards}.md-progress-spinner.md-finite .md-progress-spinner-draw{transition:none}.md-progress-spinner.md3 .md-progress-spinner-circle,.md-progress-spinner.md3 .md-progress-spinner-bg{stroke-linecap:round}.md-progress-spinner-draw{overflow:visible;transform:scale(1) rotate(-90deg);transform-origin:center;transition:.4s cubic-bezier(.25,.4,.25,1);will-change:opacity,transform}.md-progress-spinner-circle{fill:none;stroke:var(--color-700);transform-origin:center;transition:stroke-dashoffset .25s cubic-bezier(.25,.4,.25,1);will-change:stroke-dashoffset,stroke-dasharray,stroke-width,animation-name,r}.md-progress-spinner-bg{fill:none;stroke:var(--mono-200);transform-origin:center;transition:stroke-dashoffset .25s cubic-bezier(.25,.4,.25,1),rotate .25s cubic-bezier(.25,.4,.25,1);will-change:stroke-dashoffset,stroke-dasharray,stroke-width,animation-name,r}.scroller[data-v-ceda8790]{display:grid;overflow:hidden}.scroller.cloned:hover .scroller-content[data-v-ceda8790]{animation-play-state:paused}.scroller.cloned .scroller-content[data-v-ceda8790]{padding-right:var(--spacing);animation:scroll-ceda8790 var(--speed) linear infinite}.scroller.cloned .scroller-wrapper[data-v-ceda8790]{mask-image:linear-gradient(to left,rgba(0,0,0,0) 0%,#000 var(--md),#000 calc(100% - var(--md)),rgba(0,0,0,0) 100%)}@keyframes scroll-ceda8790{0%{transform:translate(0)}75%{transform:translate(-100%)}to{transform:translate(-100%)}}.scroller .scroller-wrapper[data-v-ceda8790]{height:100%;position:relative;display:flex;padding-left:var(--md);overflow:hidden}.scroller .scroller-content[data-v-ceda8790]{height:100%;position:relative;width:max-content;text-wrap:nowrap}.app-player{position:absolute;inset:auto 0 0;z-index:10;border-top:1px solid rgba(119,119,119,.4666666667);background-color:var(--app-player-color)}.app-player .main-panel{display:grid;gap:var(--sm);align-content:center;padding-left:var(--sm);height:var(--app-player-height);grid-template-columns:auto auto minmax(0px,1fr) auto;grid-template-areas:"controls time music-info actions";overflow:hidden}.app-player .main-panel .controls{grid-area:controls;display:flex}.app-player .main-panel #repeat:not([active=true]),.app-player .main-panel #repeat2:not([active=true]){opacity:.5}.app-player .main-panel .actions{display:flex;flex-wrap:nowrap;grid-area:actions;background-color:var(--app-player-color)}.app-player .main-panel .actions #sub-panel-toggle{display:none;transition:rotate .3s var(--timing-standard)}.app-player .main-panel .music-info{height:100%;grid-area:music-info;display:flex;align-items:center;margin-inline:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-player .main-panel .music-info img{aspect-ratio:1/1;object-fit:contain;background:#333;border-radius:2px;width:40px}.app-player .main-panel .music-info .details .title{font-weight:500;font-size:var(--font-md);line-height:1.5}.app-player .main-panel .music-info .details .artist{font-size:var(--font-md);color:#a9a9a9}.app-player .main-panel .time{grid-area:time;margin-left:auto;align-self:center;white-space:nowrap;color:#a9a9a9;font-size:var(--font-sm)}.app-player .sub-panel{background:var(--app-modal-color);display:none}@media screen and (max-width: 600px){.app-player{--app-player-height: 5rem;border-top-left-radius:var(--md);border-top-right-radius:var(--md)}.app-player #repeat:not([active=true]),.app-player #repeat2:not([active=true]){opacity:.5}.app-player .main-panel{grid-template-columns:1fr auto auto auto;grid-template-areas:"music-info time controls  actions";padding-left:var(--md);overflow:hidden}.app-player .main-panel .actions #sub-panel-toggle{display:block}.app-player .main-panel .actions>*:not(#sub-panel-toggle){display:none}.app-player .main-panel .music-info{margin:0}.app-player .main-panel .music-info .album{display:none}.app-player .main-panel .music-info img{width:48px}.app-player .main-panel .time{display:none}.app-player .main-panel .controls{margin-left:auto}.app-player .main-panel .controls>:not(.play-button){display:none}.app-player:has(.sub-panel[shown=true]) .music-seeker{inset:calc(var(--app-player-height) + var(--md)) var(--xl) auto var(--xl)}.app-player:not(:has(.sub-panel[shown=true])) .music-seeker{height:1px;pointer-events:none;inset:auto 0 0}.app-player:not(:has(.sub-panel[shown=true])) .music-seeker .progress{background-color:transparent}.app-player:not(:has(.sub-panel[shown=true])) .music-seeker .progress-bar:after{display:none}.app-player:has(.sub-panel[shown=true]) #sub-panel-toggle{rotate:180deg}.app-player:has(.sub-panel[shown=true]) .main-panel .play-button{display:none}.app-player .sub-panel{display:block;max-height:0;position:relative;transition:max-height .25s var(--timing-standard);overflow-y:hidden}.app-player .sub-panel[shown=true]{max-height:150px}.app-player .sub-panel .time{padding-inline:var(--sm);font-size:var(--font-sm);color:#a9a9a9;display:flex}.app-player .sub-panel .time .current{margin-right:auto}.app-player .sub-panel>.wrapper{padding:var(--sm) var(--md);padding-top:calc(var(--xl) * 1.5)}.app-player .sub-panel>.wrapper .controls{display:flex;flex-wrap:nowrap;justify-content:center}.app-player .sub-panel>.wrapper .controls #repeat:not([active=true]),.app-player .sub-panel>.wrapper .controls #repeat2:not([active=true]){opacity:.5}.app-player .sub-panel>.wrapper .sub-button{padding:var(--sm);align-items:center;gap:var(--sm);background-color:var(--color-600-20);border-radius:var(--sm);display:flex}}.image-container[data-v-1ce9bb21]{position:relative;display:flex;height:max-content;justify-content:center;align-items:center}.image-container .loader[data-v-1ce9bb21]{position:absolute;inset:0;display:grid;place-items:center;opacity:1;transition:opacity .2s ease-out}.image-container image[data-v-1ce9bb21],.image-container img[data-v-1ce9bb21]{opacity:0;transition:opacity .2s ease-out}.image-container.loaded .loader[data-v-1ce9bb21]{opacity:0}.image-container.loaded image[data-v-1ce9bb21],.image-container.loaded img[data-v-1ce9bb21]{opacity:1}.wavy-divider{width:100%;color:var(--color-300-50);margin-block:var(--lg);padding:var(--md)}.home[data-v-270cd93f]{width:100%;max-width:1024px;margin-inline:auto;padding:var(--lg)}.home .logo-container[data-v-270cd93f]{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:row;grid-gap:var(--md)}.home .logo-container[data-v-270cd93f]>*{border-radius:var(--lg);max-width:100%}.home .logo-container .primary-container[data-v-270cd93f]{display:flex;flex-direction:column;gap:var(--sm);padding:var(--size-sm);background-color:var(--color-100)}.home .logo-container .primary-container h1[data-v-270cd93f]{font-size:clamp(2rem,5vw,5rem);font-weight:500}.home .logo-container .primary-container p[data-v-270cd93f]{font-size:clamp(1rem,4vw,1.5rem);color:var(--mono-900)}.home .logo-container .logo-wrapper[data-v-270cd93f]{background:var(--color-400);border-radius:16px;min-height:300px;display:grid;position:relative;place-content:center;overflow:hidden}.home .logo-container .logo-wrapper img[data-v-270cd93f]{position:relative;z-index:1}.home .logo-container .logo-wrapper svg[data-v-270cd93f]{height:auto;position:absolute;bottom:0}.home .special-banner[data-v-270cd93f]{margin-block:var(--md);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:row;color:var(--color-100);border-radius:var(--md);background-color:var(--color-700)}.home .special-banner .banner-content[data-v-270cd93f]{padding:var(--xl);display:flex;flex-direction:column;gap:var(--xl)}.home .special-banner .banner-content .title[data-v-270cd93f]{font-size:var(--size-md);font-weight:700;text-wrap:nowrap}@media screen and (max-width: 600px){.home .special-banner .banner-content .title[data-v-270cd93f]{text-wrap:balance}}.home .special-banner .banner-content .desc[data-v-270cd93f]{font-size:var(--font-xl);text-wrap:balance}.home .special-banner .banner-image[data-v-270cd93f]{padding:var(--xl);padding-bottom:var(--sm);border:1px solid var(--color-200);border-bottom:none;height:fit-content;margin-top:auto;margin-block-start:var(--sm);border-top-left-radius:var(--md);border-top-right-radius:var(--md);margin-inline:var(--sm);align-self:flex-end;background:var(--color-100);color:var(--mono-1000)}.home .special-banner .banner-image .image-header[data-v-270cd93f]{display:flex;gap:var(--md);align-items:center}.home .special-banner .banner-image .image-header .title[data-v-270cd93f]{font-size:var(--font-xxl);font-weight:400}.home .special-banner .banner-image .image-header .artist[data-v-270cd93f]{font-size:var(--font-lg);color:var(--mono-700)}.home .special-banner .banner-image .image-footer[data-v-270cd93f]{font-size:var(--font-xxl);font-weight:600;text-align:center;text-wrap:balance;margin-top:var(--md)}.home .section-wrapper[data-v-270cd93f]{margin-block:var(--size-lg)}.home .section-wrapper .section-header[data-v-270cd93f]{font-size:2.5rem;font-weight:500;margin-bottom:var(--sm)}.home .section-wrapper .section-footer[data-v-270cd93f]{font-size:1.2rem;font-weight:500;color:var(--mono-600);text-align:center}.home .section-wrapper .section-links-container[data-v-270cd93f]{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-flow:row;grid-gap:var(--md)}.home .section-wrapper .section-links-container .links[data-v-270cd93f]{display:flex;flex-direction:column;padding:var(--lg);gap:var(--md)}.home .section-wrapper .section-links-container .links img[data-v-270cd93f]{margin-left:-4px;margin-top:-12px}.home .section-wrapper .section-links-container .links h3[data-v-270cd93f]{font-weight:500;color:var(--mono-800)}.home .section-wrapper .section-links-container .links .link[data-v-270cd93f]{display:flex;text-decoration:none;width:max-content;color:var(--mono-600);border-bottom:2px solid transparent;gap:var(--sm);align-items:center;transition:border-bottom .2s,color .2s}.home .section-wrapper .section-links-container .links .link[data-v-270cd93f]:is([href]):hover{cursor:pointer;color:var(--mono-900);border-bottom:2px solid var(--mono-200)}.home .section-wrapper .section-links-container .links .link .icon[data-v-270cd93f]{place-items:center;line-height:0}.home .section-wrapper .section-links-container .links .link span[data-v-270cd93f]{font-weight:500;letter-spacing:.5px;font-size:var(--font-lg)}.home .section-wrapper .section-card-container[data-v-270cd93f]{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(max(300px,40%),1fr));grid-auto-flow:row;grid-gap:var(--md)}.home .section-wrapper .section-card-container .card[data-v-270cd93f]{display:grid;cursor:pointer;overflow:hidden;position:relative;grid-template-columns:64px 1fr;grid-template-rows:64px;grid-template-areas:"icon info";grid-gap:var(--lg);align-items:center;background:var(--color-100);padding:var(--lg);border-radius:var(--lg)}.home .section-wrapper .section-card-container .card .icon[data-v-270cd93f]{grid-area:icon;display:grid;place-items:center;background:var(--color-300);border-radius:var(--md);width:64px;aspect-ratio:1}.home .section-wrapper .section-card-container .card .info[data-v-270cd93f]{grid-area:info;display:flex;flex-direction:column;gap:var(--xs)}.home .section-wrapper .section-card-container .card h2[data-v-270cd93f]{font-size:1.5rem;font-weight:500}.home .section-wrapper .section-card-container .card p[data-v-270cd93f]{font-size:1rem;color:var(--mono-800)}.debug{pointer-events:none;position:absolute;display:flex;z-index:100;flex-direction:column}.debug.top-left{top:0;left:0;justify-items:flex-start}.debug.top-right{top:0;right:0;justify-items:flex-end}.debug.bottom-left{bottom:0;left:0;justify-items:flex-start}.debug-item{gap:var(--sm);display:flex;border-radius:3px;padding:var(--sm) var(--md);background-color:var(--color-100)}.debug-item+.debug-item{margin-top:calc(var(--sm) * -1)}.debug.top-left .debug-item,.debug.bottom-left .debug-item{margin-right:auto}.debug.top-right .debug-item,.debug.bottom-right .debug-item{margin-left:auto}.tooltip[data-v-2340cf96]{position:fixed;left:-100dvw;background-color:#222;border:1px solid #333;padding:var(--xs) var(--sm);transition:opacity .3s ease}.content[data-v-2340cf96]{position:relative;top:0;display:flex;flex-direction:column;background:transparent;min-width:100%;height:var(--lines-height);margin-top:var(--char-height);caret-color:#fff;white-space:nowrap}.content .line-special[data-v-2340cf96],.content>.line[data-v-2340cf96]{position:absolute;min-height:var(--char-height);min-width:100%;width:var(--width)}.content .line-special[data-v-2340cf96]{top:calc(var(--cursor-line) * var(--char-height));box-shadow:0 0 0 2px inset #ccc1;pointer-events:none}.content>.line[data-v-2340cf96]{white-space:pre}.content>.line .hovering[data-v-2340cf96]{background-color:#00aeff44;border-radius:3px}.highlight[data-v-2340cf96],.content[data-v-2340cf96]{border:none;resize:none;outline:none}.scrollbar-horizontal{position:absolute;height:var(--scrollbar-size);right:var(--scrollbar-size);left:var(--number-width);bottom:var(--statusbar-size);overflow:hidden;user-select:none}.scrollbar-horizontal .thumb{background:#9999;height:100%;position:absolute;left:calc(var(--thumb-offset) * 100%);width:calc(var(--thumb-size) * 100%);opacity:0;transition:opacity .3s ease}.scrollbar-horizontal .thumb.dragging{opacity:1;background:#ccc}.scrollbar-vertical{position:absolute;width:var(--scrollbar-size);bottom:var(--statusbar-size);right:0;top:0;overflow:hidden;user-select:none;border-left:1px solid rgba(51,51,51,.4666666667);border-top:1px solid rgba(51,51,51,.4666666667)}.scrollbar-vertical .thumb{width:100%;position:absolute;background:#9999;top:calc(var(--thumb-offset) * 100%);height:calc(var(--thumb-size) * 100%);opacity:0;transition:opacity .3s ease}.scrollbar-vertical .thumb.dragging{opacity:1;background:#ccc}.scrollbar-vertical .indicator{height:2px;width:100%;position:absolute;background:#aaa;top:calc(var(--line-indicator-pos) * 100%)}.select .selected[data-v-4dc87e1e]{position:relative}.select .selected .text.has-next[data-v-4dc87e1e]:after{content:"";width:calc(var(--char-width) / 1.5);display:inline-block;height:100%}.select .selected .start[data-v-4dc87e1e],.select .selected .endAt[data-v-4dc87e1e]{position:absolute;display:inline-block;background:inherit;opacity:0}.select .selected .start[data-v-4dc87e1e]:before,.select .selected .endAt[data-v-4dc87e1e]:before{content:"A";display:inline-block;background-color:var(--background-body)}.select .selected .start[data-v-4dc87e1e]{left:calc(var(--char-width) * -1)}.select .selected .endAt[data-v-4dc87e1e]{right:calc(var(--char-width) * -1)}.select.start-top .selected .start[data-v-4dc87e1e],.select.start-bottom .selected .start[data-v-4dc87e1e],.select.endAt-top .selected .endAt[data-v-4dc87e1e],.select.endAt-bottom .selected .endAt[data-v-4dc87e1e]{opacity:1}.select.start-top .selected .start[data-v-4dc87e1e]:before{border-top-right-radius:3px}.select.endAt-top .selected .endAt[data-v-4dc87e1e]:before{border-top-left-radius:3px}.select.start-bottom .selected .start[data-v-4dc87e1e]:before{border-bottom-right-radius:3px}.select.endAt-bottom .selected .endAt[data-v-4dc87e1e]:before{border-bottom-left-radius:3px}.select:not(.start-top) .selected[data-v-4dc87e1e]{border-top-left-radius:3px}.select:not(.start-bottom) .selected[data-v-4dc87e1e]{border-bottom-left-radius:3px}.select:not(.endAt-top) .selected[data-v-4dc87e1e]{border-top-right-radius:3px}.select:not(.endAt-bottom) .selected[data-v-4dc87e1e]{border-bottom-right-radius:3px}.select.start-zero .selected[data-v-4dc87e1e]{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.select.same-width-next .selected[data-v-4dc87e1e]{border-bottom-right-radius:0!important}.select.same-width-prev .selected[data-v-4dc87e1e]{border-top-right-radius:0!important}.selection{top:0;position:absolute;pointer-events:none;color:transparent}.selection>.select{display:flex;flex-wrap:nowrap;position:absolute;white-space:pre}.selection>.select>span{display:flex;flex-wrap:nowrap;height:100%}.selection>.select>span span{display:inline-block;height:100%}.selection>.select span.selected{background:var(--color-700-20)}.content-editable{position:absolute;inset:0;overflow:hidden;user-select:none;padding-bottom:calc(var(--char-height) * 2);background:var(--background-body);--scrollbar-size: var(--md)}.content-editable .editor{position:absolute;left:var(--number-width);top:0;height:var(--editor-height);width:calc(var(--editor-width) - var(--number-width));scroll-behavior:auto;overflow:hidden;cursor:text}.content-editable .editor:hover .scrollbar-horizontal,.content-editable .editor:hover .scrollbar-vertical{opacity:0!important}.content-editable:hover .thumb{opacity:1}.content-editable .highlight,.content-editable .content,.content-editable .selection,.content-editable .char-dimensions,.content-editable .line-number{line-height:1.5;font-size:var(--font-editor, var(--font-md, 16px));font-family:JetBrains Mono,Consolas,monospace}.content-editable .status-bar{position:absolute;inset:auto 0 0;z-index:5;display:flex;align-items:center;justify-content:right;gap:var(--md);font-size:var(--font-xs, 14px);padding-inline:var(--sm);height:var(--statusbar-size);background:inherit;border-top:1px solid rgba(119,119,119,.4666666667)}.content-editable .char-dimensions{position:fixed;white-space:pre;pointer-events:none;opacity:0}.content-editable:has(.selection.visible) .line-special{box-shadow:none}.content-editable textarea{position:absolute;left:var(--char-offset);top:calc((var(--cursor-line) + 1) * var(--char-height));resize:none;pointer-events:none;display:block;height:var(--char-height);width:2px;min-width:2px;outline:none;border:none;border-left:2px solid #888;background:none;font:inherit;caret-color:transparent;animation:blink 1s infinite}.content-editable textarea:not(:focus){opacity:0;animation-play-state:paused}@keyframes blink{49%{border-left-color:#888}50%{border-left-color:transparent}99%{border-left-color:transparent}to{border-left-color:#888}}.content-editable .line-number{position:absolute;top:calc((var(--scroll-height) - var(--char-height)) * -1);z-index:2;text-align:right;width:var(--number-width)}.content-editable .line-number .number{opacity:.5;padding-right:var(--md)}.content-editable .line-number .number.active{opacity:1}.edit-screen{inset:0;position:absolute;display:grid;overflow:hidden;height:inherit;grid-template-columns:auto 1fr;background:var(--color-600-10)}.edit-screen .mobile-editor{position:absolute;resize:none;padding:var(--md);background-color:var(--color-50);font:inherit;font-family:JetBrains Mono,monospace;inset:0;border:none;width:100%;height:100%}.list{position:relative;display:block;width:100%;overflow:hidden}.list .list-item{width:100%;display:flex;position:absolute;transition:top .1s;user-select:none;height:56px}.list .list-item.dragged{z-index:10;transition:none;box-shadow:0 0 6px var(--mono-200-40)}.list .list-content{position:absolute;width:100%;display:flex;height:inherit;background:var(--background-secondary);transition:left .1s;z-index:2}.list .list-content .draggable{position:absolute;right:0;height:56px;width:56px;display:grid;place-items:center;cursor:row-resize}.list .list-content .draggable>*{pointer-events:none}.list .swipe-indicator{position:absolute;z-index:1;inset:0}.list .swipe-indicator .left,.list .swipe-indicator .right{display:grid;height:inherit;inset:0;position:absolute;align-items:center;padding:var(--md)}.list .swipe-indicator .left{grid-area:left}.list .swipe-indicator .right{justify-content:end;grid-area:right}.timing-list{display:flex;align-items:center;gap:var(--sm);padding-inline:var(--sm)}.timing-list .time{min-width:56px;color:var(--color-700)}.timing-screen-drag{width:100%;height:100%;padding-inline:var(--md);margin-inline:auto;position:relative;max-width:768px}.timing-screen-drag .list:empty:after{content:"There are no lines";text-align:center;display:block;padding-block:var(--md);font-size:var(--font-xl);color:var(--mono-700)}.timing-screen-drag .guide{top:0;z-index:10;position:sticky;background:var(--background-body);text-align:center;padding:var(--xl)}.timing-screen{padding-block:calc((85dvh - 112px)/2);max-width:768px;width:100%;padding-inline:var(--md);margin-inline:auto;position:relative}.timing-screen:empty:after{content:"Click or Press 'Insert' to add a new line";text-align:center;cursor:pointer;display:block;font-size:var(--font-xl);color:var(--color-500)}.timing-screen .lrc-line{user-select:none;display:grid;position:relative;grid-template-areas:"time data" "time data";grid-template-columns:56px 1fr auto;grid-template-rows:24px auto;height:112px;overflow:hidden;align-content:center;column-gap:var(--sm);padding-inline:var(--sm);background:var(--background-body);box-shadow:0 2px 12px var(--background-body);animation:fade-in .2s forwards}@keyframes fade-in{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.timing-screen .lrc-line>*{pointer-events:none}.timing-screen .lrc-line:before{position:absolute;content:"";inset:0;z-index:-1;background-color:transparent;transition:background-color .2s}.timing-screen .lrc-line .add-line-buttons{width:56px;display:grid;grid-template-rows:1fr 1fr;grid-area:add-line;justify-content:center;cursor:pointer}.timing-screen .lrc-line .time{font-size:var(--font-sm);align-self:center;color:var(--color-800)}.timing-screen .lrc-line .timing-buttons{grid-area:timing;display:grid;place-items:center;grid-template-areas:"ppp set" "rrr fff"}.timing-screen .lrc-line .timing-buttons :nth-child(1){grid-area:ppp;align-self:self-start}.timing-screen .lrc-line .timing-buttons :nth-child(2){grid-area:set;align-self:self-start}.timing-screen .lrc-line .timing-buttons :nth-child(3){grid-area:rrr;align-self:self-end}.timing-screen .lrc-line .timing-buttons :nth-child(4){grid-area:fff;align-self:self-start}.timing-screen .lrc-line:is(:first-child):is(:last-child){border-radius:var(--sm);border:1px solid var(--color-800-10)!important}.timing-screen .lrc-line:not(.active)+.lrc-line{border-top:1px solid var(--color-800-10)}.timing-screen .lrc-line textarea.data{word-break:break-word;white-space:none;resize:none;font:inherit;font-size:var(--font-xl)}.timing-screen .lrc-line .data{font-size:var(--font-xl);width:clamp(200px,100%,100%);white-space:pre-wrap;text-wrap:balance;border:none;grid-area:data}.timing-screen .lrc-line .data:empty:after{content:"<Empty>";color:var(--color-800-40)}.timing-screen .lrc-line:is(:first-child:last-child){border:1px solid var(--color-10)}.timing-screen .lrc-line.active{border-radius:var(--sm);grid-template-areas:"add-line time timing" "add-line data timing";position:sticky;z-index:1;top:var(--sm)}.timing-screen .lrc-line.active>*{pointer-events:initial}.timing-screen .lrc-line.active:before{background-color:var(--color-900-10);transition:none}.timing-screen .lrc-line.active .data{height:72px;overflow:auto;outline:none;align-self:self-start;border-radius:calc(var(--sm) / 2)}.timing-screen .lrc-line.active .data:focus-visible{box-shadow:0 0 0 2px var(--color-600-20)}.timing-screen .lrc-line.inactive .data{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width: 768px){.timing-screen{padding-inline:var(--sm)}}.playing-indicator{min-height:var(--size);display:flex;margin-inline:auto;width:calc(var(--size) * 1.5);justify-content:space-between;div{min-width:25%;min-height:90%;background:currentColor}}.playing-indicator div{--speed: .5s;transform-origin:bottom;animation-duration:var(--speed);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-name:playing-indicator;&:nth-child(2){animation-duration:calc(var(--speed) * .8);animation-delay:.2s}&:nth-child(3){animation-duration:calc(var(--speed) * .7);animation-delay:.4s}}@keyframes playing-indicator{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.preview-screen{padding-block:calc((85dvh - 112px)/2);color:var(--color-900-20)}.preview-screen:empty:after{content:"No lyric available";display:block;text-align:center;font-size:var(--font-xl)}.preview-screen .lrc-line{position:relative;overflow:hidden;padding-block:var(--xl);padding-inline:var(--md);user-select:none;cursor:pointer}.preview-screen .lrc-line.error{background-color:#f001}.preview-screen .lrc-line .data{scale:.8;text-wrap:balance;letter-spacing:1px;text-align:center;font-weight:500;font-size:36px;width:clamp(0px,100%,768px);margin-inline:auto;transition:all .25s var(--timing-standard)}.preview-screen .lrc-line .data:has(.playing-indicator){scale:1}.preview-screen .lrc-line .data:has(.translated) span{font-size:24px;color:var(--mono-500)}.preview-screen .lrc-line.active .data{color:var(--color-900);scale:1}.preview-screen .lrc-line:not(.active) .playing-indicator div{transform:scaleY(.05);animation:none!important}.debug-test-list{display:flex;align-items:center;gap:var(--sm);padding-inline:var(--md)}.master-switch{position:sticky;top:0;display:flex;align-items:center;flex-wrap:nowrap;background:var(--color-700);padding:var(--size-sm) var(--size-xs);border-radius:var(--size-sm);color:var(--color-0);text-transform:capitalize;font-size:var(--font-lg);z-index:10;box-shadow:0 0 .5rem #0005}.master-switch .toggle{pointer-events:none;position:absolute;display:grid;align-items:center;right:var(--xl);top:0;bottom:0}.slider{--thumb-width: calc(var(--xs) * 1.5);--thumb-height: var(--lg);--track-height: var(--sm);height:calc(var(--thumb-height) * 2);width:100%;user-select:none;display:grid;align-items:center}.slider input{display:none}.slider:has(.slider-value){grid-template-columns:auto 1fr}.slider .slider-value{font-size:var(--font-sm);padding:var(--xs) var(--md);margin-right:var(--sm);background-color:var(--mono-200);color:var(--mono-800);border-radius:var(--xs)}.slider .slider-wrapper{position:relative;display:flex;height:100%;align-items:center}.slider .slider-track{position:absolute;align-self:center;left:0;overflow:hidden;right:0;height:var(--track-height);background:var(--mono-200);border-radius:999px}.slider .slider-track:before{left:0;position:absolute;content:"";height:100%;right:calc((var(--thumb-offset) - 100) * -1%);background:var(--color-600)}.slider .slider-thumb{z-index:1;position:absolute;left:calc(var(--thumb-offset) * 1%);width:var(--thumb-width);height:calc(var(--thumb-height) * 2);border-radius:999px;align-self:center;transform:translate(-50%);background:var(--color-600)}.slider .slider-thumb:after{content:attr(data-value);position:absolute;top:0;left:50%;padding:var(--xs) var(--sm);background:var(--mono-100);transform:translate(-50%,-100%);font-size:var(--font-sm);color:var(--mono-1000);border-radius:var(--xs);transition:all .2s;box-shadow:0 2px 5px #0005;opacity:0}.slider .slider-thumb[dragging=true]{background:var(--color-700)}.slider .slider-thumb[dragging=true]:after{transform:translate(-50%,-125%);opacity:1}.slider .slider-indicator{position:absolute;left:0;right:0;width:100%;display:flex;align-items:center;height:calc(var(--xs) * 2);border-radius:999px}.slider .slider-indicator .dot{left:calc(var(--offset) * 1%);transform:translate(calc(var(--offset) * -.5%));position:absolute;width:var(--xs);height:var(--xs);border-radius:999px;background:var(--color-500)}.slider .slider-indicator .dot.covered{background:var(--color-200)}.slider .slider-labels{position:absolute;align-self:center;width:100%;height:var(--xs);margin-inline:auto;pointer-events:none}.slider .slider-labels .label{position:absolute;left:calc(var(--offset) * 1% + var(--xxs));transform:translate(-50%);font-size:var(--font-xxs);color:var(--mono-500);padding-top:var(--md);width:max-content;text-align:center}.slider.md3{--thumb-width: calc(var(--xs) * 1.5);--thumb-height: var(--xl);--track-height: var(--lg);height:calc(var(--thumb-height) * 2.5)}.slider.md3 .slider-thumb{height:calc(var(--thumb-height) * 2.5)}.slider.md3 .slider-indicator>:last-child{scale:1.5;transform-origin:left}.slider.md3 .slider-indicator .dot{background-color:var(--color-700)}.slider.md3 .slider-indicator .dot.covered{background-color:var(--color-100)}.slider.md3 .slider-track{background:none}.slider.md3 .slider-track:before{width:calc(var(--thumb-offset) * 1% - var(--thumb-width) * 1.5);border-radius:2px}.slider.md3 .slider-track:after{content:"";right:0;background-color:var(--color-200);height:100%;position:absolute;left:calc(var(--thumb-offset) * 1% + var(--thumb-width) * 1.5);border-radius:2px}.chip{user-select:none;display:inline-flex;align-items:center;position:relative;overflow:hidden;width:fit-content;border-radius:var(--radius);gap:var(--sm);border:none;font:inherit;font-weight:600;color:var(--color-100);background:var(--color-700);padding:var(--xs) var(--md);transition:opacity .2s;box-shadow:0 2px 6px #0005;transition:filter .2s,background-color .2s}.chip:hover{filter:brightness(1.2)}.chip+.chip{margin-inline-start:var(--xs)}.chip .chip-icon{display:grid;place-items:center}.chip:active{opacity:.8}.chip:not(:disabled){cursor:pointer}.chip.outline,.chip.transparent,.chip.subtle{color:var(--color-800);box-shadow:none}.chip.outline{border:1px solid var(--color-600-50)}.chip.subtle{background:var(--color-500-20)}.chip.transparent,.chip.outline{background:none}.chip.transparent:hover,.chip.outline:hover{background:var(--color-400-20)}.master-slider[data-v-b563f90b]{user-select:none;position:relative;width:100%;display:grid;min-height:var(--size-xl);background-color:var(--color-600-40);border-radius:999px}.master-slider[data-v-b563f90b]:before,.master-slider[data-v-b563f90b]:after{content:"";position:absolute;background-color:var(--color-600-90)}.master-slider[data-v-b563f90b]:before{inset:0;width:calc(var(--pos) * 1%);min-width:var(--size-xl);height:100%;border-radius:inherit}.master-slider[data-v-b563f90b]:after{right:calc(var(--size-xl) / 4);top:50%;width:calc(var(--size-xl) * .1);aspect-ratio:1;transform:translateY(-50%);border-radius:inherit}.master-slider .slider-content[data-v-b563f90b]{width:100%;height:100%;position:relative;z-index:1;display:flex;gap:var(--md);align-items:center;padding-inline:calc(var(--size-xl) / 2);color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5333333333);font-weight:600}.chip-group .chip{border-radius:0;margin:0}.chip-group .chip:not(:last-child){border-right:none}.chip-group .chip:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.chip-group .chip:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.button-group{width:100%;display:flex}.button-group .button{margin:0;border-radius:0;width:100%;margin-inline:0!important}.button-group .button:not(:last-child){border-right:none}.button-group .button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.button-group .button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.option-item{padding-inline:1rem;cursor:pointer;user-select:none}.select{position:relative}.select .select-wrapper{display:grid;grid-template-columns:1fr 48px;align-items:center;height:var(--size-xl);position:relative;overflow:hidden;border-radius:var(--sm);border:1px solid var(--color-600-30)}.select .select-wrapper:empty:after{content:"No item selected";display:block;text-align:center;font-size:var(--font-lg)}.select .select-wrapper .icon{line-height:0;place-self:center;transition:transform .25s var(--timing-standard)}.select .select-wrapper .placeholder{font-size:var(--font-lg);padding-inline:var(--lg);color:var(--mono-600)}.select .select-dropdown{position:absolute;top:var(--size-xl);left:0;width:100%;background:var(--color-100);border:1px solid var(--color-600-30);border-radius:0 0 var(--sm) var(--sm);border-top:none;overflow:auto;pointer-events:none;min-height:var(--size-xl);max-height:calc(var(--size-xl) * 3.1);opacity:0;transform:scaleY(.9);z-index:5;transform-origin:top;transition:opacity .25s var(--timing-standard),transform .25s var(--timing-standard)}.select .item-wrapper{display:grid;align-content:center;position:relative;overflow:hidden;height:var(--size-xl);border-bottom:1px solid var(--color-600-10);cursor:pointer}.select .item-wrapper.active{background:var(--color-600-10)}.select .item-wrapper:last-child{border-bottom:none}.select.open .select-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0}.select.open .select-wrapper>.icon{transform:rotate(180deg);transform-origin:center}.select.open .select-dropdown{opacity:1;pointer-events:initial;transform:scaleY(1)}.debug-screen{display:flex;flex-direction:column;gap:var(--sm)}.lang-controller{display:flex;align-items:center;gap:var(--sm)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,auto));gap:var(--sm)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--sm)}.special-wrapper{overflow:overlay;max-height:300px;width:100%}.files{display:flex;flex-direction:column;position:absolute;inset:0}.header{display:flex;align-items:center;padding-inline:var(--sm)}.header .actions{margin-left:auto;display:flex;align-items:center}.files-wrapper{overflow:overlay;display:grid;grid-template-columns:minmax(48px,auto) 1fr auto auto}.files-wrapper .no-files{grid-column:1/5;font-size:var(--font-md);display:grid;place-items:center;height:36px}.files-wrapper .entry{display:grid;grid-column:1/5;grid-template-columns:subgrid;align-items:center;position:relative;overflow:hidden;grid-template-areas:"icon name size modified";width:100%;padding-inline:var(--xl);height:36px}.files-wrapper .entry>div,.files-wrapper .entry input{padding-inline:var(--sm);margin:none}.files-wrapper .entry>input{box-shadow:0 0 0 1px inset var(--mono-500);height:100%;border:none;font:inherit}.files-wrapper .entry.folder{cursor:pointer}.files-wrapper .entry:hover{background-color:var(--mono-500-20)}.files-wrapper .entry.header{font-weight:600;height:36px;font-size:var(--font-md);grid-template-areas:initial;background:none!important}.files-wrapper .entry.header>div{height:100%;display:flex;gap:var(--xs);position:relative;overflow:hidden;justify-content:space-between;cursor:pointer;align-items:center;padding-right:var(--sm);border-right:1px var(--mono-400) solid}.files-wrapper .entry.header>div:hover{background:var(--mono-200)}.files-wrapper .entry .icon{grid-area:icon}.files-wrapper .entry .name{grid-area:name}.files-wrapper .entry .size{grid-area:size}.files-wrapper .entry .modified{grid-area:modified;font-size:var(--font-sm)}.app-main-content{display:grid;align-items:center;height:100%}.app-main-content>*{transform:translateY(48px);animation:slide-up .3s var(--timing-standard) forwards}@keyframes slide-up{to{transform:translateY(0)}}.app-main-content:has(.edit-screen,.debug-screen){padding-block:0;padding:var(--md)}.font-select{padding-inline:var(--lg)}.lyric-card-editor[data-v-e9701399]{position:fixed;inset:0;width:clamp(0px,100%,1200px);margin-inline:auto;height:100%}.lyric-card-editor .flex[data-v-e9701399]{display:flex;gap:var(--md);align-items:center;height:max-content}.lyric-card-editor .flex.align-center[data-v-e9701399]{align-items:center}.lyric-card-editor .flex .select[data-v-e9701399]{flex-grow:1}.lyric-card-editor-header[data-v-e9701399]{margin-bottom:var(--md)}.lyric-card-editor-header h1[data-v-e9701399]{font-size:var(--font-xxl);text-align:center;font-weight:500}.section-wrapper[data-v-e9701399]{display:grid;position:absolute;inset:0;grid-template-columns:repeat(2,minmax(400px,1fr));grid-template-rows:auto 1fr;grid-template-areas:"card editor" "down editor";grid-auto-flow:row;grid-gap:var(--sm)}.section-wrapper .main[data-v-e9701399]{grid-area:card}.section-wrapper .editor[data-v-e9701399]{grid-area:editor}.section-wrapper .down[data-v-e9701399]{grid-area:down}.section-wrapper .scroll-wrapper[data-v-e9701399]{overflow:auto}.section-wrapper .section[data-v-e9701399]{display:flex;flex-direction:column;gap:var(--sm);padding:var(--md);width:100%}.section-wrapper .section.main[data-v-e9701399]{gap:0}.section-wrapper .section.main .wavy-divider[data-v-e9701399]{margin-bottom:0}.section-wrapper .section .divider-label[data-v-e9701399]{background-color:var(--color-50)}.section-wrapper .section .special[data-v-e9701399]{display:grid;height:var(--size-xxl);align-items:center;position:relative;overflow:hidden;gap:var(--xs);padding-right:var(--md);grid-template-areas:"name switch" "desc switch";grid-template-columns:1fr auto;transition:transform .25s var(--timing-standard)}.section-wrapper .section .special.hidden[data-v-e9701399]{transform:scaleY(0)}.section-wrapper .section .special .name[data-v-e9701399]{grid-area:name;align-self:end;margin-left:var(--md);font-size:var(--font-lg)}.section-wrapper .section .special .switch[data-v-e9701399]{grid-area:switch;pointer-events:none}.section-wrapper .section .special .other[data-v-e9701399]{grid-area:switch}.section-wrapper .section .special .desc[data-v-e9701399]{grid-area:desc;align-self:start;color:var(--mono-600)}.section-wrapper .section .preview-card[data-v-e9701399]{width:100%;grid-template-columns:1fr;grid-auto-flow:row;grid-gap:var(--md)}.section-wrapper .section .lyric-card[data-v-e9701399]{width:100%;grid-gap:var(--md);background:var(--color-100);border-radius:var(--radius);overflow:hidden;padding:var(--padding);box-shadow:0 4px 8px #0000;border:1px solid var(--color-200)}.section-wrapper .section .lyric-card .lyric-text[data-v-e9701399]{line-height:1.25;padding-block:var(--xl) var(--sm);font-size:var(--lrcSize);font-weight:var(--lrcWeight);text-align:var(--lrcAlign);text-wrap:var(--lrcBalance)}.section-wrapper .section .lyric-card .lyric-text[data-v-e9701399]:empty{display:none}.section-wrapper .section .lyric-card .lyric-card-body[data-v-e9701399]:has(.prev-lrc,.next-lrc){padding-block:var(--xxl) var(--md)}.section-wrapper .section .lyric-card:has(.next-lrc) .lyric-text[data-v-e9701399]{padding-bottom:var(--xl)!important}.section-wrapper .section .lyric-card:has(.prev-lrc,.next-lrc) .lyric-text[data-v-e9701399]:empty{display:block}.section-wrapper .section .lyric-card:has(.prev-lrc,.next-lrc) .lyric-text[data-v-e9701399]:empty:before{content:"...";opacity:0}.section-wrapper .section .lyric-card .prev-lrc[data-v-e9701399],.section-wrapper .section .lyric-card .next-lrc[data-v-e9701399]{line-height:1.25;font-size:calc(var(--lrcSize) * .75);text-align:var(--lrcAlign);text-wrap:var(--lrcBalance);font-weight:calc(var(--lrcWeight) - 100);opacity:.5}.section-wrapper .section .lyric-card .prev-lrc[data-v-e9701399]:empty:before,.section-wrapper .section .lyric-card .next-lrc[data-v-e9701399]:empty:before{content:"...";opacity:0}.section-wrapper .section .lyric-card .lyric-card-header[data-v-e9701399]{display:grid;width:100%;grid-template-columns:auto 1fr;grid-auto-flow:row;grid-gap:var(--lg)}.section-wrapper .section .lyric-card .lyric-details[data-v-e9701399]{display:flex;flex-direction:column;height:max-content;width:100%;mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%);gap:var(--xs);margin-block:auto;text-wrap:nowrap}.section-wrapper .section .lyric-card .lyric-title[data-v-e9701399]{font-size:var(--font-xxl);font-weight:500;width:0}.section-wrapper .section .lyric-card .lyric-artist[data-v-e9701399]{font-size:var(--font-lg);font-weight:400;color:var(--mono-700);width:0}@media screen and (max-width: 800px){.section-wrapper[data-v-e9701399]{display:block}.app-wrapper[data-v-e9701399]{overflow:auto;position:relative;scrollbar-width:none}.app-wrapper[data-v-e9701399]::-webkit-scrollbar{display:none}.lyric-card-editor[data-v-e9701399]{padding-block:0}.main[data-v-e9701399]{position:sticky;z-index:10;top:0;padding-top:var(--md);background:linear-gradient(to bottom,var(--color-50) 0%,var(--color-50) 90%,transparent 100%)}.section-wrapper[data-v-e9701399]{overflow:auto;scrollbar-width:none}.section-wrapper[data-v-e9701399]::-webkit-scrollbar{display:none}.section[data-v-e9701399]{height:auto;overflow:initial}.scroll-wrapper[data-v-e9701399]{height:auto;overflow:initial!important;mask-image:none!important;scrollbar-width:0}.scroll-wrapper[data-v-e9701399]::-webkit-scrollbar{display:none}}.loader[data-v-1302ac83]{color:#fff;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100dvw;gap:var(--xl);position:fixed;inset:0;z-index:1000;transition:opacity .4s}.loader .progress[data-v-1302ac83]{width:96px}.loader.ready[data-v-1302ac83]{opacity:0;pointer-events:none}@media (prefers-color-scheme: dark){.loader[data-v-1302ac83]{background:#222}}main[data-v-1302ac83]{position:relative;display:block;height:calc(100dvh - var(--app-header-height) - var(--app-player-height));width:calc(100dvw - var(--app-navbar-size));transform:translate(0);overflow:overlay}main[data-v-1302ac83]:has(.preview-screen){mask-image:linear-gradient(to bottom,transparent 0%,black 56px,black calc(100% - 56px),transparent 100%)}.content-wrapper[data-v-1302ac83]{position:fixed;contain:content;inset:0 0 0 var(--app-navbar-size);overflow:hidden}@media screen and (max-width: 600px){main[data-v-1302ac83]{width:100vw;height:calc(100dvh - var(--app-header-height) - var(--app-player-height) - var(--app-navbar-size))}main[data-v-1302ac83]::-webkit-scrollbar{width:0px;height:0px}.content-wrapper[data-v-1302ac83]{inset:0 0 var(--app-navbar-size) 0}}#app:has([data-screen=lyric]){background:linear-gradient(to bottom,var(--color-100-40) -20%,var(--color-100-70) 20%,var(--color-100-90) 60%,var(--color-100) 100%),var(--album-blur, var(--color-100));background-size:cover;height:100dvh;background-position:center,center}