:root{--horizontal-padding:.4rem}.audio-visualize.svelte-e9ir8v{width:100%;height:5rem;position:absolute;bottom:0}.container.svelte-e9ir8v{background-color:oklch(from var(--m3c-secondary-container) l c h / .6);padding:.8rem var(--horizontal-padding) .4rem var(--horizontal-padding);flex-direction:column;gap:.2rem;width:100%;display:flex;position:relative}.container.svelte-e9ir8v>.header:where(.svelte-e9ir8v){justify-content:space-between;align-items:center;gap:.2rem;width:100%;height:1rem;padding:0 .6rem;font-weight:700;display:flex}.container.svelte-e9ir8v>.header:where(.svelte-e9ir8v)>.title:where(.svelte-e9ir8v){text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.5;overflow:hidden}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v){align-items:center;gap:.4rem;display:flex;position:relative}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.button-area:where(.svelte-e9ir8v){gap:.2rem;display:flex}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.audio.slider:where(.svelte-e9ir8v){width:100%;padding:0 .6rem}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v){background-color:oklch(from var(--m3c-secondary-container) l c h / .6);padding:.2rem calc(var(--horizontal-padding) + .6rem);border-radius:.4rem .4rem 0 0;flex-direction:column;display:flex}.container.svelte-e9ir8v>.controls:where(.svelte-e9ir8v)>.tune:where(.svelte-e9ir8v)>.item:where(.svelte-e9ir8v){align-items:center;gap:.8rem;width:100%;display:flex}.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 (width>=768px){.tune.svelte-e9ir8v{width:50%;max-width:24rem}}@media (width<=767px){.tune.svelte-e9ir8v{width:calc(100% + var(--horizontal-padding) * 2)}}.container.svelte-l0qhy{flex-direction:column;display:flex;overflow-y:auto}.container.svelte-l0qhy>label:where(.svelte-l0qhy){cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.2rem;align-items:center;gap:.5rem;width:100%;padding:.3rem .5rem;display:flex;position:relative}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>input[type=radio]:where(.svelte-l0qhy){appearance:none;position:absolute}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>input[type=radio]:where(.svelte-l0qhy):checked~span:where(.svelte-l0qhy){color:var(--m3c-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 0 0 var(--m3c-primary);padding-left:.8rem}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>span:where(.svelte-l0qhy){text-overflow:ellipsis;white-space:nowrap;line-height:1.5;transition:color .1s ease-in,box-shadow .1s ease-in,padding-left .1s ease-in;position:relative;overflow:hidden}.container.svelte-l0qhy>label:where(.svelte-l0qhy)>.album:where(.svelte-l0qhy),.container.svelte-l0qhy>label:where(.svelte-l0qhy)>.artist:where(.svelte-l0qhy){flex:1}.container.svelte-2pyg97{width:100%;height:100%}.container.svelte-2pyg97>.sheet:where(.svelte-2pyg97){flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.container.svelte-2pyg97>.sheet:where(.svelte-2pyg97)>.error:where(.svelte-2pyg97){justify-content:center;align-items:center;width:100%;height:100%;display:flex}.container.svelte-mxoql5{flex-direction:column;gap:1rem;display:flex}.container.svelte-mxoql5>.header:where(.svelte-mxoql5){flex-wrap:wrap;gap:1.2rem;width:100%;display:flex}.container.svelte-mxoql5>.header:where(.svelte-mxoql5)>.cover:where(.svelte-mxoql5){width:16rem;height:16rem}.container.svelte-mxoql5>.header:where(.svelte-mxoql5)>.list:where(.svelte-mxoql5){flex-direction:column;flex:1;gap:.4rem;min-width:24rem;display:flex;overflow-x:hidden}.container.svelte-mxoql5>.header:where(.svelte-mxoql5)>.list:where(.svelte-mxoql5)>.item:where(.svelte-mxoql5){line-height:1.5;display:flex}.container.svelte-mxoql5>.header:where(.svelte-mxoql5)>.list:where(.svelte-mxoql5)>.item:where(.svelte-mxoql5)>.header:where(.svelte-mxoql5){text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:8rem;font-weight:700;line-height:1.5;overflow:hidden}.container.svelte-mxoql5>.header:where(.svelte-mxoql5)>.list:where(.svelte-mxoql5)>.item:where(.svelte-mxoql5)>.body:where(.svelte-mxoql5){white-space:pre-wrap;flex-wrap:wrap;gap:.4rem;width:24rem;display:flex}.container.svelte-mxoql5>.body:where(.svelte-mxoql5){flex-direction:column;display:flex}.container.svelte-1w1jgz{flex-direction:column;gap:1rem;display:flex}.container.svelte-1w1jgz>.top:where(.svelte-1w1jgz){flex-wrap:wrap;gap:.5rem;display:flex}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz){gap:1.2rem;width:100%;display:flex}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz)>.avatar:where(.svelte-1w1jgz){width:8rem;height:8rem}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz)>.list:where(.svelte-1w1jgz){flex-direction:column;flex:1;gap:.4rem;display:flex;overflow-x:hidden}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz)>.list:where(.svelte-1w1jgz)>.item:where(.svelte-1w1jgz){line-height:1.5;display:flex}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz)>.list:where(.svelte-1w1jgz)>.item:where(.svelte-1w1jgz)>.header:where(.svelte-1w1jgz){text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:8rem;font-weight:700;line-height:1.5;overflow:hidden}.container.svelte-1w1jgz>.header:where(.svelte-1w1jgz)>.list:where(.svelte-1w1jgz)>.item:where(.svelte-1w1jgz)>.body:where(.svelte-1w1jgz){white-space:pre-wrap;flex-wrap:wrap;gap:.4rem;display:flex}.container.svelte-1w1jgz>.body:where(.svelte-1w1jgz){flex-direction:column;display:flex}.container.svelte-1l6sfx2{flex-wrap:wrap;gap:1.2rem;width:100%;display:flex}.container.svelte-1l6sfx2>.cover:where(.svelte-1l6sfx2){width:16rem;height:16rem}.container.svelte-1l6sfx2>.list:where(.svelte-1l6sfx2){flex-direction:column;flex:1;gap:.4rem;min-width:24rem;display:flex;overflow-x:hidden}.container.svelte-1l6sfx2>.list:where(.svelte-1l6sfx2)>.item:where(.svelte-1l6sfx2){line-height:1.5;display:flex}.container.svelte-1l6sfx2>.list:where(.svelte-1l6sfx2)>.item:where(.svelte-1l6sfx2)>.header:where(.svelte-1l6sfx2){text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:8rem;font-weight:700;line-height:1.5;overflow:hidden}.container.svelte-1l6sfx2>.list:where(.svelte-1l6sfx2)>.item:where(.svelte-1l6sfx2)>.body:where(.svelte-1l6sfx2){white-space:pre-wrap;flex-wrap:wrap;gap:.4rem;display:flex}.container.svelte-3bmwl9{height:100%;display:flex}.container.svelte-3bmwl9>.header:where(.svelte-3bmwl9){align-self:end;gap:.6rem;display:flex}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9){width:100%;height:100%;overflow:hidden}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9) .lyric:where(.svelte-3bmwl9){flex-direction:column;height:100%;display:flex;overflow-y:auto}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9) .lyric:where(.svelte-3bmwl9)>button.row:where(.svelte-3bmwl9){border-radius:.2rem;padding:.4rem .2rem;transition:color .4s}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9) .lyric:where(.svelte-3bmwl9)>button.row:where(.svelte-3bmwl9).active{color:var(--m3c-primary)}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9) .lyric:where(.svelte-3bmwl9)>.tip:where(.svelte-3bmwl9){text-align:end;width:100%;padding:0 .6rem}.container.svelte-3bmwl9>.body:where(.svelte-3bmwl9) .lyric:where(.svelte-3bmwl9)>.empty:where(.svelte-3bmwl9){white-space:pre-wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (width>=768px){.container.svelte-3bmwl9{flex-direction:column}}@media (width<=767px){.container.svelte-3bmwl9{flex-direction:column-reverse}}.container.svelte-1w7tvue{flex-direction:column;gap:.8rem;width:100%;height:100%;padding-top:.6rem;display:flex}.container.svelte-1w7tvue>.option:where(.svelte-1w7tvue){align-items:center;gap:.5rem;width:100%;height:2rem;display:flex}.container.svelte-1w7tvue>.state:where(.svelte-1w7tvue){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.container.svelte-5wu7fq{flex-direction:column;gap:.4rem;height:100%;display:flex}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq){grid-template-columns:repeat(auto-fill,minmax(calc(min(18rem,100%)),1fr));gap:.4rem 1.6rem;display:grid}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq)>.header:where(.svelte-5wu7fq)>span:where(.svelte-5wu7fq){color:var(--m3c-tertiary)}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq)>.item:where(.svelte-5wu7fq){justify-content:space-between;height:2.4rem;min-height:2.4rem;font-size:larger;display:flex}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq)>.item:where(.svelte-5wu7fq)>span:where(.svelte-5wu7fq){text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;line-height:1.5;display:flex;overflow:hidden}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq)>.item:where(.svelte-5wu7fq)>.control:where(.svelte-5wu7fq){align-items:center;gap:.4rem;max-width:11rem;height:100%;margin-left:auto;display:flex}.container.svelte-5wu7fq>.grid:where(.svelte-5wu7fq)>.item:where(.svelte-5wu7fq)>.control:where(.svelte-5wu7fq)>.button:where(.svelte-5wu7fq){height:1.6rem}.container.svelte-djgnso{flex-direction:column;justify-content:space-between;height:100%;display:flex}.container.svelte-djgnso>.content:where(.svelte-djgnso){height:100%;display:flex;overflow:hidden}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso),.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso){flex-direction:column;display:flex}:is(.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso),.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso))>.content:where(.svelte-djgnso){width:100%;height:100%;position:relative}@media (width>=768px){.container.svelte-djgnso>.content:where(.svelte-djgnso){flex-direction:row}.container.svelte-djgnso>.content:where(.svelte-djgnso)>.main:where(.svelte-djgnso),.container.svelte-djgnso>.content:where(.svelte-djgnso)>.secondary:where(.svelte-djgnso){width:50%}}@media (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}}