.ctr-hsb-hero-gallery{display:flex;flex-direction:column;gap:16px;min-width:0}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__main{position:relative;aspect-ratio:350 / 322;overflow:hidden;border:1px solid var(--hsb-line-2);border-radius:10px;background:var(--hsb-bg)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__main-img,.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__placeholder{width:100%;height:100%;object-fit:cover}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__main-img{height:100%}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__placeholder{fill:var(--hsb-line-2);background:var(--hsb-panel)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumbs{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:8px}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb{position:relative;display:block;aspect-ratio:1;width:100%;padding:0;overflow:hidden;border:1px solid var(--hsb-line-2);border-radius:5px;background:var(--hsb-bg);cursor:pointer;transition:border-color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,opacity .15s ease}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb:hover{border-color:#5a5a5a}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb:hover .ctr-hsb-hero-gallery__thumb-img{transform:scale(1.04)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb:active{transform:scale(.97)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb[aria-current=true]{border-color:var(--hsb-green)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb:focus-visible{outline:2px solid var(--hsb-green);outline-offset:2px}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__track{display:none}@media(max-width:989px){.ctr-hsb-hero-gallery--track .ctr-hsb-hero-gallery__main,.ctr-hsb-hero-gallery--track .ctr-hsb-hero-gallery__thumbs{display:none}.ctr-hsb-hero-gallery--track .ctr-hsb-hero-gallery__track{--bleed: max(var(--hsb-gutter), (100vw - 640px) / 2);display:block;margin-inline:calc(var(--bleed) * -1);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bleed);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__track::-webkit-scrollbar{display:none}.ctr-hsb .ctr-hsb-hero-gallery--track .ctr-hsb-hero-gallery__track:focus-visible{outline-offset:-2px}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__slides{display:flex;gap:12px;width:max-content;min-width:100%;padding-inline:var(--bleed)}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__slide{flex:0 0 auto;width:calc(min(640px,100vw - (var(--hsb-gutter) * 2))*.88);aspect-ratio:308 / 284;overflow:hidden;border:1px solid var(--hsb-line-2);border-radius:10px;background:var(--hsb-bg);scroll-snap-align:start}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__slide-img{width:100%;height:100%;object-fit:cover}}@media(min-width:990px){.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__main{aspect-ratio:1}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumbs{gap:10px}.ctr-hsb-hero-gallery .ctr-hsb-hero-gallery__thumb{border-radius:8px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ctr-hsb-hero-gallery.css.map */