.product-media-gallery-o2,.product-media-modal--o2{--gallery-control-size: var(--o2-size-touch);--gallery-control-visual-size: calc(var(--o2-size-touch) - var(--o2-space-xs));--gallery-viewer-max-width: calc(var(--o2-size-content-sm) - var(--o2-space-md));--gallery-media-ratio: 232 / 275}.product-media-gallery-o2{display:block;width:100%}.product-gallery-o2__stage{position:relative;display:grid;place-items:center;width:100%}.product-gallery-o2__viewer{display:flex;width:min(calc(100% - (var(--gallery-control-size) * 2)),var(--gallery-viewer-max-width));margin:0;padding:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-gallery-o2__viewer::-webkit-scrollbar,.product-gallery-o2__thumbnails::-webkit-scrollbar{display:none}.product-gallery-o2__slide{flex:0 0 100%;width:100%;aspect-ratio:var(--gallery-media-ratio);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border-radius:var(--o2-radius-control)}.product-gallery-o2__slide>*,.product-gallery-o2__slide .product-media-container,.product-gallery-o2__slide .product__modal-opener,.product-gallery-o2__slide .product__media,.product-gallery-o2__slide .deferred-media,.product-gallery-o2__slide product-model{display:block;width:100%;height:100%}.product-gallery-o2__slide .product-media-container,.product-gallery-o2__slide .product__media,.product-gallery-o2__slide .deferred-media,.product-gallery-o2__slide product-model{padding:0!important}.product-gallery-o2__slide .product-media-container:after,.product-gallery-o2__slide .product__media:after,.product-gallery-o2__slide .deferred-media:after{content:none}.product-gallery-o2__slide img,.product-gallery-o2__slide video,.product-gallery-o2__slide iframe,.product-gallery-o2__slide model-viewer{width:100%;height:100%;object-fit:contain}.product-media-gallery-o2 .product__modal-opener:not(.product__modal-opener--image){display:none}.product-media-gallery-o2 .product-gallery-o2__viewer .deferred-media{display:block}.product-media-gallery-o2 .product__media-icon,.product-media-gallery-o2 .loading__spinner{display:none}.product-media-gallery-o2 .product__media-toggle:after{border-radius:var(--o2-radius-control)}.product-gallery-o2__arrow{position:absolute;top:50%;display:grid;place-items:center;width:var(--gallery-control-size);height:var(--gallery-control-size);padding:0;color:rgb(var(--o2-text-link));background:transparent;border:0;transform:translateY(-50%);cursor:pointer;transition:transform var(--o2-duration-fast) var(--o2-ease-out)}@media(hover:hover)and (pointer:fine){.product-gallery-o2__arrow:hover{transform:translateY(-50%) scale(1.08)}}.product-gallery-o2__arrow:active{transform:translateY(-50%) scale(var(--o2-scale-press))}.product-gallery-o2__arrow--previous{left:0}.product-gallery-o2__arrow--next{right:0}.product-gallery-o2__arrow svg{width:var(--gallery-control-visual-size);height:var(--gallery-control-visual-size)}.product-gallery-o2__arrow:focus-visible,.product-gallery-o2__thumbnail:focus-visible,.product-media-modal--o2 .product-media-modal__toggle:focus-visible{outline:var(--o2-size-border-strong) solid rgb(var(--o2-border-focus));outline-offset:var(--o2-space-xs)}.product-gallery-o2__counter{display:flex;justify-content:center;margin-top:var(--o2-space-sm);color:rgb(var(--o2-text-gallery-counter));font-family:var(--o2-font-body);font-size:var(--o2-font-size-body-sm);font-weight:var(--o2-font-weight-regular);line-height:var(--o2-line-height-fixed-body-sm)}.product-gallery-o2__thumbnails{display:flex;justify-content:safe center;width:100%;margin:var(--o2-space-md) auto 0;padding:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-gallery-o2__thumbnail-item{flex:0 0 var(--gallery-control-size);width:var(--gallery-control-size);height:var(--gallery-control-size)}.product-gallery-o2__thumbnail-item[hidden]{display:none}.product-gallery-o2__thumbnail{display:grid;place-items:center;width:100%;height:100%;color:inherit;text-decoration:none;border-radius:var(--o2-radius-md)}.product-gallery-o2__thumbnail-frame{position:relative;display:grid;place-items:center;width:var(--gallery-control-visual-size);height:var(--gallery-control-visual-size);padding:var(--o2-space-2xs);overflow:hidden;background:rgb(var(--o2-surface-page));border:var(--o2-size-border-strong) solid transparent;border-radius:var(--o2-radius-md);transition:border-color var(--o2-duration-fast) var(--o2-ease-out),box-shadow var(--o2-duration-fast) var(--o2-ease-out)}.product-gallery-o2__thumbnail[aria-current] .product-gallery-o2__thumbnail-frame{border-color:rgb(var(--o2-border-action));box-shadow:var(--o2-shadow-subtle)}@media(hover:hover)and (pointer:fine){.product-gallery-o2__thumbnail:hover .product-gallery-o2__thumbnail-frame{border-color:rgba(var(--o2-border-action),var(--o2-opacity-faint))}.product-gallery-o2__thumbnail[aria-current]:hover .product-gallery-o2__thumbnail-frame{border-color:rgb(var(--o2-border-action))}}.product-gallery-o2__thumbnail img{width:100%;height:100%;object-fit:contain}.product-gallery-o2__thumbnail-badge{position:absolute;right:var(--o2-space-2xs);bottom:var(--o2-space-2xs);z-index:var(--o2-z-base);display:grid;place-items:center;width:var(--o2-size-icon-sm);height:var(--o2-size-icon-sm);color:rgb(var(--o2-text-primary));background:rgb(var(--o2-surface-page));border-radius:var(--o2-radius-full);box-shadow:var(--o2-shadow-subtle)}.product-gallery-o2__thumbnail-badge svg{width:var(--o2-size-icon-xs);height:var(--o2-size-icon-xs)}.product-media-modal--o2{--gallery-viewer-max-width: 100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--o2-z-behind);display:grid;place-items:center;width:100%;height:100%;padding:var(--o2-space-md);visibility:hidden;opacity:var(--o2-opacity-hidden);background:rgba(var(--o2-text-primary),var(--o2-opacity-faint));transition:opacity var(--o2-duration-fast) var(--o2-ease-out),visibility 0s linear var(--o2-duration-fast),z-index 0s linear var(--o2-duration-fast)}html:has(.product-media-modal--o2[open]){background-color:rgba(var(--o2-text-primary),var(--o2-opacity-faint))}.product-media-modal--o2[open]{z-index:var(--o2-z-modal);visibility:visible;opacity:var(--o2-opacity-full);transition:opacity var(--o2-duration-default) var(--o2-ease-out),visibility 0s,z-index 0s}.product-media-modal--o2 .product-media-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(100%,var(--o2-size-content-wide));height:auto;max-height:calc(100dvh - (var(--o2-space-md) * 2));padding:calc(var(--o2-space-sm) + var(--gallery-control-size)) var(--o2-space-lg) var(--o2-space-lg);overflow:hidden;background:rgb(var(--o2-surface-overlay));border-radius:var(--o2-radius-control);box-shadow:var(--o2-shadow-section);transform:scale(var(--o2-scale-press));transition:transform var(--o2-duration-fast) var(--o2-ease-out)}.product-media-modal--o2[open] .product-media-modal__dialog{transform:none;transition:transform var(--o2-duration-default) var(--o2-ease-out-cubic)}.product-media-modal--o2 .product-media-modal__content{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0;max-height:none;padding:0;overflow:visible;background:transparent}.product-media-modal--o2 .product-media-modal__content>*{width:auto;margin:0}.product-media-modal--o2 .product-media-modal__content>*+*{margin-top:var(--o2-space-md)}.product-media-modal--o2 .product-media-modal__content>.product-gallery-o2__stage{display:grid;flex:1 1 auto;align-items:stretch;justify-items:center;min-height:0}.product-media-modal--o2 .product-media-modal__content>.product-gallery-o2__counter,.product-media-modal--o2 .product-media-modal__content>.product-gallery-o2__thumbnails{display:flex;flex-shrink:0}.product-media-modal--o2 .product-media-modal__toggle{position:absolute;top:var(--o2-space-sm);right:var(--o2-space-sm);z-index:var(--o2-z-raised);display:grid;place-items:center;width:var(--gallery-control-size);height:var(--gallery-control-size);padding:var(--o2-space-compact);color:rgb(var(--o2-text-link));background:transparent;border:0;cursor:pointer;transition:transform var(--o2-duration-fast) var(--o2-ease-out)}@media(hover:hover)and (pointer:fine){.product-media-modal--o2 .product-media-modal__toggle:hover{transform:scale(1.08)}}.product-media-modal--o2 .product-media-modal__toggle:active{transform:scale(var(--o2-scale-press))}.product-media-modal--o2 .product-media-modal__toggle svg{width:var(--o2-size-icon-lg);height:var(--o2-size-icon-lg)}.product-gallery-o2__viewer--modal{height:100%}.product-gallery-o2__viewer--modal .product-gallery-o2__slide{height:100%;aspect-ratio:auto}.product-gallery-o2__viewer--modal .product-gallery-o2__slide>img{display:block}@media screen and (min-width:750px){.product-media-modal--o2{padding:var(--o2-space-lg)}.product-media-modal--o2 .product-media-modal__dialog{max-height:calc(100dvh - (var(--o2-space-lg) * 2))}}@media screen and (min-width:990px){.product-media-modal--o2 .product-media-modal__dialog{width:min(100%,var(--o2-size-content-lg))}}@media(prefers-reduced-motion:reduce){.product-gallery-o2__viewer,.product-gallery-o2__thumbnails{scroll-behavior:auto}.product-gallery-o2__arrow,.product-gallery-o2__arrow:hover,.product-gallery-o2__arrow:active{transform:translateY(-50%)}.product-media-modal--o2 .product-media-modal__toggle,.product-media-modal--o2 .product-media-modal__toggle:hover,.product-media-modal--o2 .product-media-modal__toggle:active{transform:none}.product-media-modal--o2 .product-media-modal__dialog,.product-media-modal--o2[open] .product-media-modal__dialog{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-gallery-o2.css.map */