.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%;overflow:hidden}@media screen and (min-width:750px){.modal-pdp__gallery .modal-pdp__desktop-inner{flex-direction:row;align-items:stretch}}.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:absolute;top:0;left:0;right:0;bottom:0;padding:0;margin:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.modal-pdp__gallery .modal-pdp__content>*:not(.active){display:none!important}.modal-pdp__gallery .modal-pdp__content>*.active{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;pointer-events:auto}.modal-pdp__gallery .modal-pdp__content>img.active{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.modal-pdp__gallery .modal-pdp__content>*.active img,.modal-pdp__gallery .modal-pdp__content .active img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;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:65px;min-width:65px;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-bottom:20px}.modal-pdp__gallery .modal-pdp__thumbnails::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__thumb{flex-shrink:0;width:39.595px;height:59.393px;min-width:39.595px;min-height:59.393px;padding:0;border:none;border-radius:var(--media-radius, .2rem);box-sizing:border-box;overflow:hidden}.modal-pdp__gallery .modal-pdp__thumb.is-active{width:57px;height:85.5px;min-width:57px;min-height:85.5px;border:.435px solid var(--Primary-02, #FFF)}.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{width:30px;height:30px}}@media screen and (min-width:750px){.modal-pdp__gallery .modal-pdp__thumbnails{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:200px;padding-left:76px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;-webkit-overflow-scrolling:touch;padding-bottom:20px;margin-top:2rem;padding-right:7px}.modal-pdp__gallery .modal-pdp__thumbnails::-webkit-scrollbar{display:none}.modal-pdp__gallery .modal-pdp__thumb{flex-shrink:0;width:91px;height:137px;padding:0;border:.15rem solid transparent;background:none;cursor:pointer;overflow:hidden;opacity:.6;transition:width .3s ease,height .3s ease,border-color .25s ease,opacity .25s ease}.modal-pdp__gallery .modal-pdp__thumb:hover{opacity:.85}.modal-pdp__gallery .modal-pdp__thumb.is-active{width:131px;height:196px;opacity:1;border:1px solid #000}.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 .modal-pdp__content>*:not(.active){display:none}@media screen and (min-width:750px){.modal-pdp__gallery.modal-pdp__gallery--fullscreen{top:0;height:100vh}.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__content>*.active img,.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__content .active img{max-height:calc(100vh - 4rem)}.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__content .active .deferred-media,.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__content .active .product-media-modal__model{max-height:calc(100vh - 4rem)}.modal-pdp__gallery.modal-pdp__gallery--fullscreen .modal-pdp__toggle{top:1rem}.modal-pdp__gallery .modal-pdp__content{padding:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden;width:fit-content;max-width:50%;margin:auto}.modal-pdp__gallery .modal-pdp__content>*:not(.active){display:none!important}.modal-pdp__gallery .modal-pdp__content>*{transition:opacity .25s ease}.modal-pdp__gallery .modal-pdp__content>*.active{margin:0;max-width:843px;height:-webkit-fill-available;height:stretch;object-fit:contain}.modal-pdp__gallery .modal-pdp__content>*.active img,.modal-pdp__gallery .modal-pdp__content .active img{max-width:100%;max-height:calc(100vh - var(--header-height, 8rem) - 4rem);width:auto;height:auto;object-fit:contain}.modal-pdp__gallery .modal-pdp__content .active .deferred-media,.modal-pdp__gallery .modal-pdp__content .active .product-media-modal__model{max-width:100%;max-height:calc(100vh - var(--header-height, 8rem) - 4rem);width:100%;display:flex;align-items:center;justify-content:center}.modal-pdp__gallery .modal-pdp__toggle{right:24px;top:calc(var(--header-height, 8rem) + 1rem)}}.modal-pdp__gallery .modal-pdp__content>*{display:block;height:auto;margin:auto}.modal-pdp__gallery .modal-pdp__content .media{background:none}.modal-pdp__gallery .modal-pdp__content .deferred-media{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:24px;padding:0;position:fixed;z-index:2;top:calc(var(--header-height, 8rem) + 1rem);width:30px;height:30px}.modal-pdp__gallery .modal-pdp__toggle:hover{color:rgba(var(--color-foreground),.75)}.modal-pdp__gallery .modal-pdp__toggle .icon svg{width:30px;height:30px}@media screen and (min-width:1289px){.modal-pdp__gallery .modal-pdp__toggle{right:calc((100vw - 1288px)/2 + 24px)}}@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/104/assets/modal-pdp-gallery.css.map */