@layer tokens{:root{--m3-field-filled-shape: var( --m3-textfield-filled-shape, var(--m3-util-rounding-extra-small) )}}.m3-container.svelte-18esk9l{display:inline-flex;position:relative;align-items:center;height:calc(3.5rem + var(--m3-util-density-term));min-width:15rem}input.svelte-18esk9l{position:absolute;inset:0;width:100%;height:100%;border:none;outline:none;padding:1.5rem 1rem .5rem;border-radius:var(--m3-field-filled-shape) var(--m3-field-filled-shape) 0 0;background-color:rgb(var(--m3-scheme-surface-container-highest));color:rgb(var(--m3-scheme-on-surface))}label.svelte-18esk9l{position:absolute;inset-inline-start:1rem;top:50%;translate:0 -50%;color:rgb(var(--error, var(--m3-scheme-on-surface-variant)))}label.svelte-18esk9l:is(input:where(.svelte-18esk9l):hover~label:where(.svelte-18esk9l)){color:rgb(var(--error, var(--m3-scheme-on-surface)))}label.svelte-18esk9l:is(input:where(.svelte-18esk9l):focus~label:where(.svelte-18esk9l)){color:rgb(var(--error, var(--m3-scheme-primary)))}label.svelte-18esk9l:is(input:where(.svelte-18esk9l):disabled~label:where(.svelte-18esk9l)){color:rgb(var(--m3-scheme-on-surface) / .38)}label.svelte-18esk9l:is(input:where(.svelte-18esk9l):focus~label:where(.svelte-18esk9l),input:where(.svelte-18esk9l):not(:placeholder-shown)~label:where(.svelte-18esk9l)){top:.5rem;translate:0 0;font-size:var(--m3-font-body-small-size);line-height:var(--m3-font-body-small-height);letter-spacing:var(--m3-font-body-small-tracking)}label.svelte-18esk9l{pointer-events:none;transition:color .1s,top .1s,translate .1s,font-size .3s,line-height .3s,letter-spacing .3s}.layer.svelte-18esk9l{position:absolute;inset:0;border-radius:var(--m3-field-filled-shape) var(--m3-field-filled-shape) 0 0;pointer-events:none;transition:all .1s}.layer.svelte-18esk9l:is(input:where(.svelte-18esk9l):enabled:hover~.layer:where(.svelte-18esk9l)){background-color:rgb(var(--m3-scheme-on-surface) / .08)}.layer.svelte-18esk9l:after{position:absolute;content:" ";display:block;width:100%;bottom:0;height:1px;background-color:rgb(var(--error, var(--m3-scheme-on-surface-variant)));transition:all .1s}.m3-container.svelte-18esk9l svg{width:1.5rem;height:1.5rem;color:rgb(var(--m3-scheme-on-surface-variant));pointer-events:none}.m3-container.svelte-18esk9l>.leading{position:relative;margin-inline-start:.75rem}.trailing.svelte-18esk9l{position:absolute;padding-inline:.75rem;height:100%;inset-inline-end:0;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;border-start-end-radius:.25rem;border-end-end-radius:.25rem;cursor:pointer}input.svelte-18esk9l:focus~.layer:where(.svelte-18esk9l):after{height:.125rem;background-color:rgb(var(--error, var(--m3-scheme-primary)))}.leading-icon.svelte-18esk9l>input:where(.svelte-18esk9l){padding-inline-start:3.25rem}.leading-icon.svelte-18esk9l>label:where(.svelte-18esk9l){inset-inline-start:3.25rem}.trailing-icon.svelte-18esk9l>input:where(.svelte-18esk9l){padding-inline-end:3.25rem}.error.svelte-18esk9l{--error: var(--m3-scheme-error)}.error.svelte-18esk9l>input:where(.svelte-18esk9l):hover~label:where(.svelte-18esk9l),.error.svelte-18esk9l>input:where(.svelte-18esk9l):hover~.layer:where(.svelte-18esk9l){--error: var(--m3-scheme-on-error-container)}input.svelte-18esk9l:disabled{background-color:rgb(var(--m3-scheme-on-surface) / .04);color:rgb(var(--m3-scheme-on-surface) / .38)}input.svelte-18esk9l:disabled~.layer:where(.svelte-18esk9l):after{background-color:rgb(var(--m3-scheme-on-surface) / .38)}input.svelte-18esk9l:disabled~svg{color:rgb(var(--m3-scheme-on-surface) / .38)}.m3-container.svelte-18esk9l{print-color-adjust:exact;-webkit-print-color-adjust:exact}@media screen and (forced-colors:active){input.svelte-18esk9l{background-color:field}.layer.svelte-18esk9l:after,input.svelte-18esk9l:focus~.layer:where(.svelte-18esk9l):after{background-color:canvastext}}.container.svelte-2pyg97{width:100%;height:100%}.container.svelte-2pyg97>.sheet:where(.svelte-2pyg97){display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto}.container.svelte-2pyg97>.sheet:where(.svelte-2pyg97)>.error:where(.svelte-2pyg97){display:flex;justify-content:center;align-items:center;width:100%;height:100%}.container.svelte-l0qhy{display:flex;flex-direction:column;overflow-y:auto}.container.svelte-l0qhy>label:where(.svelte-l0qhy){display:flex;position:relative;align-items:center;gap:.5rem;cursor:pointer;border-radius:.2rem;padding:.3rem .5rem;width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>input[type=radio]:where(.svelte-l0qhy){position:absolute;appearance:none}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>input[type=radio]:where(.svelte-l0qhy):checked~span:where(.svelte-l0qhy){color:rgb(var(--m3-scheme-primary))}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>input[type=radio]:where(.svelte-l0qhy):checked~span:where(.svelte-l0qhy):first-of-type{box-shadow:inset .2rem 0 rgb(var(--m3-scheme-primary));padding-left:.8rem}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>span:where(.svelte-l0qhy){overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;position:relative;transition:color ease-in .1s,box-shadow ease-in .1s,padding-left ease-in .1s}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>.album:where(.svelte-l0qhy){flex:1}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>.artist:where(.svelte-l0qhy){flex:1}.container.svelte-1pqmlcz{display:flex;flex-direction:column;gap:1rem}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz){display:flex;flex-wrap:wrap;gap:1.2rem;width:100%}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz)>.cover:where(.svelte-1pqmlcz){width:16rem;height:16rem}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz)>.list:where(.svelte-1pqmlcz){display:flex;flex-direction:column;gap:.4rem;overflow-x:hidden}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz)>.list:where(.svelte-1pqmlcz)>.item:where(.svelte-1pqmlcz){display:flex;line-height:1.5}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz)>.list:where(.svelte-1pqmlcz)>.item:where(.svelte-1pqmlcz)>.header:where(.svelte-1pqmlcz){width:8rem}.container.svelte-1pqmlcz>.header:where(.svelte-1pqmlcz)>.list:where(.svelte-1pqmlcz)>.item:where(.svelte-1pqmlcz)>.body:where(.svelte-1pqmlcz){display:flex;flex-wrap:wrap;gap:.4rem;width:24rem}.container.svelte-1pqmlcz>.body:where(.svelte-1pqmlcz){display:flex;flex-direction:column}.container.svelte-3l15ux{display:flex;flex-direction:column;gap:1rem}.container.svelte-3l15ux>.top:where(.svelte-3l15ux){display:flex;flex-wrap:wrap;gap:.5rem}.container.svelte-3l15ux>.header:where(.svelte-3l15ux){display:flex;gap:1.2rem;width:100%}.container.svelte-3l15ux>.header:where(.svelte-3l15ux)>.avatar:where(.svelte-3l15ux){width:8rem;height:8rem}.container.svelte-3l15ux>.header:where(.svelte-3l15ux)>.list:where(.svelte-3l15ux){display:flex;flex:1;flex-direction:column;gap:.4rem;overflow-x:hidden}.container.svelte-3l15ux>.header:where(.svelte-3l15ux)>.list:where(.svelte-3l15ux)>.item:where(.svelte-3l15ux){display:flex;line-height:1.5}.container.svelte-3l15ux>.header:where(.svelte-3l15ux)>.list:where(.svelte-3l15ux)>.item:where(.svelte-3l15ux)>.header:where(.svelte-3l15ux){flex:1}.container.svelte-3l15ux>.header:where(.svelte-3l15ux)>.list:where(.svelte-3l15ux)>.item:where(.svelte-3l15ux)>.body:where(.svelte-3l15ux){display:flex;flex:4;flex-wrap:wrap;gap:.4rem}.container.svelte-3l15ux>.body:where(.svelte-3l15ux){display:flex;flex-direction:column}.container.svelte-1blgcoo{display:flex;flex-wrap:wrap;width:100%}.container.svelte-1blgcoo>.list:where(.svelte-1blgcoo){display:flex;flex-direction:column;gap:.4rem;overflow-x:hidden}.container.svelte-1blgcoo>.list:where(.svelte-1blgcoo)>.item:where(.svelte-1blgcoo){display:flex;line-height:1.5}.container.svelte-1blgcoo>.list:where(.svelte-1blgcoo)>.item:where(.svelte-1blgcoo)>.header:where(.svelte-1blgcoo){line-height:1.5;text-overflow:ellipsis;white-space:nowrap;width:8rem;overflow:hidden}.container.svelte-1blgcoo>.list:where(.svelte-1blgcoo)>.item:where(.svelte-1blgcoo)>.body:where(.svelte-1blgcoo){display:flex;flex-wrap:wrap;gap:.4rem;width:24rem;overflow:hidden}.container.svelte-a88wnj{display:flex;height:100%}.container.svelte-a88wnj>.header:where(.svelte-a88wnj){display:flex;align-self:end;gap:.6rem}.container.svelte-a88wnj>.header:where(.svelte-a88wnj)>label:where(.svelte-a88wnj){display:flex;align-items:center}.container.svelte-a88wnj>.body:where(.svelte-a88wnj){width:100%;height:100%;overflow:hidden}.container.svelte-a88wnj>.body:where(.svelte-a88wnj) .lyric:where(.svelte-a88wnj){display:flex;flex-direction:column;height:100%;overflow-y:auto}.container.svelte-a88wnj>.body:where(.svelte-a88wnj) .lyric:where(.svelte-a88wnj)>.row:where(.svelte-a88wnj){transition:color .4s ease-in;border-radius:.2rem;padding:.2rem}.container.svelte-a88wnj>.body:where(.svelte-a88wnj) .lyric:where(.svelte-a88wnj)>.row.active:where(.svelte-a88wnj){color:rgb(var(--m3-scheme-primary))}.container.svelte-a88wnj>.body:where(.svelte-a88wnj) .lyric:where(.svelte-a88wnj)>.tip:where(.svelte-a88wnj){padding:0 .6rem;width:100%;text-align:end}.container.svelte-a88wnj>.body:where(.svelte-a88wnj) .lyric:where(.svelte-a88wnj)>.empty:where(.svelte-a88wnj){display:flex;justify-content:center;align-items:center;width:100%;height:100%;white-space:pre-wrap}@media screen and (orientation:landscape){.container.svelte-a88wnj{flex-direction:column}}@media screen and (orientation:portrait){.container.svelte-a88wnj{flex-direction:column-reverse}}.audio-visualize.svelte-e9ir8v{position:absolute;bottom:0;width:100%;height:5rem}.container.svelte-e9ir8v{display:flex;position:relative;flex-direction:column;gap:.2rem;background-color:rgba(var(--m3-scheme-secondary-container) / .6);padding:.8rem .4rem .4rem;width:100%}.container.svelte-e9ir8v>.header:where(.svelte-e9ir8v){display:flex;justify-content:space-between;align-items:center;gap:.2rem;padding:0 .6rem;width:100%;height:1rem;font-weight:700}.container.svelte-e9ir8v>.header:where(.svelte-e9ir8v)>.title:where(.svelte-e9ir8v){overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;flex:1}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v){display:flex;position:relative;align-items:center;gap:.2rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.button-area:where(.svelte-e9ir8v){display:flex;gap:.4rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.audio.slider:where(.svelte-e9ir8v){flex-grow:1;padding:0 .6rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v){display:flex;position:absolute;bottom:4.75rem;left:-.4rem;flex-direction:column;border-radius:.4rem .4rem 0 0;background-color:rgba(var(--m3-scheme-secondary-container) / .6);padding:.2rem 1rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v)>.item:where(.svelte-e9ir8v){display:flex;align-items:center;gap:.8rem;width:100%}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v)>.item:where(.svelte-e9ir8v)>span:where(.svelte-e9ir8v){width:6rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v)>.item:where(.svelte-e9ir8v)>.slider:where(.svelte-e9ir8v){flex:1}@media screen and (orientation:landscape){.tune.svelte-e9ir8v{width:50%;max-width:24rem}}@media screen and (orientation:portrait){.tune.svelte-e9ir8v{width:calc(100% + .8rem)}}.container.svelte-o1bido{display:flex;align-items:center;gap:.2rem}.container.svelte-3mq6c8{display:flex;flex-direction:column;gap:.8rem;width:100%;height:100%}.container.svelte-3mq6c8>.text-field:where(.svelte-3mq6c8){display:flex;gap:.5rem;padding:0 .5rem;width:100%;height:2.5rem}.container.svelte-3mq6c8>.text-field:where(.svelte-3mq6c8)>button:where(.svelte-3mq6c8){display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:.5rem;padding:.25rem .5rem .25rem .25rem;width:2.5rem;height:2.5rem}.container.svelte-3mq6c8>.option:where(.svelte-3mq6c8){display:flex;align-items:center;gap:.5rem;padding:0 .5rem;width:100%;height:2rem}.container.svelte-3mq6c8>.state:where(.svelte-3mq6c8){display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.container.svelte-1qy6nvs{display:flex;flex-direction:column;gap:.4rem;height:100%}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:.4rem 1.6rem}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs)>.header:where(.svelte-1qy6nvs)>span:where(.svelte-1qy6nvs){color:rgb(var(--m3-scheme-tertiary))}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs)>.item:where(.svelte-1qy6nvs){display:flex;justify-content:space-between;height:2.4rem;min-height:2.4rem;font-size:larger}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs)>.item:where(.svelte-1qy6nvs)>span:where(.svelte-1qy6nvs){overflow:hidden;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:100%}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs)>.item:where(.svelte-1qy6nvs)>.control:where(.svelte-1qy6nvs){display:flex;align-items:center;gap:.4rem;margin-left:auto;max-width:11rem;height:100%}.container.svelte-1qy6nvs>.grid:where(.svelte-1qy6nvs)>.item:where(.svelte-1qy6nvs)>.control:where(.svelte-1qy6nvs)>.button:where(.svelte-1qy6nvs){height:1.6rem}.container.svelte-djgnso{display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height))}.container.svelte-djgnso>.content:where(.svelte-djgnso){display:flex;height:100%;overflow:hidden}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso),.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso){display:flex;flex-direction:column}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso)>.content:where(.svelte-djgnso),.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso)>.content:where(.svelte-djgnso){position:relative;width:100%;height:100%}@media(min-width:768px){.container.svelte-djgnso>.content:where(.svelte-djgnso){flex-direction:row}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso){width:50%}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso){width:50%}}@media(max-width:767px){.container.svelte-djgnso>.content:where(.svelte-djgnso){flex-direction:column;justify-content:space-between}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso):has(.content:where(.svelte-djgnso)){flex-direction:column-reverse}}