@media screen and (min-width:769px){body.template-product:has(.hyra-reference-product):not(.overflow-hidden){overflow-x:clip;overflow-y:visible}}.hyra-reference-product>.page-width{max-width:none!important;width:100%;padding:0 25px!important}.hyra-reference-product>.page-width>.product{display:flex;flex-wrap:nowrap;align-items:stretch;gap:50px;padding-top:0!important}.hyra-reference-product .product>.product__media-wrapper{flex:0 0 calc((100vw - 50px)*.4 + 82px);width:calc((100vw - 50px)*.4 + 82px)!important;max-width:none!important;min-width:0;padding:0!important;margin:0!important;order:0}.hyra-reference-product .product>.product__info-wrapper{flex:0 0 auto;width:min(34%,600px)!important;max-width:600px!important;min-width:0;padding:0!important}.hyra-reference-product .product__info-container.product__column-sticky{position:static}.hyra-reference-product .hyra-reference-gallery{display:grid;grid-template-columns:57px minmax(0,1fr);gap:25px;position:sticky;top:calc(var(--header-height, 76px) + 24px);min-width:0;width:100%;align-items:start}.hyra-reference-gallery .hyra-gallery-viewer{grid-column:2;grid-row:1;min-width:0;position:relative;overflow:hidden;background:#fff}.hyra-reference-gallery .hyra-gallery-track{display:flex;flex-wrap:nowrap;gap:0;width:100%;aspect-ratio:4 / 5;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;list-style:none;margin:0!important;padding:0!important}.hyra-reference-gallery .hyra-gallery-track::-webkit-scrollbar{display:none}.hyra-reference-product .hyra-reference-gallery .product__media-item{display:block!important;flex:0 0 100%;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:100%!important;margin:0!important;padding:0!important;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;list-style:none}.hyra-reference-gallery .hyra-gallery-media{width:100%;height:100%;position:relative;overflow:hidden}.hyra-reference-gallery .hyra-gallery-video,.hyra-reference-gallery .hyra-gallery-video video{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.hyra-reference-gallery img.hyra-gallery-image{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:cover;object-position:center top;transform-origin:center}.hyra-reference-gallery .hyra-gallery-zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in}.hyra-reference-gallery .is-zoomed .hyra-gallery-zoom{cursor:zoom-out}.hyra-reference-gallery .hyra-gallery-arrow{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:3px;margin:0;border:0;border-radius:4px;background:#fffffff5;color:#333;cursor:pointer}.hyra-reference-gallery .hyra-gallery-arrow--previous{left:20px}.hyra-reference-gallery .hyra-gallery-arrow--next{right:20px}.hyra-reference-gallery .hyra-gallery-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.hyra-reference-gallery .hyra-gallery-thumbnails{grid-column:1;grid-row:1;width:57px;max-height:calc((100vw - 50px)/2);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.hyra-reference-gallery .hyra-gallery-thumbnails::-webkit-scrollbar{display:none}.hyra-reference-gallery .hyra-gallery-thumbnails ul{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.hyra-reference-gallery .hyra-gallery-thumbnails li{position:relative;width:57px;margin:0;padding:0;flex:none}.hyra-reference-gallery .hyra-gallery-thumbnails button{position:relative;display:block;width:57px;height:62px;margin:0;padding:0;border:1px solid transparent;background:transparent;border-radius:0;overflow:hidden;cursor:pointer}.hyra-reference-gallery .hyra-gallery-thumbnails button[aria-current=true]{border-color:#111}.hyra-reference-gallery .hyra-gallery-thumbnails img{display:block;width:55px;height:60px;object-fit:cover}.hyra-reference-gallery .hyra-gallery-video-mark{position:absolute;inset:auto 3px 2px auto;color:#fff;font-size:11px;text-shadow:0 1px 4px #000}.hyra-reference-gallery .hyra-gallery-pagination{display:none}.hyra-reference-gallery button:focus-visible,.hyra-reference-gallery .hyra-gallery-track:focus-visible{outline:2px solid #111;outline-offset:-3px}.hyra-reference-product .hyra-reference-gallery .product-media-container,.hyra-reference-product .hyra-reference-gallery .product__modal-opener,.hyra-reference-product .hyra-reference-gallery .product__media,.hyra-reference-product .hyra-reference-gallery deferred-media{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0}.hyra-reference-product .hyra-reference-gallery .product__media img,.hyra-reference-product .hyra-reference-gallery .deferred-media__poster img{height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}@media screen and (max-width:768px){.hyra-reference-product{padding-top:0!important}.hyra-reference-product>.page-width{padding:0 15px!important}.hyra-reference-product>.page-width>.product{display:block}.hyra-reference-product .product>.product__media-wrapper,.hyra-reference-product .product>.product__info-wrapper{width:100%!important;max-width:none!important}.hyra-reference-product .product>.product__media-wrapper{margin-bottom:18px!important}.hyra-reference-product .hyra-reference-gallery{display:block;position:relative;top:auto}.hyra-reference-gallery .hyra-gallery-viewer{width:100%}.hyra-reference-product .hyra-reference-gallery .hyra-gallery-thumbnails,.hyra-reference-gallery .hyra-gallery-arrow{display:none!important}.hyra-reference-gallery img.hyra-gallery-image{width:100%;height:100%;object-fit:cover;object-position:center}.hyra-reference-gallery .hyra-gallery-pagination{position:absolute;z-index:3;bottom:0;left:0;right:0;height:2px;display:flex}.hyra-reference-gallery .hyra-gallery-progress{position:relative;flex:1;width:auto;height:12px;min-height:0!important;min-width:0;margin:-10px 0 0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.hyra-reference-gallery .hyra-gallery-progress:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#efeded}.hyra-reference-gallery .hyra-gallery-progress[aria-current=true]:after{background:#898786}}.hyra-reference-gallery [hidden]{display:none!important}.hyra-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;border:0;padding:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#fff;color:#111}.hyra-gallery-modal::backdrop{background:#fff}.hyra-gallery-modal .hyra-gallery-modal__close{position:absolute;z-index:4;top:0;right:0;width:50px;height:50px;padding:0;border:0;background:#fff;color:#111;font-size:30px;line-height:1;font-weight:300;cursor:pointer}.hyra-gallery-modal .hyra-gallery-modal__track{display:flex;width:100%;height:calc(100dvh - 40px);margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.hyra-gallery-modal .hyra-gallery-modal__track::-webkit-scrollbar{display:none}.hyra-gallery-modal .hyra-gallery-modal__slide{display:flex;align-items:center;justify-content:center;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start}.hyra-gallery-modal .hyra-gallery-modal__image{width:100%;height:100%;object-fit:contain}.hyra-gallery-modal .hyra-gallery-modal__thumbnails{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:flex-start;gap:5px;padding:0 15px;overflow-x:auto;scrollbar-width:none}.hyra-gallery-modal .hyra-gallery-modal__thumbnail{flex:0 0 50px;width:50px;height:50px;padding:0;border:1px solid transparent;background:#fff;border-radius:0}.hyra-gallery-modal .hyra-gallery-modal__thumbnail[aria-current=true]{border-color:#111}.hyra-gallery-modal .hyra-gallery-modal__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.hyra-reference-gallery .hyra-gallery-track,.hyra-gallery-modal .hyra-gallery-modal__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/hyra-reference-gallery.css.map */