.byte-view-collection-grid{--byte-vcg-gap: 1rem;--byte-vcg-ratio: 4 / 5;--byte-vcg-overlay-font-size: 1rem;--byte-vcg-overlay-text-color: #ffffff;--byte-vcg-tile-radius: 0;--byte-vcg-zoom-scale: 1.05;--byte-vcg-zoom-duration: .45s;--byte-vcg-zoom-ease: cubic-bezier(.25, .46, .45, .94)}.byte-view-collection-grid__header{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.byte-view-collection-grid__header--left{text-align:left}.byte-view-collection-grid__header--center{text-align:center}.byte-view-collection-grid__header--right{text-align:right}.byte-view-collection-grid__title{margin:0;letter-spacing:.12em}.byte-view-collection-grid__placeholder{margin:0;text-align:center;opacity:.75}.byte-view-collection-grid__grid{display:grid;grid-template-columns:1fr;gap:var(--byte-vcg-gap);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.byte-view-collection-grid__grid{grid-template-columns:1fr 1fr}}.byte-view-collection-grid__item{margin:0}.byte-view-collection-grid__card{position:relative;display:block;overflow:hidden;border-radius:var(--byte-vcg-tile-radius, 0);color:inherit;text-decoration:none;aspect-ratio:var(--byte-vcg-ratio);background:rgb(var(--color-foreground) / .06)}.byte-view-collection-grid__card:focus{outline:none}.byte-view-collection-grid__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-view-collection-grid__media,.byte-view-collection-grid__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center center;transition:transform var(--byte-vcg-zoom-duration) var(--byte-vcg-zoom-ease)}@media(hover:hover)and (pointer:fine){.byte-view-collection-grid__card:hover .byte-view-collection-grid__media,.byte-view-collection-grid__card:hover .byte-view-collection-grid__placeholder-svg{transform:scale(var(--byte-vcg-zoom-scale))}}.byte-view-collection-grid__card:focus-visible .byte-view-collection-grid__media,.byte-view-collection-grid__card:focus-visible .byte-view-collection-grid__placeholder-svg{transform:scale(var(--byte-vcg-zoom-scale))}@media(prefers-reduced-motion:reduce){.byte-view-collection-grid__media,.byte-view-collection-grid__placeholder-svg{transition-duration:.01ms}.byte-view-collection-grid__card:hover .byte-view-collection-grid__media,.byte-view-collection-grid__card:hover .byte-view-collection-grid__placeholder-svg,.byte-view-collection-grid__card:focus-visible .byte-view-collection-grid__media,.byte-view-collection-grid__card:focus-visible .byte-view-collection-grid__placeholder-svg{transform:scale(1)}}.byte-view-collection-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgb(0 0 0 / calc(var(--byte-vcg-overlay-pct, 25) * 1%))}.byte-view-collection-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem;text-align:center}.byte-view-collection-grid__text{margin:0;color:var(--byte-vcg-overlay-text-color, #ffffff);font-size:max(.75rem,var(--byte-vcg-overlay-font-size, 1rem));font-weight:500;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;text-shadow:0 1px 2px rgb(0 0 0 / .35)}.byte-view-collection-grid__placeholder-card{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--byte-vcg-ratio);border-radius:var(--byte-vcg-tile-radius, 0);border:1px dashed rgb(var(--color-foreground) / .25);padding:1.5rem;text-align:center}.byte-view-collection-grid__placeholder-inner{margin:0;font-size:.9rem;opacity:.7}.byte-view-collection-grid__placeholder-svg{opacity:.35}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-view-collection-grid.css.map */