@media(min-width:1000px){.bp-hero{position:relative}.bp-hero .bp-hero__inner{max-width:720px;padding-right:clamp(1.5rem,6vw,5rem)}.bp-tray-preview-wrap{display:block;position:absolute;top:50%;right:clamp(1.5rem,4vw,3.5rem);transform:translateY(-50%);width:clamp(380px,34vw,480px);z-index:2}}@media(max-width:999px){.bp-tray-preview-wrap{display:none}}.bp-tray-preview{background:var(--zzai-cream);border:2px solid var(--zzai-ink);border-radius:22px;padding:22px 22px 24px;box-shadow:8px 8px 0 var(--zzai-ink),0 20px 36px -16px #14110b52;transform:rotate(-1deg)}.bp-tray-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding:2px 4px 10px;border-bottom:1.5px dashed color-mix(in oklab,var(--zzai-ink) 25%,transparent)}.bp-tray-eye{font-family:var(--font-display);font-weight:800;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--zzai-ink)}.bp-tray-count{font-family:var(--font-chunky);font-size:26px;line-height:1;color:var(--zzai-ink);font-feature-settings:"tnum"}.bp-tray-count .total{color:color-mix(in oklab,var(--zzai-ink) 50%,transparent);font-size:20px}.bp-tray-cases{display:grid;gap:14px;padding:8px 6px}.bp-tray-preview[data-tier="2"] .bp-tray-cases{grid-template-columns:1fr 1fr}.bp-tray-preview[data-tier="4"] .bp-tray-cases{grid-template-columns:1fr 1fr;gap:12px}.bp-tray-case{position:relative;aspect-ratio:5 / 4;border-radius:14px;overflow:hidden;background:#fff;border:2.5px solid var(--zzai-ink);box-shadow:3px 4px 0 var(--zzai-ink);transition:transform .28s ease,box-shadow .28s ease,opacity .2s ease}.bp-tray-case:not(.filled){border-style:dashed;background:color-mix(in oklab,var(--zzai-cream) 60%,#fff);opacity:.42}.bp-tray-case.filled{transform:translateY(-2px);box-shadow:3px 6px 0 var(--zzai-ink)}.bp-tray-can-pack{position:absolute;top:5px;right:5px;bottom:22px;left:5px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);align-items:end;justify-items:center;gap:0 1px;opacity:0;pointer-events:none;transition:opacity .22s ease}.bp-tray-case.filled .bp-tray-can-pack{opacity:1}.bp-tray-can-mini{width:100%;height:100%;background-image:var(--can-img);background-size:contain;background-position:center bottom;background-repeat:no-repeat;filter:drop-shadow(0 1px 2px rgba(20,17,11,.22))}.bp-tray-case-foot{position:absolute;bottom:0;left:0;right:0;height:20px;background:var(--case-color, color-mix(in oklab, var(--zzai-ink) 10%, var(--zzai-cream)));transition:background .2s ease}.bp-tray-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:16px;padding-top:12px;border-top:1.5px dashed color-mix(in oklab,var(--zzai-ink) 30%,transparent)}.bp-tray-legend-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--zzai-ink) 70%,transparent)}.bp-tray-legend-sw{width:10px;height:10px;border-radius:50%;background:var(--sw);box-shadow:inset 0 -2px color-mix(in oklab,var(--sw) 55%,var(--zzai-ink)),0 0 0 1px var(--zzai-ink)}.bp-tray-legend-item .n{color:var(--zzai-ink);font-weight:800}.bp-tray-preview.complete{box-shadow:8px 8px 0 var(--zzai-ink),0 0 0 4px color-mix(in oklab,var(--zzai-gold) 50%,transparent),0 20px 36px -16px #14110b52}.bp-tray-preview.complete .bp-tray-count{color:var(--zzai-zobo)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zzai-bundle-tray.css.map */