.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-vcg-hover-btn-bg: #ffffff;--byte-vcg-hover-btn-color: #111111;--byte-vcg-hover-fade-duration: .25s}.byte-view-collection-grid__header{margin-bottom:clamp(1.5rem,6vw,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__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 (max-width:768px){.byte-view-collection-grid__grid{grid-template-columns:repeat(3,1fr)}.byte-view-collection-grid__text{font-size:12px!important}}@media screen and (min-width:750px){.byte-view-collection-grid__grid{grid-template-columns:1fr 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);aspect-ratio:var(--byte-vcg-ratio);background:rgb(var(--color-foreground) / .06)}@media screen and (max-width:749px){.byte-view-collection-grid__card{aspect-ratio:1/1}}.byte-view-collection-grid__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}@media screen and (min-width:750px){.byte-view-collection-grid__card-link{display:none}}.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-within .byte-view-collection-grid__media,.byte-view-collection-grid__card:focus-within .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-within .byte-view-collection-grid__media,.byte-view-collection-grid__card:focus-within .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;text-transform:uppercase;text-shadow:0 1px 2px rgb(0 0 0 / .35)}.byte-view-collection-grid__hover-action{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:1.25rem 1.25rem clamp(2.5rem,14%,4rem);pointer-events:none;opacity:0;transition:opacity var(--byte-vcg-hover-fade-duration) ease}.byte-view-collection-grid__hover-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--byte-touch-target, 44px);padding:.75rem 2rem;border-radius:9999px;background:var(--byte-vcg-hover-btn-bg, #ffffff);color:var(--byte-vcg-hover-btn-color, #111111);font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity var(--byte-vcg-hover-fade-duration) ease}.byte-view-collection-grid__hover-button:focus{outline:none}.byte-view-collection-grid__hover-button:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(hover:hover)and (pointer:fine){.byte-view-collection-grid__card:hover .byte-view-collection-grid__hover-action{opacity:1;pointer-events:auto}}.byte-view-collection-grid__card:focus-within .byte-view-collection-grid__hover-action{opacity:1;pointer-events:auto}@media screen and (max-width:749px){.byte-view-collection-grid__hover-action{display:none}}@media(prefers-reduced-motion:reduce){.byte-view-collection-grid__hover-action{transition-duration:.01ms}}.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}.byte-view-collection-grid-title{margin:0;font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.15;letter-spacing:-.02em;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-view-collection-grid.css.map */