.sophior-lightbox{--sophior-lightbox-size: min( calc(100vw - 4rem) , calc(100vh - 8rem) , 800px)}@media screen and (max-width:749px){.sophior-lightbox{--sophior-lightbox-size: min( calc(100vw - 2rem) , calc(100vh - 6rem) )}}.sophior-lightbox.product-media-modal{background-color:var(--sophior-white)}.sophior-lightbox .product-media-modal__dialog{background:var(--sophior-white);height:100vh;width:100%;position:relative;padding:0;margin:0;max-width:100%}.sophior-lightbox .product-media-modal__content{width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;background:var(--sophior-white);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;scrollbar-width:none;-ms-overflow-style:none}.sophior-lightbox .product-media-modal__content::-webkit-scrollbar{display:none}.sophior-lightbox .product-media-modal__content>*{flex:0 0 100%;min-width:100%;width:100%;height:100vh;margin:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;content-visibility:auto;contain-intrinsic-size:100vw 100vh}.sophior-lightbox .product-media-modal__content>img{display:block!important;padding:calc((100vh - var(--sophior-lightbox-size)) / 2) calc((100vw - var(--sophior-lightbox-size)) / 2);object-fit:cover;object-position:center;background:var(--sophior-white);transform:translateZ(0)}.sophior-lightbox .product-media-modal__content>:not(img){display:flex!important;align-items:center;justify-content:center;padding:0}.sophior-lightbox .product-media-modal__content .media{background:transparent;width:var(--sophior-lightbox-size);height:var(--sophior-lightbox-size);max-width:var(--sophior-lightbox-size);max-height:var(--sophior-lightbox-size);aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sophior-lightbox .product-media-modal__content .media img,.sophior-lightbox .product-media-modal__content .media video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;transform:translateZ(0)}.sophior-lightbox__counter{position:fixed;top:20px;left:24px;z-index:110;color:var(--sophior-cream);font-family:var(--sophior-font-body);font-size:.875rem;font-weight:500;background:var(--sophior-dark-green);padding:.625rem 1.25rem;min-height:44px;display:flex;align-items:center;border-radius:20px;box-shadow:0 2px 8px #0003;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.sophior-lightbox__close{position:fixed!important;top:16px!important;right:20px!important;left:auto!important;z-index:110;width:48px!important;height:48px!important;border-radius:50%!important;background:var(--sophior-dark-green)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:none!important;color:var(--sophior-cream);box-shadow:0 2px 8px #0003;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:background .2s;padding:0!important}.sophior-lightbox__close:hover{background:var(--sophior-mid-green)!important}.sophior-lightbox__close svg{width:24px;height:24px;stroke:var(--sophior-cream)}.sophior-lightbox__prev,.sophior-lightbox__next{position:fixed;top:50%;transform:translateY(-50%);z-index:110;width:48px;height:48px;border-radius:50%;background:var(--sophior-dark-green);border:none;color:var(--sophior-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;box-shadow:0 2px 8px #0003}.sophior-lightbox__prev:hover,.sophior-lightbox__next:hover{background:var(--sophior-mid-green)}.sophior-lightbox__prev{left:20px}.sophior-lightbox__next{right:20px}.sophior-lightbox__prev svg,.sophior-lightbox__next svg{stroke:var(--sophior-cream)}@media screen and (max-width:749px){.sophior-lightbox__prev,.sophior-lightbox__next{display:none}.sophior-lightbox__counter{top:16px;left:16px;font-size:.8125rem;padding:.5rem 1rem;min-height:44px}.sophior-lightbox__close{top:12px!important;right:12px!important;width:44px!important;height:44px!important}}@media(prefers-reduced-motion:reduce){.sophior-lightbox .product-media-modal__content{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sophior-lightbox.css.map */