.cards-preview-section{position:relative;width:100vw;left:50%;margin-left:-50vw;display:flex;justify-content:center;padding:6rem 2rem}.cards{max-width:1280px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem}.previewCard{--gutter: 1.5rem;--brightness: .85;--saturation: 1.5;--frostRadius: 1.5rem;position:relative;display:grid;align-content:end;width:100%;max-width:32rem;aspect-ratio:4 / 3;padding:var(--gutter);border-radius:var(--gutter);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s ease-in-out}.previewCard:hover{transform:scale(1.05)}.previewCard img.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .5s ease-in-out}.previewCard:hover img.backdrop{transform:scale(1.1)}.previewCard:after{content:"";position:absolute;top:60%;left:-.5rem;right:-.5rem;bottom:-.5rem;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(var(--frostRadius)) saturate(var(--saturation)) brightness(var(--brightness));backdrop-filter:blur(var(--frostRadius)) saturate(var(--saturation)) brightness(var(--brightness));background:linear-gradient(to bottom,#fff0,#ffffff26);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 30%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 30%,black 100%)}.content{position:relative;z-index:2;display:grid;gap:.5rem}.category{text-transform:uppercase;font-weight:600;letter-spacing:.1rem;opacity:.45}.title{font-size:1.7rem}.description{font-size:1.3rem;line-height:1.35;display:grid;grid-template-columns:1fr auto;gap:.5rem}.description p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6}.description span{display:grid;place-items:center;width:2rem;height:2rem;transform:translateY(-.1rem);transition:transform .25s ease-in-out}.previewCard:hover .description span{transform:scale(1.5)}@media (max-width: 900px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cards{grid-template-columns:1fr;justify-items:center}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/cards-preview.css.map */