.records-root .aa-text-fixed{color:var(--records-accent)}.records-root .records-vinyl-card{position:relative;display:block;width:100%;aspect-ratio:1;background:transparent;border:0;padding:0;cursor:pointer;transition:transform .32s cubic-bezier(.22,1,.36,1)}.records-root .records-vinyl-card:disabled{cursor:not-allowed;opacity:.55}.records-root .records-vinyl-card:hover:not(:disabled){transform:translateY(-4px)}.records-root .records-vinyl-disc{position:absolute;inset:0;border-radius:9999px!important;background:radial-gradient(circle at 50% 50%,#1c1c1c 0,#0e0e0e 22%,#050505 60%,#000000 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 60px rgba(0,0,0,.55),0 30px 60px -22px rgba(0,0,0,.6);display:block;overflow:hidden;transition:transform 1.2s ease}html:not(.dark) .records-root .records-vinyl-disc{background:radial-gradient(circle at 50% 50%,#2a2a2a 0,#161616 22%,#0a0a0a 60%,#000000 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 50px rgba(0,0,0,.5),0 24px 52px -22px rgba(0,0,0,.4)}.records-root .records-vinyl-disc:before{content:"";position:absolute;inset:0;border-radius:9999px!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 28%,transparent 50%,transparent 70%,rgba(255,255,255,.06));mix-blend-mode:screen;pointer-events:none;z-index:1}.records-root .records-vinyl-grooves{position:absolute;inset:0;border-radius:9999px!important;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 3px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 4px),repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 6px,rgba(0,0,0,.45) 0,rgba(0,0,0,.45) 7px);pointer-events:none}.records-root .records-vinyl-card[data-playing=true] .records-vinyl-disc{animation:records-vinyl-spin 6s linear infinite}@media (prefers-reduced-motion:reduce){.records-root .records-vinyl-card[data-playing=true] .records-vinyl-disc{animation:none}}.records-root .records-vinyl-label{position:absolute;inset:28%;border-radius:9999px!important;background-color:var(--records-accent);background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--records-accent-contrast);font-family:var(--font-figtree),Figtree,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:uppercase;font-weight:600;font-size:clamp(.65rem,1.2vw,1rem);padding:6%;overflow:hidden;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 0 1px rgba(0,0,0,.3),inset 0 0 14px rgba(0,0,0,.25),0 0 0 3px rgba(0,0,0,.92),0 0 0 4px rgba(255,255,255,.06),0 6px 14px -4px rgba(0,0,0,.5)}.records-root .records-vinyl-label--fallback{background-color:var(--records-bg-soft);background-size:62%;background-repeat:no-repeat;background-position:50%}html:not(.dark) .records-root .records-vinyl-label--fallback{background-color:#f4f1e8}.records-root .records-vinyl-label-fallback{line-height:.9;max-width:90%}.records-root .records-vinyl-label-catalog{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:rgba(0,0,0,.55);white-space:nowrap;text-shadow:0 0 4px rgba(255,255,255,.5)}.records-root .records-vinyl-hole{position:absolute;top:50%;left:50%;width:7%;height:7%;transform:translate(-50%,-50%);border-radius:9999px!important;background:#050505;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 2px rgba(0,0,0,.4)}.records-root .records-vinyl-card:active:not(:disabled){transform:translateY(-2px) scale(.985);transition-duration:80ms}.records-root .records-vinyl-loading{position:absolute;inset:31%;border-radius:9999px!important;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.36);pointer-events:none;z-index:4}.records-root .records-vinyl-loading-mark{width:72%;height:72%;min-width:2rem;min-height:2rem}@keyframes records-spin{to{transform:rotate(1turn)}}.records-root .records-spin{animation:records-spin 1s linear infinite}@media (prefers-reduced-motion:reduce){.records-root .records-spin{animation:none}}.records-root .records-vinyl-tonearm{position:absolute;inset:0;pointer-events:none;z-index:3}.records-root .records-vinyl-tonearm-pivot{position:absolute;top:4%;right:4%;width:8%;height:8%;border-radius:9999px!important;background:radial-gradient(circle at 32% 28%,#5a5a5a 0,#1a1a1a 55%,#050505 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.55);z-index:3}.records-root .records-vinyl-tonearm-rest{position:absolute;right:0;top:56%;width:5%;height:4%;border-radius:9999px!important;background:linear-gradient(180deg,#2c2c2c,#0d0d0d);box-shadow:0 2px 4px rgba(0,0,0,.4);z-index:0}.records-root .records-vinyl-tonearm-counterweight{position:absolute;top:2.5%;left:92%;width:4.2%;height:5.5%;border-radius:9999px!important;background:linear-gradient(180deg,#3a3a3a,#131313);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 2px 4px rgba(0,0,0,.5);transform-origin:50% 100%;transform:translateX(-50%) rotate(22deg);transition:transform 1.1s cubic-bezier(.65,0,.35,1);z-index:2}.records-root .records-vinyl-tonearm-arm{position:absolute;top:8%;left:92%;width:1.7%;height:58%;border-radius:2px;background:linear-gradient(180deg,#b8b8b8,#7a7a7a 30%,#4a4a4a 70%,#232323);box-shadow:inset 1px 0 0 rgba(255,255,255,.18),inset -1px 0 0 rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.5);transform-origin:50% 0;transform:translateX(-50%) rotate(22deg);transition:transform 1.1s cubic-bezier(.65,0,.35,1);z-index:2}.records-root .records-vinyl-tonearm-headshell{position:absolute;bottom:-3%;left:50%;width:480%;height:16%;border-radius:1.5px;background:linear-gradient(180deg,#2a2a2a,#0a0a0a);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.55);transform:translateX(-72%) rotate(-22deg);transform-origin:72% 50%}.records-root .records-vinyl-tonearm-stylus{position:absolute;bottom:-7%;left:50%;width:60%;height:7%;border-radius:1px;background:linear-gradient(180deg,#d0d0d0,#707070);box-shadow:0 1px 2px rgba(0,0,0,.5);transform:translateX(-280%)}html:not(.dark) .records-root .records-vinyl-tonearm-pivot{background:radial-gradient(circle at 32% 28%,#6e6e6e 0,#262626 55%,#0e0e0e 100%)}html:not(.dark) .records-root .records-vinyl-tonearm-arm{background:linear-gradient(180deg,#c8c8c8,#8a8a8a 30%,#5a5a5a 70%,#333333)}html:not(.dark) .records-root .records-vinyl-tonearm-counterweight{background:linear-gradient(180deg,#4a4a4a,#1d1d1d)}.records-root .records-vinyl-card:hover:not(:disabled) .records-vinyl-tonearm-arm,.records-root .records-vinyl-card:hover:not(:disabled) .records-vinyl-tonearm-counterweight{transform:translateX(-50%) rotate(15deg)}.records-root .records-vinyl-card[data-playing=true] .records-vinyl-tonearm-arm,.records-root .records-vinyl-card[data-playing=true] .records-vinyl-tonearm-counterweight{transform:translateX(-50%) rotate(-3deg)}.records-root .records-vinyl-card[data-loading=true] .records-vinyl-tonearm-arm{animation:records-tonearm-wobble-arm 1.1s ease-in-out infinite}.records-root .records-vinyl-card[data-loading=true] .records-vinyl-tonearm-counterweight{animation:records-tonearm-wobble-cw 1.1s ease-in-out infinite}@keyframes records-tonearm-wobble-arm{0%,to{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) rotate(1deg)}}@keyframes records-tonearm-wobble-cw{0%,to{transform:translateX(-50%) rotate(-3deg)}50%{transform:translateX(-50%) rotate(1deg)}}@media (prefers-reduced-motion:reduce){.records-root .records-vinyl-tonearm-arm,.records-root .records-vinyl-tonearm-counterweight{transition:none;animation:none!important}}.records-root .records-beat-card{display:flex;flex-direction:column;padding:1rem}.records-root .records-beat-detail{padding-bottom:7rem}.records-root .records-beat-detail-art{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--records-line);background:var(--records-bg-soft)}.records-root .records-beat-detail-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 38%,rgba(0,0,0,.2) 39%,transparent 40%),linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--records-bg) 46%,transparent) 100%)}.records-root .records-artwork-image--square-fallback{-o-object-fit:contain;object-fit:contain;padding:18%}.records-root .records-beat-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--records-line);border-left:1px solid var(--records-line)}@media (min-width:640px){.records-root .records-beat-detail-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}.records-root .records-beat-detail-meta>div{min-width:0;border-right:1px solid var(--records-line);border-bottom:1px solid var(--records-line);padding:1rem}.records-root .records-beat-detail-meta dd{margin-top:.55rem;font-family:var(--font-display,inherit);font-size:1.1rem;line-height:1.1;color:var(--records-fg);text-transform:uppercase;overflow-wrap:anywhere}.records-root .records-beat-detail-audio{display:block;width:100%;accent-color:var(--records-accent)}.records-root .records-beat-hero{position:relative;isolation:isolate}.records-root .records-beat-hero-wash{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.records-root .records-beat-hero-wash img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;filter:grayscale(1) blur(46px);opacity:.22;transform:scale(1.18)}html:not(.dark) .records-root .records-beat-hero-wash img{opacity:.15}.records-root .records-beat-hero-wash:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--records-bg) 52%,transparent) 0,var(--records-bg) 80%)}.records-root .records-beat-player{display:flex;align-items:center;gap:1rem;width:100%}.records-root .records-beat-player-disc{flex:0 0 auto;width:60px;height:60px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:var(--records-accent);color:var(--records-accent-contrast);border:0;cursor:pointer;box-shadow:0 16px 44px rgb(var(--accent-rgb)/.32);transition:transform .24s cubic-bezier(.22,1,.36,1),filter .18s ease}.records-root .records-beat-player-disc:hover{transform:scale(1.05)}.records-root .records-beat-player-disc:active{transform:scale(.96);transition-duration:80ms}.records-root .records-beat-player-disc[data-playing=true]{filter:brightness(.94)}.records-root .records-beat-delivery{display:grid;gap:.85rem}.records-root .records-beat-delivery li{display:flex;align-items:flex-start;gap:.7rem;font-size:.875rem;line-height:1.5;color:var(--records-fg-dim)}.records-root .records-beat-delivery li svg{flex:0 0 auto;margin-top:2px;color:var(--records-accent)}.records-root .records-beat-related-card{display:block;border:1px solid var(--records-line);background:var(--records-bg-soft);transition:border-color .22s ease,transform .22s ease}.records-root .records-beat-related-card:hover{border-color:var(--records-line-strong);transform:translateY(-3px)}.records-root .records-beat-related-cover{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface-carve)}.records-root .records-beat-related-cover img{width:100%;height:100%;filter:grayscale(1);transition:filter .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.records-root .records-beat-related-cover img:not(.records-artwork-image--fallback){-o-object-fit:cover;object-fit:cover}.records-root .records-beat-related-card:hover .records-beat-related-cover img{filter:grayscale(0);transform:scale(1.04)}.records-root .records-beat-share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.records-root .records-beat-share-action,.records-root .records-beat-share-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--records-line);background:transparent;color:var(--records-fg);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform 90ms ease}.records-root .records-beat-share-action{min-height:42px;gap:.45rem;padding:.72rem .9rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.records-root .records-beat-share-action--primary{border-color:var(--records-accent);color:var(--records-accent)}.records-root .records-beat-share-icon{width:40px;height:40px;flex:0 0 40px}.records-root .records-beat-share-action:hover,.records-root .records-beat-share-icon:hover{border-color:var(--records-line-strong);background:color-mix(in srgb,var(--records-fg) 5%,transparent)}.records-root .records-beat-share-action:active,.records-root .records-beat-share-icon:active{transform:scale(.95)}.records-root .records-album-card{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--records-line);background:var(--records-bg-soft);overflow:hidden;transition:border-color .22s ease}.records-root .records-album-card:hover{border-color:var(--records-line-strong)}@media (min-width:640px){.records-root .records-album-card{grid-template-columns:.85fr 1fr}}.records-root .records-album-vinyl-frame{padding:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--records-accent) 8%,transparent) 0,transparent 70%);display:flex;align-items:center;justify-content:center}@media (min-width:640px){.records-root .records-album-vinyl-frame{padding:2.5rem;border-right:1px solid var(--records-line)}}.records-root .records-album-body{padding:1.75rem}@media (min-width:640px){.records-root .records-album-body{padding:2.5rem}}.records-root .records-waveform{width:100%;cursor:pointer}.records-root .records-waveform-bar{flex:1 1 auto;background:color-mix(in srgb,var(--records-fg) 28%,transparent);transition:background .18s ease;border-radius:1px}.records-root .records-waveform-bar[data-played=true]{background:var(--records-accent)}.records-root .records-waveform:hover .records-waveform-bar{background:color-mix(in srgb,var(--records-fg) 42%,transparent)}.records-root .records-waveform:hover .records-waveform-bar[data-played=true]{background:var(--records-accent)}.records-root .records-beat-chip{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border:1px solid var(--records-line);background:transparent;color:var(--records-fg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-radius:9999px;transition:color .18s ease,background .18s ease,border-color .18s ease}.records-root .records-beat-chip[data-tone=quiet]{color:var(--records-fg-dim)}.records-root .records-beat-chip:hover{color:var(--records-fg);border-color:var(--records-line-strong)}.records-root .records-beat-chip[data-active=true]{background:var(--records-fg);border-color:var(--records-fg);color:var(--records-bg)}.records-root .records-beat-chip[data-active=true][data-tone=quiet]{background:transparent;border-color:var(--records-accent);color:var(--records-accent)}.records-root .records-beat-chip:active:not(:disabled){transform:scale(.96);transition-duration:80ms}.records-root .architect-button:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:90ms}.records-root .records-beat-sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--records-line);background:transparent;color:var(--records-fg);padding:.5rem 2.25rem .5rem .95rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.records-root .records-beat-sort:hover{border-color:var(--records-line-strong)}.records-root .records-beat-sort:focus{outline:1px solid var(--records-accent);outline-offset:2px}.records-root .records-beat-sort option{background:var(--records-bg-soft);color:var(--records-fg)}.records-root .records-spotlight{background:var(--records-bg-soft);position:relative;overflow:hidden}@media (min-width:768px){.records-root .records-spotlight{grid-template-columns:minmax(20rem,min(38vw,34rem)) minmax(0,1fr)}}.records-root .records-spotlight-art{width:100%;aspect-ratio:1;background-color:var(--surface-carve);background-size:cover;background-position:50%;position:relative;align-self:start}.records-root .records-spotlight-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--records-bg) 55%,transparent) 100%);pointer-events:none}.records-root .records-spotlight-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--records-bg);z-index:1}.records-root .records-spotlight-play:disabled{cursor:not-allowed;opacity:.6}.records-root .records-spotlight-play-disc{width:96px;height:96px;border-radius:9999px;background:var(--records-accent);color:var(--records-accent-contrast);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 60px rgb(var(--accent-rgb)/.35);transition:transform .28s cubic-bezier(.22,1,.36,1)}.records-root .records-spotlight-play:hover:not(:disabled) .records-spotlight-play-disc{transform:scale(1.06)}.records-root .records-spotlight-play-disc[data-spinning=true]{animation:records-vinyl-spin 6s linear infinite}@media (prefers-reduced-motion:reduce){.records-root .records-spotlight-play-disc[data-spinning=true]{animation:none}}.records-root .records-spotlight-wave .records-waveform-bar{background:color-mix(in srgb,var(--records-fg) 22%,transparent)}.records-root .records-beat-row{position:relative;border-bottom:1px solid var(--records-line);transition:background .18s ease}.records-root .records-beat-row:hover{background:color-mix(in srgb,var(--records-fg) 4%,transparent)}.records-root .records-beat-row[data-active=true]{background:color-mix(in srgb,var(--records-accent) 8%,transparent)}.records-root .records-beat-row[data-active=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--records-accent)}.records-root .records-beat-row-trigger{display:grid;grid-template-columns:48px 56px 1fr auto auto auto;align-items:center;gap:1rem;width:100%;padding:1.1rem 0;background:transparent;border:0;text-align:left;cursor:pointer;color:inherit}.records-root .records-beat-row-trigger:disabled{cursor:not-allowed;opacity:.55}@media (max-width:768px){.records-root .records-beat-row-trigger{grid-template-columns:36px 52px 1fr auto;gap:.75rem}}.records-root .records-beat-row-index{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.18em;color:var(--records-fg-dim)}.records-root .records-beat-row[data-active=true] .records-beat-row-index{color:var(--records-accent)}.records-root .records-beat-row-cover{position:relative;width:56px;height:56px;background-color:var(--surface-carve);background-size:cover;background-position:50%;overflow:hidden}.records-root .records-beat-row-cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--records-bg) 60%,transparent);color:var(--records-fg);opacity:0;transition:opacity .18s ease}.records-root .records-beat-row:hover .records-beat-row-cover-overlay,.records-root .records-beat-row[data-active=true] .records-beat-row-cover-overlay{opacity:1}.records-root .records-beat-row[data-active=true] .records-beat-row-cover-overlay{color:var(--records-accent)}.records-root .records-beat-row-buy{display:none;padding:0 0 1.1rem 1rem}.records-root .records-beat-row[data-active=true] .records-beat-row-buy{display:flex;border-top:1px dashed var(--records-line);padding-top:1rem;margin-top:-.4rem}.records-root .records-beat-tier{border:1px solid var(--records-line);background:var(--records-bg-soft);padding:1.5rem;transition:border-color .22s ease,transform .22s ease}@media (min-width:640px){.records-root .records-beat-tier{padding:2rem}}.records-root .records-beat-tier:hover{border-color:var(--records-line-strong);transform:translateY(-3px)}.records-root .records-beat-tier[data-accent=true]{border-color:var(--records-accent);position:relative}.records-root .records-beat-tier[data-accent=true]:after{content:"Most chosen";position:absolute;top:-10px;left:1.5rem;background:var(--records-accent);color:var(--records-accent-contrast);padding:3px 10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.records-root .records-beat-dock{position:fixed;inset-inline:0;bottom:0;z-index:50;background:color-mix(in srgb,var(--records-bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--records-line-strong);animation:records-dock-rise .32s cubic-bezier(.22,1,.36,1)}@keyframes records-dock-rise{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.records-root .records-beat-dock{animation:none}}.records-root .records-beat-dock-art{width:44px;height:44px;background-color:var(--surface-carve);background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;color:var(--records-fg-dim);flex-shrink:0}.records-root .records-beat-dock-art--fallback{background-size:68%;background-repeat:no-repeat;background-color:var(--surface-carve)}.records-root .records-beat-dock-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--records-line);color:var(--records-fg);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.records-root .records-beat-dock-btn:hover{border-color:var(--records-line-strong)}.records-root .records-beat-dock-btn[data-primary=true]{background:var(--records-accent);border-color:var(--records-accent);color:var(--records-accent-contrast)}.records-root .records-beat-dock-btn[data-primary=true]:hover{filter:brightness(.92)}.records-root .records-beat-dock-btn[data-active=true]:not([data-primary=true]){border-color:var(--records-accent);color:var(--records-accent)}.records-root .records-beat-dock-btn:active:not(:disabled){transform:scale(.92);transition-duration:80ms}.records-root .records-beat-dock-btn[data-busy=true]{cursor:progress}.records-root .records-beat-lib{padding-bottom:7.5rem}.records-root .records-now-playing-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.records-root .records-now-playing-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:grayscale(1) blur(54px);transform:scale(1.22);opacity:.1;transition:opacity .8s ease,filter .8s ease}.records-root .records-now-playing-bg[data-active=true] img{opacity:.34;filter:grayscale(.45) blur(46px)}html:not(.dark) .records-root .records-now-playing-bg img{opacity:.07}html:not(.dark) .records-root .records-now-playing-bg[data-active=true] img{opacity:.2}@media (prefers-reduced-motion:reduce){.records-root .records-now-playing-bg img{transition:none}}.records-root .records-now-playing-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 28%,transparent 0,var(--records-bg) 76%),linear-gradient(180deg,transparent 38%,var(--records-bg) 100%)}