@layer components{.music-section+.music-section{margin-top:48px}.music-view,.music-wall-flow,:root[data-music-view=flow] .music-wall-grid{display:none}:root[data-music-view] .music-view{display:inline-flex}:root[data-music-view=flow] .music-wall-flow{display:block}:root:not([data-music-view=flow]) .music-view [data-view=grid],:root[data-music-view=flow] .music-view [data-view=flow]{color:var(--accent)}:root[data-music-view=flow] .music-view{--flow:1}.music-title{color:var(--text);font-size:.86rem;font-weight:550;line-height:1.35;display:block}.music-meta{color:var(--muted);font-size:.76rem;line-height:1.4;display:block}.music-cover{aspect-ratio:1;box-shadow:0 0 0 1px var(--border);transition:transform .32s var(--ease-glide);border-radius:6px;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.music-cover img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease-glide), filter .32s ease;display:block}.music-link:active{scale:none}.music-link:is(:hover,:focus-visible) .music-cover{transform:translateY(-3px)}.music-link:is(:hover,:focus-visible) .music-cover img{filter:saturate(1.08);transform:scale(1.035)}:is(.music-link,.music-rotation-link):focus-visible{outline:none}.music-link:focus-visible .music-cover,.music-rotation-link:focus-visible .music-rotation-cover{outline:2px solid var(--accent);outline-offset:3px}.music-caption{text-shadow:0 1px 2px #00000059;background:linear-gradient(#0000,#00000047 55%,#0000008c);flex-direction:column;gap:2px;padding:48px 14px 12px;display:flex;position:absolute;inset:auto 0 0}.music-caption .music-title{color:#fff}.music-caption :is(.music-meta,.link-arrow){color:#ffffffbf}.music-cover.is-blank .music-caption{text-shadow:none;background:0 0}.music-cover.is-blank .music-title{color:var(--text)}.music-cover.is-blank :is(.music-meta,.link-arrow){color:var(--muted)}@media (width<=560px){.music-caption{padding:36px 10px 9px}.music-caption .music-title{font-size:.78rem}.music-caption .music-meta{font-size:.68rem}}.music-enter{animation:music-item-in .5s var(--ease-settle) backwards;animation-delay:calc(var(--i,0) * 40ms)}@keyframes music-item-in{0%{opacity:0;translate:0 8px;scale:.97}}@media (prefers-reduced-motion:reduce){.music-link:is(:hover,:focus-visible) :is(.music-cover,.music-cover img){transform:none}}}