new-media-gallery{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px}.new-media-gallery__desktop-only{display:flex;flex-direction:column;gap:20px}.new-media-gallery__main-image-container{width:100%;border-radius:8px;overflow:hidden;background-color:#f5f5f5;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.new-media-gallery__main-image{width:100%;height:100%;object-fit:contain;display:block}.new-media-gallery__main-video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.new-media-gallery__main-video{width:100%;height:100%;object-fit:contain;display:block;border:none}.new-media-gallery__thumbnails{width:100%;padding:0 40px}.new-media-gallery__thumbnail-button{width:100%;padding:0;border:2px solid transparent;background:transparent;cursor:pointer;border-radius:4px;overflow:hidden;transition:border-color .3s ease;aspect-ratio:1 / 1}.new-media-gallery__thumbnail-button.is-active{border-color:#000}.new-media-gallery__thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.new-media-gallery__thumbnail-inner{position:relative;width:100%;height:100%}.new-media-gallery__video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000008c;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;pointer-events:none}.new-media-gallery__video-badge svg{width:16px;height:16px;margin-left:2px}.new-media-gallery__carousel .splide__slide{opacity:1}.new-media-gallery__carousel .splide__arrow{background:transparent;height:40px;width:40px}.new-media-gallery__carousel .splide__arrow svg{width:40px;height:40px!important;fill:#000}.new-media-gallery__carousel .splide__arrow--prev svg{transform:rotate(180deg)}.new-media-gallery__carousel .splide__arrow--next svg{transform:rotate(359deg)}@media screen and (min-width:769px){.new-media-gallery__mobile-only{display:none!important}}@media screen and (max-width:768px){.new-media-gallery__desktop-only{display:none!important}}.new-media-gallery__mobile-only{padding-left:15px}.new-media-gallery__mobile-image-container{position:relative;width:100%;aspect-ratio:1 / 1;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:10px}.new-media-gallery__mobile-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}.new-media-gallery__mobile-video{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px;border:none;background:#000}.new-media-gallery__main-image-container{position:relative}.new-media-gallery__zoom-icon{position:absolute;top:15px;left:15px;background:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;cursor:pointer;z-index:2}.new-media-gallery__zoom-icon svg{width:16px;height:16px;color:#000}new-media-gallery carousel-component .splide__arrow svg{display:block!important}new-media-gallery carousel-component .splide__arrow--next:before,new-media-gallery carousel-component .splide__arrow--prev:before{display:none!important}new-media-gallery carousel-component{display:block}new-media-gallery carousel-component .splide__arrows{position:absolute;width:120%;display:flex;justify-content:space-between;align-items:center;height:100%;transform:translateY(20px);transform:translate(-55px,20px)}.new-media-gallery__carousel .splide__arrow--next,.new-media-gallery__carousel .splide__arrow--prev{position:static!important}.new-media-gallery__mobile-only carousel-component .splide__pagination{bottom:-2.5rem}.new-media-gallery__mobile-only carousel-component .splide__pagination li .splide__pagination__page{background:transparent;border:1px solid #c12126}.new-media-gallery__mobile-only carousel-component .splide__pagination li .splide__pagination__page.is-active{background:#c12126}.new-media-gallery__main-image-container,.new-media-gallery__mobile-image-container{cursor:zoom-in}.new-media-gallery__modal{background-color:#000000d9;height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1;transition:opacity .3s ease,visibility .3s ease}.new-media-gallery__modal[open]{visibility:visible;opacity:1;z-index:999999}.new-media-gallery__modal-dialog{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;padding:2rem}.new-media-gallery__modal-close{background-color:#fff;border:none;border-radius:50%;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;right:2rem;top:2rem;z-index:2;width:44px;height:44px;padding:0;box-shadow:0 2px 8px #0003;transition:transform .2s ease,background-color .2s ease}.new-media-gallery__modal-close:hover{background-color:#f0f0f0;transform:scale(1.05)}.new-media-gallery__modal-close .icon{height:18px;width:18px;margin:0}.new-media-gallery__modal-content{display:flex;align-items:center;justify-content:center;max-height:90vh;max-width:90vw;width:100%}.new-media-gallery__modal-image{max-height:85vh;max-width:85vw;width:auto;height:auto;object-fit:contain;border-radius:4px;display:block}@media screen and (min-width:769px){.new-media-gallery__modal-close{right:3rem;top:2.5rem}}.new-media-gallery__mobile-only-list{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;scroll-padding-left:0;scroll-padding-right:10vw;margin-left:0;margin-right:0;width:100%;scrollbar-width:none;box-sizing:border-box}.new-media-gallery__mobile-only-list .new-media-gallery__mobile-only-slide{width:100%;min-width:80vw;margin-right:1.5rem}.new-media-gallery__mobile-only .product__media-dots-wrapper{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;position:relative;z-index:10}.new-media-gallery__mobile-only .product__media-dot{width:.625rem;height:.625rem;border-radius:50%;background-color:transparent;border:1px solid #c12126;cursor:pointer;padding:0;transition:background-color .3s ease,border-color .3s ease}.new-media-gallery__mobile-only .product__media-dot.is-active{background-color:#c12126;border-color:#c12126}
/*# sourceMappingURL=/cdn/shop/t/587/assets/new-media-gallery.css.map */