.modal-pdp__gallery{background-color:rgb(var(--color-background));position:fixed;top:var(--header-height, 8rem);left:0;width:100%;height:calc(100vh - var(--header-height, 8rem));visibility:hidden;opacity:0;z-index:101}.modal-pdp__gallery[open]{visibility:visible;opacity:1}.modal-pdp__gallery .modal-pdp__dialog{display:flex;align-items:center;height:100%;width:100%}.modal-pdp__gallery .modal-pdp__desktop-inner{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}@media screen and (min-width:750px){.modal-pdp__gallery .modal-pdp__desktop-inner{flex-direction:row;align-items:stretch;justify-content:flex-start;gap:var(--modal-pdp-layout-gap, 76px);width:100%;height:calc(100% - 24px);min-height:0;padding-top:24px;margin-top:24px;box-sizing:border-box}.modal-pdp__gallery .modal-pdp__thumbnails{align-self:center}}.modal-pdp__gallery .modal-pdp__thumbnails{display:none}@media screen and (max-width:749px){.modal-pdp__gallery .modal-pdp__dialog{flex-direction:column;align-items:stretch;padding:0;overflow:hidden}.modal-pdp__gallery .modal-pdp__desktop-inner{flex:1;min-height:0;position:relative;overflow:hidden;width:100%;height:100%}.modal-pdp__gallery .modal-pdp__content{position:relative;flex:1;min-height:0;padding:0;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--modal-pdp-rail-gap, 8px);width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-pdp__gallery .modal-pdp__content::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__content>.modal-pdp__stage{display:block!important;position:relative;flex-shrink:0;width:100%;margin:0;padding:0;scroll-snap-align:start;scroll-margin-top:0;overflow:hidden}.modal-pdp__gallery .modal-pdp__content>.modal-pdp__stage--square{aspect-ratio:1 / 1;width:100%;height:auto}.modal-pdp__gallery .modal-pdp__content>.modal-pdp__stage--square>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.modal-pdp__gallery .modal-pdp__content>.modal-pdp__stage:not(.modal-pdp__stage--square)>img{width:100%;height:auto;object-fit:contain;object-position:top center;display:block}.modal-pdp__gallery .modal-pdp__stage>.deferred-media,.modal-pdp__gallery .modal-pdp__stage>.product-media-modal__model{display:block!important;width:100%;height:auto;aspect-ratio:var(--modal-pdp-aspect-ratio, 16 / 9);padding-top:0!important;position:relative;overflow:hidden}.modal-pdp__gallery .modal-pdp__stage--square>.deferred-media,.modal-pdp__gallery .modal-pdp__stage--square>.product-media-modal__model{height:100%;aspect-ratio:1 / 1}.modal-pdp__gallery .modal-pdp__stage .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.modal-pdp__gallery .modal-pdp__stage .deferred-media__poster img{width:100%;height:100%;object-fit:cover}.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] video,.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] iframe{width:100%;height:100%;display:block}.modal-pdp__gallery .modal-pdp__toggle .icon{width:12px;height:12px;stroke:#000}.modal-pdp__gallery .modal-pdp__thumbnails{position:absolute;left:14px;top:152px;bottom:0;z-index:2;pointer-events:auto;display:flex;flex-direction:column;gap:.5rem;align-items:center;width:72px;min-width:72px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;transform:translateZ(0);background:transparent;padding:0 0 20px}.modal-pdp__gallery .modal-pdp__thumbnails::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__thumb{flex-shrink:0;width:52px;height:52px;min-width:52px;min-height:52px;max-width:134px;max-height:134px;aspect-ratio:1 / 1;padding:0;border:none;border-radius:var(--media-radius, .2rem);box-sizing:border-box;overflow:hidden;opacity:.65;background:none;cursor:pointer}.modal-pdp__gallery .modal-pdp__thumb.is-active{width:57px;height:57px;min-width:57px;min-height:57px;opacity:1;border:none;outline:none;box-shadow:none}.modal-pdp__gallery .modal-pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.modal-pdp__gallery .modal-pdp__mobile-nav{display:none}}@media screen and (min-width:750px){.modal-pdp__gallery .modal-pdp__mobile-nav{display:none}.modal-pdp__gallery .modal-pdp__toggle .icon,.modal-pdp__gallery .modal-pdp__toggle .icon svg{width:var(--modal-pdp-close-size, 30px);height:var(--modal-pdp-close-size, 30px)}}@media screen and (min-width:750px){.modal-pdp__gallery{--modal-pdp-thumb-inactive: 134px;--modal-pdp-thumb-active: 164px;--modal-pdp-thumb-track: 164px;--modal-pdp-thumb-column: 240px}.modal-pdp__gallery .modal-pdp__thumbnails{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:0 0 var(--modal-pdp-thumb-column);width:var(--modal-pdp-thumb-column);min-width:var(--modal-pdp-thumb-column);max-width:var(--modal-pdp-thumb-column);padding-top:0;padding-right:0!important;padding-bottom:20px;padding-left:var(--modal-pdp-layout-gap, 76px);margin-top:2rem;margin-right:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;align-self:center;max-height:100%;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-attachment:scroll}.modal-pdp__gallery .modal-pdp__thumbnails::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__thumb{flex-shrink:0;align-self:center;width:var(--modal-pdp-thumb-inactive);height:var(--modal-pdp-thumb-inactive);min-width:var(--modal-pdp-thumb-inactive);min-height:var(--modal-pdp-thumb-inactive);max-width:var(--modal-pdp-thumb-active);max-height:var(--modal-pdp-thumb-active);aspect-ratio:1 / 1;padding:0;border:none;outline:none;box-shadow:none;background:none;cursor:pointer;overflow:hidden;opacity:.6;transition:opacity .25s ease}.modal-pdp__gallery .modal-pdp__thumb:hover{opacity:.85}.modal-pdp__gallery .modal-pdp__thumb.is-active{width:var(--modal-pdp-thumb-active);height:var(--modal-pdp-thumb-active);min-width:var(--modal-pdp-thumb-active);min-height:var(--modal-pdp-thumb-active);max-width:var(--modal-pdp-thumb-active);max-height:var(--modal-pdp-thumb-active);opacity:1;border:1px solid #000;outline:none;box-shadow:none}.modal-pdp__gallery .modal-pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}}.modal-pdp__gallery .modal-pdp__content{max-height:100%;width:100%;overflow:auto;flex:1;min-height:0}.modal-pdp__gallery.product-media-modal .product-media-modal__content>.modal-pdp__stage,.modal-pdp__gallery .modal-pdp__content>.modal-pdp__stage{display:block!important}@media screen and (min-width:750px){.modal-pdp__gallery .modal-pdp__dialog{align-items:stretch}.modal-pdp__gallery.modal-pdp__gallery--fullscreen{top:0;height:100vh}.modal-pdp__gallery.modal-pdp__gallery--fullscreen{--modal-pdp-stage-size: min( calc(939px * 100vw / 1440), calc( 100vw - 76px - var(--modal-pdp-thumb-track) - 76px - 76px - 30px - 4rem - 2 * var(--modal-pdp-content-pad) ) )}.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__stage--square{width:var(--modal-pdp-stage-size);height:var(--modal-pdp-stage-size);max-width:var(--modal-pdp-stage-size);max-height:var(--modal-pdp-stage-size)}.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__toggle{top:1rem}.modal-pdp__gallery{--modal-pdp-layout-gap: 76px;--modal-pdp-close-right: calc(var(--modal-pdp-layout-gap) - 10px);--modal-pdp-close-top-offset: 24px;--modal-pdp-close-size: 30px;--modal-pdp-content-pad: clamp(1.25rem, 2.5vw, 2.5rem);--modal-pdp-stage-size: min( calc(939px * 100vw / 1440), calc( 100vw - 76px - var(--modal-pdp-thumb-track) - var(--modal-pdp-layout-gap) - var(--modal-pdp-layout-gap) - 30px - 4rem - 2 * var(--modal-pdp-content-pad) ) )}@media screen and (min-width:1440px){.modal-pdp__gallery,.modal-pdp__gallery.modal-pdp__gallery--fullscreen{--modal-pdp-stage-size: 939px;--modal-pdp-thumb-inactive: 134px;--modal-pdp-thumb-active: 164px;--modal-pdp-thumb-track: 164px;--modal-pdp-thumb-column: 240px;--modal-pdp-layout-gap: 76px;--modal-pdp-close-right: 66px;--modal-pdp-close-top-offset: 24px;--modal-pdp-close-size: 30px}.modal-pdp__gallery .modal-pdp__desktop-inner{justify-content:center}.modal-pdp__gallery .modal-pdp__thumbnails{flex:0 0 var(--modal-pdp-thumb-column);width:var(--modal-pdp-thumb-column);min-width:var(--modal-pdp-thumb-column);max-width:var(--modal-pdp-thumb-column)}.modal-pdp__gallery .modal-pdp__thumb{width:var(--modal-pdp-thumb-inactive);height:var(--modal-pdp-thumb-inactive);min-width:var(--modal-pdp-thumb-inactive);min-height:var(--modal-pdp-thumb-inactive);max-width:var(--modal-pdp-thumb-active);max-height:var(--modal-pdp-thumb-active)}.modal-pdp__gallery .modal-pdp__thumb.is-active{width:var(--modal-pdp-thumb-active);height:var(--modal-pdp-thumb-active);min-width:var(--modal-pdp-thumb-active);min-height:var(--modal-pdp-thumb-active);max-width:var(--modal-pdp-thumb-active);max-height:var(--modal-pdp-thumb-active)}.modal-pdp__gallery .modal-pdp__stage--square{width:var(--modal-pdp-stage-size)!important;height:var(--modal-pdp-stage-size)!important;max-width:var(--modal-pdp-stage-size)!important;max-height:var(--modal-pdp-stage-size)!important;min-width:var(--modal-pdp-stage-size);min-height:var(--modal-pdp-stage-size)}.modal-pdp__gallery .modal-pdp__stage:not(.modal-pdp__stage--square){width:var(--modal-pdp-stage-size)!important;max-width:var(--modal-pdp-stage-size)!important;min-width:var(--modal-pdp-stage-size);height:auto!important;max-height:none!important;min-height:0}.modal-pdp__gallery.product-media-modal .product-media-modal__content,.modal-pdp__gallery .modal-pdp__content{flex:0 0 auto!important;width:calc(var(--modal-pdp-stage-size) + var(--modal-pdp-content-pad))!important;max-width:calc(var(--modal-pdp-stage-size) + var(--modal-pdp-content-pad))!important}}@media screen and (min-width:2560px){.modal-pdp__gallery,.modal-pdp__gallery.modal-pdp__gallery--fullscreen{--modal-pdp-stage-size: 1669px;--modal-pdp-thumb-inactive: 238px;--modal-pdp-thumb-active: 292px;--modal-pdp-thumb-track: 292px;--modal-pdp-thumb-column: 427px;--modal-pdp-layout-gap: 135px;--modal-pdp-close-right: 125px;--modal-pdp-close-top-offset: 43px;--modal-pdp-close-size: 53px}}.modal-pdp__gallery.product-media-modal .product-media-modal__content,.modal-pdp__gallery .modal-pdp__content{--modal-pdp-rail-gap: 8px;padding:var(--modal-pdp-content-pad)!important;padding-left:0!important;padding-right:var(--modal-pdp-content-pad)!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--modal-pdp-rail-gap);overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;width:calc(var(--modal-pdp-stage-size) + var(--modal-pdp-content-pad))!important;max-width:calc(var(--modal-pdp-stage-size) + var(--modal-pdp-content-pad))!important;margin:0;flex:1 1 auto;min-width:0;min-height:0;max-height:100%;align-self:center;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.modal-pdp__gallery .modal-pdp__content::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__content>*{margin:0!important}.modal-pdp__gallery.product-media-modal .product-media-modal__content>*+*{margin-top:0!important}.modal-pdp__gallery .modal-pdp__stage{display:block!important;flex-shrink:0;margin:0!important;transform:none;scroll-snap-align:start;scroll-margin-top:0;width:var(--modal-pdp-stage-size)!important;max-width:var(--modal-pdp-stage-size)!important;height:auto!important;max-height:none!important;overflow:hidden;box-sizing:border-box}.modal-pdp__gallery .modal-pdp__stage--square{height:var(--modal-pdp-stage-size)!important;max-height:var(--modal-pdp-stage-size)!important;aspect-ratio:1 / 1}.modal-pdp__gallery .modal-pdp__stage--square>img,.modal-pdp__gallery .modal-pdp__stage--square>.global-media-settings{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:center center;transform:none;display:block}.modal-pdp__gallery .modal-pdp__stage:not(.modal-pdp__stage--square)>img,.modal-pdp__gallery .modal-pdp__stage:not(.modal-pdp__stage--square)>.global-media-settings{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain;object-position:top center;transform:none;display:block}.modal-pdp__gallery .modal-pdp__stage>.deferred-media,.modal-pdp__gallery .modal-pdp__stage>.product-media-modal__model{display:block!important;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:var(--modal-pdp-aspect-ratio, 16 / 9);padding-top:0!important;position:relative;overflow:hidden}.modal-pdp__gallery .modal-pdp__stage--square>.deferred-media,.modal-pdp__gallery .modal-pdp__stage--square>.product-media-modal__model{height:100%;max-height:var(--modal-pdp-stage-size);aspect-ratio:1 / 1}.modal-pdp__gallery .modal-pdp__stage .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.modal-pdp__gallery .modal-pdp__stage .deferred-media__poster img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none;display:block}.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] video,.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] iframe,.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] .js-youtube,.modal-pdp__gallery .modal-pdp__stage .deferred-media[loaded] .js-vimeo{width:100%;height:100%;display:block}}.modal-pdp__gallery .modal-pdp__content>*{display:block;height:auto;margin:0}.modal-pdp__gallery .modal-pdp__content .media{background:none}.modal-pdp__gallery .modal-pdp__content .global-media-settings,.modal-pdp__gallery .modal-pdp__content .global-media-settings img,.modal-pdp__gallery .modal-pdp__content .global-media-settings video,.modal-pdp__gallery .modal-pdp__content .global-media-settings iframe,.modal-pdp__gallery .modal-pdp__content .deferred-media{border:none!important;box-shadow:none!important;outline:none}.modal-pdp__gallery .modal-pdp__content .global-media-settings:after{display:none!important}.modal-pdp__gallery .modal-pdp__content .deferred-media,.modal-pdp__gallery .modal-pdp__content .product-media-modal__model{display:block!important;width:100%}.modal-pdp__gallery .modal-pdp__toggle{border:unset;border-radius:unset;color:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;right:var(--modal-pdp-close-right, 66px);padding:0;position:fixed;z-index:2;top:calc(var(--header-height, 8rem) + var(--modal-pdp-close-top-offset, 1rem));width:var(--modal-pdp-close-size, 30px);height:var(--modal-pdp-close-size, 30px)}.modal-pdp__gallery .modal-pdp__toggle:hover{color:rgba(var(--color-foreground),.75)}.modal-pdp__gallery .modal-pdp__toggle .icon svg{width:var(--modal-pdp-close-size, 30px);height:var(--modal-pdp-close-size, 30px)}@media screen and (max-width:749px){body.modal-pdp-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}.modal-pdp__gallery{top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:-webkit-fill-available;z-index:10000}.modal-pdp__gallery .modal-pdp__toggle{top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/modal-pdp-gallery.css.map */