.format-showcase{flex-direction:column;gap:.75rem;width:100%;display:flex}.format-showcase__viewport{align-items:stretch;display:flex;position:relative}.format-showcase__scroller{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;gap:.625rem;padding:.125rem .25rem .25rem;scroll-padding:0 .5rem;display:flex;overflow-x:auto}.format-showcase__scroller::-webkit-scrollbar{display:none}.format-showcase__scroller.is-fits{scroll-snap-type:none;justify-content:flex-start;overflow-x:visible}.format-showcase__card{scroll-snap-align:center;background:var(--td-bg-card,#12121a);border:1px solid var(--td-border,#3a3a5c);border-radius:var(--td-radius,8px);color:var(--td-text,#e0e0e0);cursor:pointer;text-align:left;font:inherit;flex-direction:column;flex:0 0 min(160px,100% - 1rem);gap:.5rem;padding:.5rem;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:flex}.format-showcase__card:hover{border-color:var(--td-cyan-alt,#00d4ff)}.format-showcase__card.is-selected{border-color:var(--td-active,#ff9500);box-shadow:0 0 0 1px var(--td-active,#ff9500), 0 0 24px -8px #ff950073;background:#ff95000a}.format-showcase__card.is-sold-out{opacity:.55}.format-showcase__card:focus-visible{outline:2px solid var(--td-cyan-alt,#00d4ff);outline-offset:2px}.format-showcase__card-art{aspect-ratio:1;background:var(--td-bg,#0d0d1a);border-radius:calc(var(--td-radius,8px) - 4px);width:100%;position:relative;overflow:hidden}.format-showcase__template,.format-showcase__primary-image,.format-showcase__inline-mockup{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.format-showcase__template{object-fit:contain}.format-showcase__primary-image{object-fit:cover}.format-showcase__inline-mockup{display:block}.format-showcase__eq-bar{transform-box:fill-box;transform-origin:bottom}.format-showcase__card.has-played .format-showcase__eq-bar:first-child{transform:scaleY(.3)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(2){transform:scaleY(.5)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(3){transform:scaleY(.4)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(4){transform:scaleY(.6)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(5){transform:scaleY(.45)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(6){transform:scaleY(.55)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(7){transform:scaleY(.35)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(8){transform:scaleY(.7)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(9){transform:scaleY(.4)}.format-showcase__card.has-played .format-showcase__eq-bar:nth-child(10){transform:scaleY(.5)}.format-showcase__card.is-selected .format-showcase__eq-bar:first-child{animation:2.8s ease-in-out forwards fs-eq1}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(2){animation:2.5s ease-in-out forwards fs-eq2}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(3){animation:3.1s ease-in-out forwards fs-eq3}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(4){animation:2.6s ease-in-out forwards fs-eq4}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(5){animation:2.9s ease-in-out forwards fs-eq5}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(6){animation:2.4s ease-in-out forwards fs-eq6}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(7){animation:3.2s ease-in-out forwards fs-eq7}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(8){animation:2.3s ease-in-out forwards fs-eq8}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(9){animation:3s ease-in-out forwards fs-eq9}.format-showcase__card.is-selected .format-showcase__eq-bar:nth-child(10){animation:2.7s ease-in-out forwards fs-eq10}@keyframes fs-eq1{0%,to{transform:scaleY(.3)}25%{transform:scaleY(.8)}50%{transform:scaleY(.5)}75%{transform:scaleY(.95)}}@keyframes fs-eq2{0%,to{transform:scaleY(.5)}30%{transform:scaleY(.9)}60%{transform:scaleY(.4)}80%{transform:scaleY(.7)}}@keyframes fs-eq3{0%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}45%{transform:scaleY(.6)}70%{transform:scaleY(.85)}}@keyframes fs-eq4{0%,to{transform:scaleY(.6)}35%{transform:scaleY(.35)}55%{transform:scaleY(.9)}85%{transform:scaleY(.55)}}@keyframes fs-eq5{0%,to{transform:scaleY(.45)}15%{transform:scaleY(.75)}40%{transform:scaleY(.95)}65%{transform:scaleY(.5)}}@keyframes fs-eq6{0%,to{transform:scaleY(.55)}25%{transform:scaleY(.85)}50%{transform:scaleY(.35)}80%{transform:scaleY(1)}}@keyframes fs-eq7{0%,to{transform:scaleY(.35)}30%{transform:scaleY(.65)}55%{transform:scaleY(.9)}75%{transform:scaleY(.45)}}@keyframes fs-eq8{0%,to{transform:scaleY(.7)}20%{transform:scaleY(.4)}45%{transform:scaleY(.95)}70%{transform:scaleY(.6)}}@keyframes fs-eq9{0%,to{transform:scaleY(.4)}35%{transform:scaleY(.8)}60%{transform:scaleY(.55)}85%{transform:scaleY(1)}}@keyframes fs-eq10{0%,to{transform:scaleY(.5)}25%{transform:scaleY(.95)}50%{transform:scaleY(.65)}75%{transform:scaleY(.4)}}.format-showcase__vinyl-disc{transform-box:fill-box;transform-origin:50%}.format-showcase__card.is-selected .format-showcase__vinyl-disc{animation:4.5s linear forwards format-showcase-spin}@keyframes format-showcase-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.format-showcase__card.is-selected .format-showcase__eq-bar,.format-showcase__card.is-selected .format-showcase__vinyl-disc{animation:none}}.format-showcase__card-badge{background:var(--td-active,#ff9500);color:#0d0d1a;font-family:var(--td-font-mono,"Share Tech Mono", "Courier New", monospace);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:.15rem .5rem;font-size:.6875rem;position:absolute;top:.5rem;right:.5rem}.format-showcase__card-badge.is-sold-out{background:var(--td-border,#3a3a5c);color:var(--td-text,#e0e0e0)}.format-showcase__card-meta{justify-content:space-between;align-items:baseline;gap:.5rem;padding:0 .125rem;display:flex}.format-showcase__card-label{font-family:var(--td-font-mono,"Share Tech Mono", "Courier New", monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--td-cyan-alt,#00d4ff);font-size:.875rem}.format-showcase__card.is-selected .format-showcase__card-label{color:var(--td-active,#ff9500)}.format-showcase__card-price{font-family:var(--td-font-mono,"Share Tech Mono", "Courier New", monospace);color:var(--td-text,#e0e0e0);font-size:1rem;font-weight:600}.format-showcase__arrow{width:32px;height:32px;color:var(--td-cyan-alt,#00d4ff);border:1px solid var(--td-border,#3a3a5c);cursor:pointer;font-family:var(--td-font-mono,"Share Tech Mono", "Courier New", monospace);z-index:1;background:0 0;border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;font-size:1rem;transition:border-color .14s,color .14s,opacity .14s;display:inline-flex}.format-showcase__arrow:hover:not(:disabled){border-color:var(--td-cyan-alt,#00d4ff)}.format-showcase__arrow:disabled{opacity:.35;cursor:not-allowed}.format-showcase__arrow:focus-visible{outline:2px solid var(--td-cyan-alt,#00d4ff);outline-offset:2px}.format-showcase__arrow--prev{margin-right:.25rem}.format-showcase__arrow--next{margin-left:.25rem}.format-showcase__dots{justify-content:center;gap:.4rem;padding:.125rem 0;display:flex}.format-showcase__dot{border:1px solid var(--td-border,#3a3a5c);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .14s,border-color .14s,transform .14s}.format-showcase__dot:hover{border-color:var(--td-cyan-alt,#00d4ff)}.format-showcase__dot.is-active{background:var(--td-active,#ff9500);border-color:var(--td-active,#ff9500);transform:scale(1.2)}.format-showcase__dot:focus-visible{outline:2px solid var(--td-cyan-alt,#00d4ff);outline-offset:2px}.format-showcase__variants{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.format-showcase__variant{color:var(--td-text,#e0e0e0);border:1px solid var(--td-border,#3a3a5c);cursor:pointer;font:inherit;background:0 0;border-radius:4px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.875rem;line-height:1.2;transition:border-color .14s,background .14s,opacity .14s;display:inline-flex}.format-showcase__variant:hover:not(:disabled){border-color:var(--td-cyan-alt,#00d4ff)}.format-showcase__variant.is-selected{border-color:var(--td-active,#ff9500);color:var(--td-active,#ff9500);background:#ff950014}.format-showcase__variant.is-sold-out{opacity:.5;cursor:not-allowed}.format-showcase__variant:focus-visible{outline:2px solid var(--td-cyan-alt,#00d4ff);outline-offset:2px}.format-showcase__variant-delta{color:var(--td-text-muted,#888);font-size:.8125rem}.format-showcase__variant.is-selected .format-showcase__variant-delta{color:var(--td-active,#ff9500)}.format-showcase__variant-badge{color:var(--td-active,#ff9500);font-family:var(--td-font-mono,"Share Tech Mono", "Courier New", monospace);letter-spacing:.06em;text-transform:uppercase;background:#ff95002e;border-radius:3px;padding:.1rem .4rem;font-size:.625rem}.format-showcase__variant-badge.is-sold-out{color:var(--td-text-muted,#888);background:#ffffff0f}@media (max-width:480px){.format-showcase__card{flex-basis:min(140px,100% - 2rem)}.format-showcase__arrow{display:none}}
