.luxury-lightbox{background-color:rgba(var(--luxury-navy),.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .26s ease,visibility 0s linear .26s,z-index 0s linear .26s}.luxury-lightbox[open]{transition:opacity .26s ease,visibility 0s linear 0s,z-index 0s linear 0s}.luxury-lightbox__dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;box-sizing:border-box;transform:scale(.97);transition:transform .26s ease}.luxury-lightbox[open] .luxury-lightbox__dialog{transform:scale(1)}.luxury-lightbox__close{position:fixed;top:2rem;inset-inline-end:2rem;width:4.4rem;height:4.4rem;padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--luxury-offwhite));color:rgb(var(--luxury-navy));cursor:pointer;z-index:3;transition:opacity var(--luxury-transition-fast, .16s ease)}.luxury-lightbox__close:hover{opacity:.8}.luxury-lightbox__close .icon{width:1.6rem;height:1.6rem}.luxury-lightbox__stage{position:relative;width:100%;max-width:92rem;display:flex;align-items:center;justify-content:center;gap:1.6rem}.luxury-lightbox .luxury-lightbox__stage,.luxury-lightbox .luxury-lightbox__thumbs,.luxury-lightbox .luxury-lightbox__content{direction:ltr!important}.luxury-lightbox__content{position:relative;width:100%;max-height:74vh;display:flex;overflow:auto}.luxury-lightbox__content>*:not(.active):not(.is-leaving){display:none!important}.luxury-lightbox__content.is-sliding,.luxury-lightbox__content.is-popping-back{overflow:hidden}.luxury-lightbox__content.is-sliding>img.active,.luxury-lightbox__content.is-sliding>img.is-leaving{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.luxury-lightbox__content>img.active,.luxury-lightbox__content>img.is-leaving{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;margin:auto;flex-shrink:0;object-fit:contain;cursor:zoom-in;transform:translate(0);transition:transform .32s ease}.luxury-lightbox__content>img.active.is-zoomed{cursor:zoom-out;max-width:none;max-height:none}.luxury-lightbox__content>img.active.is-entering{transform:translate(calc(100% * var(--lightbox-slide-dir, 1)));transition:none}.luxury-lightbox__content>img.is-leaving{transform:translate(calc(-100% * var(--lightbox-slide-dir, 1)))}.luxury-lightbox__content>.deferred-media.active,.luxury-lightbox__content>.product-media-modal__model.active{display:block;width:100%}.luxury-lightbox__arrow{flex:none;width:5rem;height:5rem;padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--luxury-offwhite));color:rgb(var(--luxury-navy));cursor:pointer;transition:opacity var(--luxury-transition-fast, .16s ease)}.luxury-lightbox__arrow:hover{opacity:.8}.luxury-lightbox__arrow .icon{width:1.3rem;height:1.3rem}.luxury-lightbox__arrow--prev .icon{transform:rotate(90deg)}.luxury-lightbox__arrow--next .icon{transform:rotate(-90deg)}.luxury-lightbox__thumbs{display:flex;gap:1rem;margin:2.4rem 0 0;padding:0!important;list-style:none;max-width:92rem;overflow-x:auto}.luxury-lightbox__thumb-item{flex:none}.luxury-lightbox__thumb{display:block;width:6.4rem;height:6.4rem;padding:0;border:1px solid transparent;border-radius:1px;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity var(--luxury-transition-fast, .16s ease),border-color var(--luxury-transition-fast, .16s ease)}.luxury-lightbox__thumb img{display:block;width:100%;height:100%;object-fit:cover}.luxury-lightbox__thumb:hover,.luxury-lightbox__thumb.is-active{opacity:1;border-color:rgb(var(--luxury-offwhite))}@media screen and (max-width:749px){.luxury-lightbox__dialog{padding:1.2rem}.luxury-lightbox__stage{gap:.8rem}.luxury-lightbox__arrow{width:4rem;height:4rem}.luxury-lightbox__thumb{width:5rem;height:5rem}.luxury-lightbox__close{top:1.2rem;inset-inline-end:1.2rem}}@media(prefers-reduced-motion:reduce){.luxury-lightbox,.luxury-lightbox[open],.luxury-lightbox__dialog,.luxury-lightbox[open] .luxury-lightbox__dialog,.luxury-lightbox__content>img.active,.luxury-lightbox__content>img.is-leaving,.luxury-lightbox__content>img.active.is-zoomed{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-luxury-lightbox.css.map */