.pdp-media-gallery{opacity:0;transition:opacity .5s ease-in-out;min-height:1px;visibility:visible;position:relative;min-width:100%}.pdp-media-gallery.fade-in{opacity:1}.pdp-media-gallery.fade-in:before{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdp-media-gallery *{transition:opacity .3s ease-in-out}@media (prefers-reduced-motion: no-preference){.pdp-media-gallery{animation:fallback-fade-in 2s ease-in-out forwards}}@keyframes fallback-fade-in{0%{opacity:0}to{opacity:1}}.mobile-slider-wrapper{display:block}@media only screen and (min-width: 799px){.mobile-slider-wrapper{display:none!important}}.desktop-slider{display:none}@media only screen and (min-width: 799px){.desktop-slider{display:block!important}}.pdp-media-gallery .desktop-slider.images-1 .images-grid{display:flex;justify-content:center;align-items:center;min-height:600px}.pdp-media-gallery .desktop-slider.images-1 .grid-item-1{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1 / 1}.pdp-media-gallery .desktop-slider.images-1 .grid-item-1 img{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .desktop-slider .images-grid.images-1 .placeholder-image{display:none!important}.pdp-media-gallery .mobile-slider .placeholder-slide{opacity:0;pointer-events:none;position:absolute;left:-9999px}.pdp-media-gallery .mobile-slider .placeholder-slide img{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px}.desktop-slider .images-grid img{opacity:1!important;visibility:visible!important}.pdp-media-gallery .mobile-slider .slider-item{overflow:hidden;margin-inline:2.5px;width:236px;aspect-ratio:236 / 258}.pdp-media-gallery .mobile-slider.images-1 .slider-item{width:100%}.pdp-media-gallery .mobile-slider .slider-item img,.pdp-media-gallery .mobile-slider .slider-item video{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .mobile-slider .slider-item video{object-fit:contain}.pdp-media-gallery .desktop-slider #main-slider,.pdp-media-gallery .desktop-slider #thumbnail-slider,.pdp-media-gallery .desktop-slider{display:none}.pdp-media-gallery .modal.hidden{display:none;opacity:0}.pdp-media-gallery .modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;z-index:10001}.pdp-media-gallery .modal-content{position:sticky;max-width:90%;max-height:90%;margin-top:30px;margin-bottom:30px;top:100px}.pdp-media-gallery .modal-content img{max-width:100%;max-height:100%;display:block;margin:0 auto}.pdp-media-gallery .modal-content video{max-width:100%;display:block;margin:0 auto;width:auto;height:auto;max-height:100%;object-fit:contain}.pdp-media-gallery .modal-video{width:100%;height:auto;max-height:80vh;object-fit:contain}.pdp-media-gallery .close-modal{position:absolute;top:10px;right:10px;font-size:30px;color:#fff;cursor:pointer;background:#00000080;padding:0 .35rem .25rem;border:none;z-index:1000}.pdp-media-gallery .modal-enter{display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.9)}.pdp-media-gallery .modal-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.pdp-media-gallery .modal-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.pdp-media-gallery .slider-item{position:relative;z-index:10000!important}.pdp-media-gallery .grid-item-1{position:relative}@media (min-width: 992px){.pdp-media-gallery .desktop-slider #main-slider{display:block;width:581px}.pdp-media-gallery .desktop-slider #thumbnail-slider{display:block}.pdp-media-gallery .mobile-slider{display:none}.pdp-media-gallery .desktop-slider{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pdp-media-gallery .desktop-slider #main-slider img,.pdp-media-gallery .desktop-slider #main-slider video{height:793px;width:581px;object-fit:contain}.pdp-media-gallery .desktop-slider #thumbnail-slider{margin-right:18px}.pdp-media-gallery .modal-content{max-height:fit-content}.pdp-media-gallery .desktop-slider .images-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.pdp-media-gallery .desktop-slider .images-grid.images-1{display:flex!important;justify-content:center!important;align-items:center!important;min-height:600px;grid-template-columns:1fr!important;grid-template-rows:1fr!important;grid-auto-flow:row!important;position:relative!important;gap:0!important}.pdp-media-gallery .desktop-slider .images-grid.images-1 .grid-item-1{width:100%;height:auto;aspect-ratio:1 / 1;grid-column:1!important;grid-row:1!important;margin:0 auto!important;position:relative!important;z-index:1!important}.pdp-media-gallery .desktop-slider .images-grid.images-1 .grid-item-1 img{width:100%;height:100%;object-fit:contain;display:block!important}.pdp-media-gallery .desktop-slider .images-grid.images-1 .placeholder-image{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important;z-index:-1!important;width:0!important;height:0!important;overflow:hidden!important}.pdp-media-gallery .desktop-slider .images-grid.images-1 .placeholder-image{grid-column:unset!important;grid-row:unset!important;grid-area:unset!important}.pdp-media-gallery .desktop-slider .images-grid.images-2{grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit,19.17vw);gap:10px}.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-1{grid-column:1;grid-row:1 / 3;overflow:hidden}.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-2{grid-column:2;grid-row:1;overflow:hidden}.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-3{grid-column:2;grid-row:2;overflow:hidden}.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-1 img,.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-2 img,.pdp-media-gallery .desktop-slider .images-grid.images-2 .grid-item-3 img{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .desktop-slider .images-grid.images-2 .placeholder-image{display:block}.pdp-media-gallery .desktop-slider .images-grid.images-2 .placeholder-image img{border-radius:8px;object-fit:contain;scale:.5}.pdp-media-gallery .desktop-slider .images-grid.images-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pdp-media-gallery .desktop-slider .images-grid:not(.images-1):not(.images-2){grid-template-columns:1fr 1fr}@media (min-width: 992px) and (max-width: 1199px){.pdp-media-gallery .desktop-slider .images-grid.images-2{gap:10px}}.pdp-media-gallery .desktop-slider .images-grid-bottom{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit,max(350px,1fr));margin-top:10px;width:100%;gap:10px}.pdp-media-gallery .desktop-slider .images-grid img,.pdp-media-gallery .desktop-slider .images-grid video{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .desktop-slider .video-container{position:relative;cursor:pointer;width:100%;height:100%}.pdp-media-gallery .desktop-slider .desktop-video{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .desktop-slider .video-container{overflow:hidden}.pdp-media-gallery .desktop-slider .images-grid[class*=images-]:not(.images-1):not(.images-2):not(.images-3):not(.images-4){grid-template-rows:repeat(auto-fit,19.17vw);grid-auto-rows:19.17vw}.pdp-media-gallery .desktop-slider .images-grid.images-1 [class*=grid-item-]{grid-column:1 / 3;width:100%}.pdp-media-gallery .desktop-slider [class*=grid-item-]:nth-child(4n+1):not(.images-1 *){grid-column:1 / 3;grid-row:span 2}.pdp-media-gallery .desktop-slider [class*=grid-item-]:nth-child(4n+2):not(.images-1 *){grid-column:1 / 2;grid-row:span 2}.pdp-media-gallery .desktop-slider [class*=grid-item-]:nth-child(4n+3):not(.images-1 *){grid-column:2 / 3;grid-row:span 1}.pdp-media-gallery .desktop-slider [class*=grid-item-]:nth-child(4n):not(.images-1 *){grid-column:2 / 3;grid-row:span 1}.pdp-media-gallery .desktop-slider [class*=grid-item-] img,.pdp-media-gallery .desktop-slider [class*=grid-item-] video{width:100%;height:100%;object-fit:contain}.pdp-media-gallery .desktop-slider [class*=grid-item-]{overflow:hidden}.pdp-media-gallery .desktop-slider .images-grid-bottom{display:none}}@media (min-width: 992px) and (max-width: 1199px){.pdp-media-gallery .desktop-slider #main-slider{width:400px}.pdp-media-gallery .desktop-slider #main-slider img,video{height:600px;width:400px}}.pdp-media-gallery .mobile-slider.images-1 .placeholder-slide{opacity:0;pointer-events:none;position:absolute;left:-9999px}.pdp-media-gallery .mobile-slider.images-2 .placeholder-slide{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/105/assets/pdp-media-gallery.css.map */