.music-experience{--music-swap: .26s;--music-atmosphere: .4s;--music-flip: .65s;--music-ease: cubic-bezier(.22, 1, .36, 1);--music-text: var(--music-ink);--music-muted: var(--music-secondary-ink);--music-line: color-mix(in srgb, var(--content) 16%, transparent);--music-surface: var(--music-paper);position:relative;color:var(--music-text);font-size:14px}.music-experience button,.music-experience a{-webkit-tap-highlight-color:transparent}.music-experience button:focus-visible,.music-experience a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}.music-experience button{touch-action:manipulation}.music-experience.music-viewport-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--background)}.music-experience .music-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.music-experience .music-atmosphere-slot{position:absolute;inset:0;background:var(--music-surface)}.music-experience .music-atmosphere-slot img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.2);filter:blur(80px) saturate(1.5)}.music-experience .music-scrim{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--background) 94%,transparent),color-mix(in srgb,var(--background) 10%,transparent) 38%,transparent 72%,color-mix(in srgb,var(--background) 78%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--background) 72%,transparent),color-mix(in srgb,var(--background) 28%,transparent) 55%,color-mix(in srgb,var(--background) 36%,transparent))}:where(.dark) .music-experience .music-scrim{background:linear-gradient(180deg,color-mix(in srgb,var(--background) 94%,transparent),color-mix(in srgb,var(--background) 18%,transparent) 38%,transparent 72%,color-mix(in srgb,var(--background) 80%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--background) 72%,transparent),color-mix(in srgb,var(--background) 38%,transparent) 55%,color-mix(in srgb,var(--background) 30%,transparent))}.music-experience .music-atmosphere-slot.music-incoming{animation:music-fade-in var(--music-atmosphere) ease both}.music-experience .music-atmosphere-slot.music-outgoing{animation:music-fade-out var(--music-atmosphere) ease both}.music-experience .music-content{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:12px 0 32px}.music-experience .music-filters{grid-row:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.music-experience .music-filters button{min-height:44px;padding:8px 10px;color:var(--music-muted);text-align:left;border-bottom:1px solid transparent}.music-experience .music-filters button[aria-pressed=true]{color:var(--music-text);border-color:currentColor;font-weight:600}.music-experience .music-pending{font-weight:400}.music-experience .music-featured{grid-row:2;min-width:0;width:100%;max-width:380px;justify-self:center;align-self:center}.music-experience .music-card-area{position:relative;aspect-ratio:1;perspective:850px}.music-experience .music-tilt,.music-experience .music-card-slot{position:absolute;inset:0;transform-style:preserve-3d}.music-experience .music-card-slot.music-incoming{animation:music-fade-in var(--music-swap) ease both}.music-experience .music-card-slot.music-outgoing{animation:music-fade-out var(--music-swap) ease both;pointer-events:none}.music-experience .music-rotor{position:absolute;inset:0;transform-style:preserve-3d;transition:transform var(--music-flip) var(--music-ease)}.music-experience .music-rotor[data-flipped=true]{transform:rotateY(180deg)}.music-experience .music-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;box-shadow:0 2px 3px #19141229,0 24px 50px -12px #19141261;background:var(--music-surface)}.music-experience .music-art-button{display:block;width:100%;height:100%;text-align:inherit;border-radius:inherit;cursor:pointer}.music-experience .music-front{overflow:hidden}.music-experience .music-front img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.music-experience .music-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:24px;text-align:center;overflow-wrap:anywhere}.music-experience .music-record{font-size:80px;font-weight:200;line-height:1;opacity:.5}.music-experience .music-back{transform:rotateY(180deg);text-align:left;overflow:hidden;color:#faf2e8;background:#1c2024;border:1px solid rgba(255,255,255,.18)}.music-experience .music-back:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 55%),repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.015) 2px 3px)}.music-experience .music-back-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(20px,3vw,28px);padding-bottom:62px;overflow:auto;overflow-wrap:anywhere}.music-experience .music-sleeve-side{order:-2;display:flex;justify-content:space-between;width:100%;margin-bottom:14px;font-size:10px;font-weight:600;letter-spacing:.18em;opacity:.6}.music-experience .music-sleeve-side>span{font-size:18px;line-height:1}.music-experience .music-back-artist{order:-1;font-size:clamp(13px,1.4vw,16px);font-weight:500;color:#d2d0c9}.music-experience .music-back-content>strong{max-width:100%;font-size:clamp(22px,2.8vw,32px);font-weight:750;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}.music-experience .music-back-count{margin-top:auto;padding-top:20px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #1c2024}.music-experience .music-back-count>span{display:block;font-size:11px;font-weight:400;margin-top:4px;color:#d2d0c9}.music-experience .music-back a{position:absolute;bottom:12px;left:clamp(20px,3vw,28px);min-height:44px;display:inline-flex;align-items:center;font-size:11px;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px}.music-experience .music-vinyl{position:absolute;width:76%;aspect-ratio:1;bottom:-14%;right:-15%;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle at center,#121416 0 1px,#303234 1px 2px,#151719 2px 4px);box-shadow:0 0 0 1px #454647,-6px -6px 20px #0000004d}.music-experience .music-vinyl:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from -35deg,transparent,rgba(241,231,215,.25) 45deg,transparent 80deg 180deg,rgba(241,231,215,.18) 220deg,transparent 260deg)}.music-experience .music-vinyl-label{position:absolute;inset:33%;border-radius:50%;overflow:hidden;background:#aa7660;border:3px solid #17191b}.music-experience .music-vinyl-label img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.85}.music-experience .music-vinyl-label:after{content:"";position:absolute;inset:44%;border-radius:50%;background:#151719;box-shadow:0 0 0 3px #fff6}.music-experience .music-sheen{position:absolute;inset:-60%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,248,224,.3),rgba(255,255,255,.08) 28%,transparent 58%);opacity:var(--music-shine-opacity, 0);transform:translate3d(var(--music-shine-x, 0%),var(--music-shine-y, 0%),0)}.music-experience .music-back .music-sheen{background:radial-gradient(ellipse at center,rgba(250,237,208,.25),rgba(222,233,246,.07) 32%,transparent 58%)}.music-experience .music-list-column{min-width:0}.music-experience .music-heading{margin:0 16px 16px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--music-muted)}.music-experience .music-list-window{position:relative}.music-experience .music-list-marker{position:absolute;left:0;top:0;width:2px;height:16px;background:currentColor;pointer-events:none;transition:transform .3s var(--music-ease),opacity .15s ease}.music-experience .music-list li{animation:music-list-enter .24s var(--music-ease) backwards;animation-delay:calc(var(--music-row) * 12ms)}.music-experience .music-list{list-style:none;padding:0;margin:0}.music-experience .music-list button{display:block;width:100%;min-height:64px;padding:9px 16px;text-align:left;opacity:.65;transition:opacity .22s ease}.music-experience .music-list button[data-active=true]{opacity:1}.music-experience .music-list button>span{display:block;transform:translate(0);transition:transform .26s var(--music-ease)}.music-experience .music-list button[data-active=true]>span{transform:translate(12px)}.music-experience .music-list-title{font-size:clamp(18px,1.7vw,22px);font-weight:650;letter-spacing:-.035em}.music-experience .music-list-title,.music-experience .music-list-artist{display:block;overflow-wrap:anywhere}.music-experience .music-list-title{line-height:1.15}.music-experience .music-list-artist{font-size:clamp(13px,1.1vw,14px);margin-top:4px;color:var(--music-muted)}.music-experience .music-list-skeleton>div{min-height:64px;padding:14px 16px}.music-experience .music-list-skeleton span{display:block;height:7px;width:80%;background:var(--music-line);border-radius:2px}.music-experience .music-list-skeleton span+span{width:45%;margin-top:8px}.music-experience .music-empty{min-height:220px;display:flex;align-items:center;color:var(--music-muted)}.music-experience .music-card-placeholder{position:absolute;inset:0;background:var(--music-surface);display:grid;place-items:center;border-radius:4px}.music-experience .music-card-placeholder span{font-size:80px;opacity:.12}.music-experience .music-panel-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;color:var(--music-muted);font-size:11px}.music-experience .music-panel-footer>div{flex:1}.music-experience .music-panel-footer a{white-space:nowrap}.music-experience .music-panel-footer button,.music-experience .music-panel-footer a{text-decoration:underline;text-underline-offset:3px;padding:8px 0}.music-experience .music-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes music-list-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes music-fade-in{0%{opacity:0}to{opacity:1}}@keyframes music-fade-out{0%{opacity:1}to{opacity:0}}@media(min-width:768px){.music-experience .music-content{grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:32px;min-height:calc(100svh - 300px)}.music-experience .music-filters{grid-column:1 / -1}.music-experience .music-featured{grid-column:2;grid-row:2}.music-experience .music-list-column{grid-column:1;grid-row:2;align-self:center}.music-experience .music-list-window,.music-experience .music-list-skeleton{max-height:min(62svh,600px);overflow-y:auto;padding:4px;margin-left:-4px;scrollbar-width:thin;scrollbar-color:var(--music-line) transparent}.music-experience .music-list-skeleton{height:min(62svh,600px);overflow:hidden}}@media(min-width:1024px){.music-experience .music-content{grid-template-columns:minmax(0,1fr) minmax(260px,380px) minmax(100px,1fr);gap:clamp(28px,5vw,64px);padding:32px 0}.music-experience .music-featured,.music-experience .music-list-column{grid-row:1}.music-experience .music-filters{grid-column:3;grid-row:1;align-self:center;justify-self:end;width:120px;flex-direction:column;align-items:stretch}.music-experience .music-filters button{padding:10px}}@media(prefers-reduced-motion:reduce){.music-experience .music-sheen{display:none}.music-experience .music-card-slot,.music-experience .music-atmosphere-slot{animation:none!important}.music-experience .music-outgoing{opacity:0}.music-experience .music-rotor,.music-experience .music-tilt{transform:none!important;transition:none}.music-experience .music-back{transform:none}.music-experience .music-rotor[data-flipped=false] .music-back,.music-experience .music-rotor[data-flipped=true] .music-front{visibility:hidden}.music-experience .music-list button,.music-experience .music-list button>span,.music-experience .music-list-marker{transition:none}.music-experience .music-list li{animation:none}}