.zoom__thumbnails{display:flex;flex-direction:row;align-items:center;width:100%;max-width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:var(--hh-spacing-xs) 0;scrollbar-width:none;-ms-overflow-style:none}@media screen and (min-width: 1024px){.zoom__thumbnails{flex-direction:column;overflow-y:auto;padding:0 var(--hh-spacing-xs);scroll-snap-type:y mandatory;max-height:44rem;max-width:10.4rem}}.zoom__thumbnails::-webkit-scrollbar{display:none}.zoom__thumbnail-wrapper{padding:0 var(--hh-spacing-xs) 0 0;width:35%;display:flex;flex-shrink:0;scroll-snap-align:start}@media screen and (min-width: 1024px){.zoom__thumbnail-wrapper{padding:0 0 var(--hh-spacing-xs);width:unset;height:unset}}.zoom__thumbnail-wrapper.active{opacity:.4}.zoom__thumbnail-button{border:none;background:none;padding:0;margin:0;cursor:pointer}.zoom__thumbnail-wrapper.active .zoom__thumbnail-button{cursor:default}.zoom__thumbnail{border:.1rem solid var(--hh-color-light);border-radius:var(--hh-spacing-xs);user-drag:none;-webkit-user-drag:none}.zoom__thumbnail,.zoom__featured-image{display:block;width:100%;height:100%;object-fit:contain}.zoom__featured{width:100%;height:calc(100svh - 10rem)}@media screen and (min-width: 1024px){.zoom__featured{height:100svh;padding:var(--hh-spacing-sm) 0}}.zoom__close{position:absolute;top:var(--hh-spacing-2xl);right:var(--hh-spacing-md);bottom:auto;left:auto;cursor:pointer;margin:0;background:var(--hh-color-day);border-radius:3rem;border:.1rem solid var(--hh-color-light);box-shadow:var(--hh-md-box-shadow);padding:1.4rem;display:flex;align-items:center;gap:var(--hh-spacing-sm);max-width:5rem;transition:max-width var(--hh-duration-default) ease}@media screen and (min-width: 1024px){.zoom__close{top:auto;right:auto;bottom:3rem;left:2.5rem}.zoom__close:hover{max-width:100rem}}.zoom__close .icon{width:2rem;height:2rem;stroke:var(--hh-color-brand-secondary);flex-shrink:0}.zoom__close .zoom__close-text{font:var(--hh-body-bold-sm-font);letter-spacing:var(--hh-button-letter-spacing);color:var(--hh-color-brand-secondary);max-with:0;opacity:0;white-space:nowrap;transition:max-width var(--hh-duration-default) ease,opacity var(--hh-duration-default) ease}@media screen and (min-width: 1024px){.zoom__close:hover .zoom__close-text{max-width:90rem;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/component-zoom-gallery.css.map */