.product-media-modal__content--gallery{overflow:hidden!important;display:flex;flex-direction:column}.product-media-modal__gallery{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:100%;gap:1.2rem;width:100%}.product-media-modal__main-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.product-media-modal__main{flex:1 1 auto;width:100%;min-height:0;max-height:var(--hok-product-modal-image-max-height);overflow:hidden;display:flex;align-items:center;justify-content:center}.product-media-modal__content--gallery .product-media-modal__main>*{display:none!important;width:auto;max-width:100%;margin:0!important}.product-media-modal__content--gallery .product-media-modal__main>*.active{display:block!important}.product-media-modal__content--gallery .product-media-modal__main>.product__media-item--variant.product__media-item--variant{display:none!important}.product-media-modal__content--gallery .product-media-modal__main>.product__media-item--variant:first-child{display:none!important}.product-media-modal__content--gallery .product-media-modal__main>.product__media-item--variant:first-child.active{display:block!important}.product-media-modal__content--single .product-media-modal__gallery{gap:0}.product-media-modal__nav{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem;z-index:1}.product-media-modal__nav-btn{pointer-events:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid var(--hok-modal-toggle-border, rgba(18, 18, 18, .12));border-radius:.8rem;background:var(--hok-modal-toggle-bg, rgba(255, 255, 255, .92));color:var(--hok-modal-toggle-color, rgba(18, 18, 18, .8));box-shadow:var(--hok-modal-toggle-shadow, 0 2px 16px rgba(0, 0, 0, .28));cursor:pointer}.product-media-modal__nav-btn:hover{color:#121212f2}.product-media-modal__nav-btn--prev .svg-wrapper{transform:rotate(90deg)}.product-media-modal__nav-btn--next .svg-wrapper{transform:rotate(-90deg)}.product-media-modal__nav-btn:disabled{opacity:.35;cursor:not-allowed}.product-media-modal__nav-btn .icon{width:1.4rem;height:1.4rem}.product-media-modal__thumbs{display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:.2rem .2rem .4rem;margin:0;max-width:100%}.product-media-modal__thumb{flex:0 0 auto;scroll-snap-align:center;display:block;padding:0;margin:0;border:2px solid transparent;border-radius:.8rem;background:rgba(var(--color-foreground),.06);cursor:pointer;overflow:hidden;width:6.4rem;height:6.4rem;transition:border-color .15s ease,box-shadow .15s ease}.product-media-modal__thumb:focus-visible{outline:.2rem solid var(--hok-color-purple, #823597);outline-offset:.2rem}.product-media-modal__thumb[aria-selected=true]{border-color:var(--hok-color-purple, #823597);box-shadow:0 0 0 1px var(--hok-color-purple, #823597)}.product-media-modal__thumb-image{display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:cover;border-radius:calc(.8rem - 2px)}.product-media-modal__content--single .product-media-modal__nav,.product-media-modal__content--single .product-media-modal__thumbs{display:none}.product-media-modal__content--gallery{--hok-product-modal-image-max-height: calc(100vh - 14rem) }@media screen and (max-width:749px){.product-media-modal__content--gallery{--hok-product-modal-image-max-height: calc(100vh - 11rem) }.product-media-modal__thumb{width:5.6rem;height:5.6rem}.product-media-modal__nav-btn{width:3.6rem;height:3.6rem}}@media screen and (min-width:750px){.product-media-modal__content--gallery .product-media-modal__main>*+*{margin-top:0!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hok-product-modal-gallery.css.map */