.shop{display:grid;gap:var(--space-6)}.shop__grid{display:grid;gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:720px){.shop__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.shop__grid{grid-template-columns:repeat(4,1fr)}}.shop__grid--few{max-width:940px}@media(min-width:1100px){.shop__grid--few{grid-template-columns:repeat(3,1fr)}}.shop__card{display:grid;gap:var(--space-3);align-content:start}.shop__card:hover{text-decoration:none}.shop__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.shop__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.shop__card:hover .shop__media img{transform:scale(1.03)}.shop__alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.shop__card:hover .shop__alt{opacity:1}.shop__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:clamp(56px,7vw,92px);line-height:1;letter-spacing:-.04em;color:var(--faint);-webkit-user-select:none;user-select:none}html[data-skin=retro] .shop__ph{background:var(--grad-full, linear-gradient(90deg, var(--accent), var(--sky)));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55}.shop__badge{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.shop__name{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text)}.shop__price{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--muted)}.shop__card--out .shop__name,.shop__card--out .shop__price{color:var(--faint)}.shop__empty{border:1px dashed var(--line);border-radius:var(--radius-lg);padding:clamp(28px,5vw,56px);display:grid;gap:var(--space-2);justify-items:start;background:var(--panel)}.shop__empty p{margin:0;max-width:60ch;color:var(--muted);font-size:15px;line-height:1.6}@media(prefers-reduced-motion:reduce){.shop__media img,.shop__alt{transition:none}.shop__card:hover .shop__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/shop.css.map */