.supra-catcards__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.supra-catcards__grid[data-blocks="3"]{grid-template-columns:repeat(3,1fr)}.supra-catcards__grid[data-blocks="4"]{grid-template-columns:repeat(4,1fr)}.supra-catcards__grid[data-blocks="5"],.supra-catcards__grid[data-blocks="6"]{grid-template-columns:repeat(3,1fr)}}.supra-catcards__card{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--supra-ink);color:var(--supra-paper);text-decoration:none;isolation:isolate}.supra-catcards__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a1a,#0a0a0ab3);z-index:1;transition:opacity var(--t-med) var(--ease-out-soft)}.supra-catcards__card:hover:before{opacity:.75}.supra-catcards__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out-soft);z-index:0}.supra-catcards__card:hover .supra-catcards__img{transform:scale(1.06)}.supra-catcards__img--placeholder{background:repeating-linear-gradient(45deg,#1e1e1e 0 20px,#141414 20px 40px)}.supra-catcards__overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-5);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);z-index:2}.supra-catcards__kicker{color:var(--supra-paper);opacity:.75;align-self:flex-start}.supra-catcards__label{margin:0;color:var(--supra-paper);line-height:.95;overflow-wrap:break-word}.supra-catcards__arrow{display:inline-block;font-family:var(--font-mono);font-size:22px;color:var(--supra-paper);transform:translate(0);transition:transform var(--t-med) var(--ease-out-soft),color var(--t-med) var(--ease-out-soft);width:fit-content}.supra-catcards__card:hover .supra-catcards__arrow{transform:translate(6px);color:var(--supra-accent)}@media(max-width:767px){.supra-catcards__overlay{padding:12px 10px;gap:4px}.supra-catcards__label{font-size:clamp(13px,4.2vw,20px)!important;letter-spacing:-.01em;line-height:1}.supra-catcards__kicker{font-size:9px;letter-spacing:.1em}.supra-catcards__arrow{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/supra-shop-category.css.map */