.ol-root{background:var(--color-surface);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:88px 16px 32px;display:flex;overflow-y:auto;container:ol-root/size}.ol-title{text-wrap:balance;width:min(100%,440px);animation:ol-rise .64s var(--ease-entrance) both;margin:0;padding-inline:4px}.ol-stage{background:var(--color-surface-raised);width:min(100%,440px);box-shadow:0 0 0 1px var(--color-line-subtle), 0 1px 2px color-mix(in oklab, var(--color-ink) 4%, transparent), 0 12px 32px -12px color-mix(in oklab, var(--color-ink) 10%, transparent);animation:ol-rise .64s var(--ease-entrance) 60ms both;position:relative;overflow:hidden}.ol-root[data-revealed] .ol-title,.ol-root[data-revealed] .ol-stage{animation:none}.ol-screen{padding:24px 20px 20px;container:ol-screen/inline-size}.ol-screen__title{text-wrap:balance;align-items:center;height:28px;margin:0;display:flex;overflow:clip}.ol-shelf{--ol-cover:88px;--ol-shelf-count:4;grid-template-columns:repeat(var(--ol-shelf-count), var(--ol-cover));-webkit-user-select:none;user-select:none;justify-content:space-between;column-gap:16px;height:128px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ol-song{min-width:0;height:128px;position:relative}.ol-song:before{content:"";width:var(--ol-cover);height:var(--ol-cover);border-radius:var(--radius-md);background:var(--color-surface-sunken);transition:opacity .24s var(--ease-out-cubic);position:absolute;top:0;left:0}.ol-song[data-empty]:before{opacity:0}.ol-song__layer{--ol-shift:0px;opacity:0;transform:translate3d(var(--ol-shift), 0, 0);transition:opacity .16s var(--ease-out-cubic), transform .24s var(--ease-out-cubic);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;inset:0}.ol-song__layer[data-side=before]{--ol-shift:-6px}.ol-song__layer[data-side=after]{--ol-shift:6px}.ol-song__layer[data-side=on]{opacity:1;transition-duration:.24s;transition-delay:calc(var(--ol-i,0) * 24ms)}.ol-song__cover{width:var(--ol-cover);height:var(--ol-cover);border-radius:var(--radius-md);object-fit:cover;opacity:0;transition:opacity .24s var(--ease-out-cubic);flex:none;display:block}.ol-song__cover[data-loaded]{opacity:1}.ol-song__text{flex-direction:column;flex:auto;min-width:0;display:flex}.ol-song__title,.ol-song__artist{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ol-song__title{color:var(--color-ink)}.ol-song__artist{color:var(--color-ink-secondary);font-weight:var(--font-weight-body-sm)}@container ol-screen not (min-width:400px){.ol-shelf{--ol-shelf-count:3}.ol-song:nth-child(n+4){display:none}}@container ol-screen not (min-width:296px){.ol-shelf{--ol-shelf-count:2}.ol-song:nth-child(n+3){display:none}}@container ol-screen not (min-width:192px){.ol-shelf{--ol-shelf-count:1}.ol-song:nth-child(n+2){display:none}}@container ol-root not (min-height:272px){.ol-screen{padding-top:16px;padding-bottom:16px}.ol-shelf{--ol-cover:36px;--ol-shelf-count:3;grid-template-columns:repeat(var(--ol-shelf-count), minmax(0, 1fr));column-gap:12px;height:36px;margin-top:8px}.ol-song{height:36px}.ol-song:nth-child(n+4){display:none}.ol-song:before,.ol-song__cover{border-radius:var(--radius-sm)}.ol-song__layer{flex-direction:row;align-items:center;column-gap:8px}@container ol-screen not (min-width:372px){.ol-shelf{--ol-shelf-count:2}.ol-song:nth-child(n+3){display:none}}@container ol-screen not (min-width:244px){.ol-shelf{--ol-shelf-count:1}.ol-song:nth-child(n+2){display:none}}}@container ol-root not (min-height:180px){.ol-screen{padding-top:24px;padding-bottom:20px}.ol-shelf{display:none}}.ol-root[data-embedded]{height:auto;padding:16px;position:absolute;inset:0;overflow:hidden}.ol-root[data-embedded] .ol-stage{animation:none}.ol-bar{height:76px;box-shadow:inset 0 1px 0 var(--color-line-subtle);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:8px;display:grid;position:relative}.ol-bar[data-dragging]{cursor:grabbing}.ol-tab{border-radius:var(--radius-md);height:76px;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;margin:0;padding:0;position:relative}.ol-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent)}.ol-tab__icon{fill:none;stroke:var(--color-ink-tertiary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-left:-12px;position:absolute;top:12px;left:50%;overflow:visible}.ol-tab[data-active] .ol-tab__icon{stroke:var(--ol-thread,var(--color-ink));stroke-width:2px}.ol-bar[data-threaded] .ol-tab__icon{visibility:hidden}.ol-tab__label{text-align:center;white-space:nowrap;height:16px;color:color-mix(in oklab, var(--color-ink) calc(var(--ol-cov,0) * 100%), var(--color-ink-secondary));font-weight:var(--font-weight-body-sm);transition:transform .12s var(--ease-hover);position:absolute;top:48px;left:0;right:0}.ol-tab[data-active] .ol-tab__label{--ol-cov:1;font-weight:var(--font-weight-strong)}.ol-tab:active .ol-tab__label{transform:scale(.96)}.ol-bar[data-dragging] .ol-tab:active .ol-tab__label{transform:none}.ol-bar__ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes ol-rise{0%{opacity:0;filter:blur(6px);transform:translateY(12px)scale(.985)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.ol-title,.ol-stage{animation:none}.ol-tab__label{transition:none}.ol-song__layer,.ol-song__layer[data-side=on]{transition:opacity .16s var(--ease-out-cubic);transform:none}}