.crate-shelf{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:800px){.crate-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}.shelf-crate{text-align:center;place-items:start center;gap:var(--space-2) var(--space-3);color:var(--ink);-webkit-tap-highlight-color:transparent;text-decoration:none;display:grid}.shelf-crate[aria-disabled]{pointer-events:none}.shelf-crate:focus-visible{outline:none}.shelf-crate:focus-visible .shelf-crate-stage{outline:2px solid var(--ring);outline-offset:4px}.shelf-crate-stage{z-index:1;aspect-ratio:1;border-radius:12px;width:100%;margin-top:-18%;margin-bottom:-6%;transition:transform .14s cubic-bezier(.2,0,0,1);display:block;position:relative}.shelf-crate-stage canvas{visibility:hidden}.shelf-crate[data-ready] .shelf-crate-stage canvas{visibility:visible}@media (hover:hover) and (pointer:fine){.shelf-crate:hover .shelf-crate-stage{transform:translateY(-4px)}}.shelf-crate-name{font-size:var(--type-ui);color:var(--ink-muted);gap:2px;line-height:1.4;display:grid}.shelf-crate-name b{font-weight:var(--weight-strong);color:var(--ink)}.shelf-crate-count{vertical-align:1px;background:color-mix(in srgb, var(--ink) 12%, var(--surface-page));min-width:20px;height:20px;font-family:var(--font-geist-mono), monospace;font-size:var(--type-label);color:var(--ink);border-radius:999px;place-items:center;margin-left:4px;padding:0 6px;font-weight:400;line-height:1;display:inline-grid}.dark .shelf-crate-count{background:color-mix(in srgb, #000 45%, var(--surface-page))}.crate-takeover{z-index:100;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.shelf-crate-stage{transition-duration:1ms}.shelf-crate:hover .shelf-crate-stage{transform:none}}