.music-stage .record-crate{position:relative;max-width:430px;width:100%;padding:0 0 8px 22px;isolation:isolate}.record-crate .crate-title{align-items:center;border:0;padding:0;letter-spacing:0}.crate-eyebrow{font:9px var(--font-mono),monospace;letter-spacing:1.5px;color:var(--muted)}.crate-title h2{font:500 27px/1.15 var(--font-body);letter-spacing:-1px;margin:6px 0 0}.crate-title h2>span{color:var(--accent)}.crate-title .crate-volume{font:9px var(--font-mono),monospace;letter-spacing:1px;color:var(--muted)}.record-crate .pick-note{font:11px/1.5 var(--font-body);margin:10px 0 24px;color:var(--muted)}.disc-library{position:relative;isolation:isolate;--rail-width:114px}.record-crate .disc-grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:16px 0}.record-crate .disc-grid:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:var(--rail-width);height:100%;border:1px solid #929da6;border-radius:2px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#17191c03 1px 2px),linear-gradient(110deg,#9ca6ae,#e1e6e9 2%,#c8cfd4 7%,#b9c2c9 55%,#d5dce1 97%,#8d99a3);box-shadow:inset 0 0 0 3px #ffffff25,inset 1px 0 #ffffffc0,0 8px 18px -12px #17191c85}.record-crate .disc-grid:after{content:"";position:absolute;left:7px;top:7px;bottom:7px;width:1px;background:#75818b70;box-shadow:2px 0 #ffffff55}.record-crate .project-disc{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}.record-crate .disc-row-link{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 18px;align-items:center;column-gap:38px;row-gap:0;padding:6px 0 6px 16px;min-height:94px;height:auto}.record-crate .project-disc .compact-disc{position:relative;flex-shrink:0;width:82px;max-width:none;transform:rotate(0);border:4px solid #272e34;background:conic-gradient(from 15deg,#8d99a3,#edf2f5 12%,#aebcc6 24%,#d7c8bf 34%,#71808d 49%,#f4f7f9 63%,#acb9c4 77%,#d8e1e7 88%,#8d99a3);box-shadow:0 1px 1px #fff9,inset 0 0 0 2px #edf1f470;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.record-crate .project-disc .disc-label{inset:25%;background:#b8c3cc90;border:1px solid #9aa8b270}.record-crate .project-disc .disc-label>span{font-size:5px;letter-spacing:.4px}.record-crate .project-disc .disc-label i{width:22%;background:#293039;border:2px solid #e1e5e8;box-shadow:0 0 0 1px #75808b;margin-top:4px}.record-crate .disc-caption{align-self:center;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;margin:0;padding:0;gap:6px;color:var(--ink)}.record-crate .disc-caption strong{font-size:18px;font-weight:500;letter-spacing:-.4px;line-height:1.2;min-height:0;white-space:nowrap}.record-crate .collection-number{font:8px var(--font-mono),monospace;letter-spacing:1px;gap:8px;min-height:10px}.record-crate .disc-selected-label{display:inline;font-size:8px;letter-spacing:0}.record-crate .collection-category{font-size:10px;line-height:1.4;color:var(--muted)}.record-crate .project-disc.is-selected,.record-crate .project-disc:hover{background:transparent}.record-crate .project-disc.is-selected .compact-disc{transform:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 3px 8px -4px #17191c66,inset 0 0 0 2px #edf1f470;animation:changer-disc-seat .9s cubic-bezier(.2,.7,.2,1) both}.record-crate .project-disc.is-selected .disc-label{background:#b8c3cc90}.record-crate .project-disc.is-selected .collection-number,.record-crate .project-disc.is-selected .disc-caption strong{color:var(--accent-deep);font-weight:600}.record-crate .project-disc:hover .compact-disc{transform:rotate(12deg)}.record-crate .collection-arrow{width:17px;height:17px;margin-top:0;color:var(--muted);transition:transform .25s}.record-crate .project-disc:hover .collection-arrow{transform:translate(2px,-2px)}.record-crate .is-selected .collection-arrow{transform:rotate(45deg);color:var(--accent-deep)}@keyframes changer-disc-seat{0%{transform:rotate(-50deg);filter:brightness(.8)}55%{transform:rotate(8deg);filter:brightness(1.08)}to{transform:rotate(0);filter:brightness(1)}}@media(min-width:768px) and (max-width:1100px){.music-stage .record-crate{padding-left:12px}.record-crate .disc-row-link{grid-template-columns:70px minmax(0,1fr) 16px;column-gap:30px;padding-left:14px;min-height:82px}.record-crate .project-disc .compact-disc{width:70px}.record-crate .disc-caption strong{font-size:16px}.disc-library{--rail-width:98px}}@media(max-width:767px){.music-stage .record-crate{max-width:none;padding:0;margin-top:28px}.record-crate .touch-project-preview{display:none}.record-crate .disc-caption strong{font-size:17px}}@media(max-width:380px){.record-crate .disc-row-link{grid-template-columns:70px minmax(0,1fr) 14px;column-gap:28px;padding-left:14px;min-height:82px}.record-crate .project-disc .compact-disc{width:70px}.record-crate .disc-caption strong{font-size:15px}.disc-library{--rail-width:98px}}@media(prefers-reduced-motion:reduce){.record-crate .collection-arrow,.record-crate .project-disc .compact-disc{transition:none}.record-crate .project-disc.is-selected .compact-disc{animation:none}.record-crate .project-disc:hover .compact-disc{transform:none}}@media(min-width:768px){.music-stage .record-crate{transform:translateY(-40px)}}