.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}media-gallery-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:9999;display:none;will-change:opacity,transform}media-gallery-modal[data-modal-component=show]{display:block}.media-gallery-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer;z-index:1}.media-gallery-modal__content{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block;z-index:2;will-change:transform,opacity,filter;backface-visibility:hidden}.media-gallery-modal__close{position:absolute;top:calc(1rem + env(safe-area-inset-top,0));top:calc(16px + env(safe-area-inset-top,0));top:calc(var(--spacing-4, 16px) + env(safe-area-inset-top,0));right:calc(1rem + env(safe-area-inset-right,0));right:calc(16px + env(safe-area-inset-right,0));right:calc(var(--spacing-4, 16px) + env(safe-area-inset-right,0));z-index:20;width:2.75rem;height:2.75rem;background:transparent!important;border:none;border-radius:50%;color:#6b7280!important;color:var(--color-gray-600, #6b7280)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:rotate .5s ease}@media screen and (min-width:768px){.media-gallery-modal__close{color:#000!important;color:var(--color-black, #000)!important}}.media-gallery-modal__close:hover{rotate:180deg}.media-gallery-modal__close svg{width:1.25rem;height:1.25rem}.media-gallery-modal__main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.media-gallery-modal__main-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-gallery-modal__main-swiper{width:100%;height:100%}.media-gallery-modal__main-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.media-gallery-modal__image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box}.media-gallery-modal__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media(min-width:768px){.media-gallery-modal__image{background:#fff;background:var(--color-white, #fff);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}}.media-gallery-modal__nav,.media-gallery-modal__thumbnails{display:none}@media screen and (min-width:768px){.media-gallery-modal__thumbnails{display:block;position:absolute;left:1rem;left:var(--spacing-4, 16px);top:19%;transform:translateY(-50%);width:4.0625rem;height:calc(100vh - 2.625rem);height:calc(100dvh - 2.625rem);max-height:37.5rem;padding:.5rem;padding:var(--spacing-2, 8px);overflow:hidden;z-index:10;background:#ffffff4d;border-radius:.5rem;border-radius:var(--border-radius, 8px);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}}.media-gallery-modal__thumb-swiper{width:100%;height:100%}.media-gallery-modal__thumb-swiper .swiper-slide{height:auto;width:auto;margin-bottom:.5rem;margin-bottom:var(--spacing-2, 8px)}.media-gallery-modal__thumb-swiper .swiper-slide:last-child{margin-bottom:0}.media-gallery-modal__thumb-swiper .swiper-slide-thumb-active .media-gallery-modal__thumb{border-color:#000;border-color:var(--color-black, #000);opacity:1}.media-gallery-modal__thumb{overflow:hidden;cursor:pointer;transition:all .2s ease;opacity:.6}.media-gallery-modal__thumb:hover{opacity:.8}.media-gallery-modal__thumb-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-gallery-modal__counter-separator{margin:0 .25rem;margin:0 var(--spacing-1, 4px);opacity:.7}.media-gallery-modal__pagination{display:flex;align-items:center;justify-content:center;position:absolute;bottom:calc(var(--spacing-3) + env(safe-area-inset-bottom,0));width:100%;z-index:15}.media-gallery-modal__pagination .swiper-pagination{display:flex;align-items:center;gap:var(--spacing-2)}.media-gallery-modal__pagination .swiper-pagination-bullet{display:inline-block;height:.625rem;width:.625rem;border:.0625rem solid var(--color-white);background-color:transparent;border-radius:50%;padding:0;box-shadow:0 0 1.875rem var(--color-transparent-black);cursor:pointer}.media-gallery-modal__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-white)}@media screen and (min-width:768px){.media-gallery-modal__pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/snippet.media-gallery-modal.css.map */