.open-song.svelte-1h1h9r8{color:#f4f5f6db;justify-content:center;align-items:center;gap:10px;margin:6px auto 0;font-size:13.5px;font-weight:640;display:flex}.open-tag.svelte-1h1h9r8{color:#0b0b0c;background:#f4f5f6;padding:4px 7px 3px;font-size:11.5px;font-weight:800;line-height:1;transform:rotate(-3deg)}.now-playing.svelte-1h1h9r8{z-index:90;padding:calc(env(safe-area-inset-top) + 6px) 24px calc(env(safe-area-inset-bottom) + 18px);color:#f4f5f6;background:linear-gradient(180deg, color-mix(in srgb, var(--np-color,#2a2d33) 46%, #0b0b0d) 0%, color-mix(in srgb, var(--np-color,#2a2d33) 14%, #09090b) 46%, #070708 100%);touch-action:none;transform:translateY(var(--drag));outline:0;grid-template-rows:auto minmax(0,1fr) auto auto auto;align-content:stretch;transition:transform .26s cubic-bezier(.2,.8,.2,1);animation:.32s cubic-bezier(.2,.8,.2,1) svelte-1h1h9r8-sheet-in;display:grid;position:fixed;inset:0}.now-playing.dragging.svelte-1h1h9r8{transition:none}@keyframes svelte-1h1h9r8-sheet-in{0%{transform:translateY(100%)}}.bar.svelte-1h1h9r8{grid-template-columns:44px 1fr 44px;align-items:center;height:52px;display:grid}.grip.svelte-1h1h9r8{background:#ffffff47;border-radius:3px;justify-self:center;width:38px;height:5px}.round.svelte-1h1h9r8{color:#e6e7e9;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round.svelte-1h1h9r8:active{background:#ffffff1a}.bar.svelte-1h1h9r8 .round:where(.svelte-1h1h9r8):first-child svg{transform:rotate(90deg)}.cover.svelte-1h1h9r8{place-items:center;min-height:0;margin:14px 0 22px;display:grid;container-type:size}.cover.svelte-1h1h9r8 .artwork{border-radius:8px;width:min(100cqw,100cqh);height:min(100cqw,100cqh);overflow:hidden;box-shadow:0 30px 60px -18px #000000bf,0 0 0 1px #ffffff0f}.song.svelte-1h1h9r8{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;padding-bottom:18px;display:grid}.words.svelte-1h1h9r8{gap:4px;min-width:0;display:grid}.title.svelte-1h1h9r8{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:780;line-height:1.2;overflow:hidden}.artist.svelte-1h1h9r8{color:#b4b8bf;text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%;font-size:16px;font-weight:560;line-height:1.3;overflow:hidden}.preview.svelte-1h1h9r8{color:#d6d8dc;font-size:13px;font-weight:600}.like.svelte-1h1h9r8{color:#d9dbdf;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .14s,color .14s;display:grid}.like.svelte-1h1h9r8:active{transform:scale(.88)}.like.liked.svelte-1h1h9r8{color:var(--active-color)}.like.liked.svelte-1h1h9r8 path{fill:currentColor}.timeline.svelte-1h1h9r8{gap:6px;padding-bottom:12px;display:grid}.rail.svelte-1h1h9r8{height:22px;position:relative}.rail.svelte-1h1h9r8:before,.fill.svelte-1h1h9r8{content:"";border-radius:4px;height:4px;position:absolute;top:9px;left:0}.rail.svelte-1h1h9r8:before{background:#fff3;right:0}.fill.svelte-1h1h9r8{width:var(--p);background:#f4f5f6}.knob.svelte-1h1h9r8{top:5px;left:var(--p);pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;box-shadow:0 2px 6px #00000073}.rail.svelte-1h1h9r8 input:where(.svelte-1h1h9r8){opacity:0;width:100%;height:calc(100% + 16px);margin:0;position:absolute;inset:-8px 0}.times.svelte-1h1h9r8{color:#a7abb2;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.transport.svelte-1h1h9r8{grid-template-columns:44px 1fr auto 1fr 44px;place-items:center;display:grid}.side.svelte-1h1h9r8,.step.svelte-1h1h9r8{color:#e9eaec;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .14s,opacity .14s;display:grid}.side.svelte-1h1h9r8{color:#b4b8bf}.step.svelte-1h1h9r8:disabled{opacity:.3}.side.svelte-1h1h9r8:active,.step.svelte-1h1h9r8:active:not(:disabled){transform:scale(.88)}.main.svelte-1h1h9r8{color:#08080a;background:#f4f5f6;border-radius:50%;place-items:center;width:70px;height:70px;transition:transform .14s;display:grid;box-shadow:0 12px 30px #00000073}.main.svelte-1h1h9r8:active{transform:scale(.94)}.main.loading.svelte-1h1h9r8 svg{animation:.75s linear infinite svelte-1h1h9r8-sheet-spin}@keyframes svelte-1h1h9r8-sheet-spin{to{transform:rotate(360deg)}}@media (height<=700px){.cover.svelte-1h1h9r8{margin:6px 0 14px}.title.svelte-1h1h9r8{font-size:20px}.main.svelte-1h1h9r8{width:62px;height:62px}}