.customer-gallery{position:relative;color:rgb(var(--color-foreground))}.customer-gallery__header{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.4rem}.customer-gallery__heading,.customer-gallery__text,.customer-gallery-modal__caption{margin:0}.customer-gallery__text{max-width:64rem;color:rgba(var(--color-foreground),.72)}customer-gallery{display:block;position:relative}.customer-gallery__slider{position:relative;overflow:hidden}.customer-gallery__slide{height:auto}.customer-gallery__card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;border-radius:0;color:inherit;background:transparent;font:inherit;text-align:inherit;cursor:pointer}.customer-gallery__media{position:relative;display:block;width:100%;overflow:hidden;background:rgb(var(--color-background-secondary))}.customer-gallery__media--portrait{aspect-ratio:4 / 5}.customer-gallery__media--square{aspect-ratio:1 / 1}.customer-gallery__image{display:block;width:100%;height:100%;object-fit:var(--customer-gallery-image-fit, cover);transition:transform var(--duration-default) ease}.customer-gallery__card:hover .customer-gallery__image{transform:scale(1.02)}.customer-gallery__card:focus-visible{outline:none}.customer-gallery__card:focus-visible .customer-gallery__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.customer-gallery__play{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.82);transform:translate(-50%,-50%);transition:background-color var(--duration-default) ease,transform var(--duration-default) ease;pointer-events:none}.customer-gallery__play .icon,.customer-gallery__play svg{width:1.8rem;height:1.8rem}.customer-gallery__card:hover .customer-gallery__play{background:rgb(var(--color-foreground));transform:translate(-50%,-50%) scale(1.04)}.customer-gallery__caption{display:block;padding-top:1rem;color:rgba(var(--color-foreground),.76)}.customer-gallery__prev,.customer-gallery__next{top:calc(50% - 2rem)}.customer-gallery__prev{left:1.6rem}.customer-gallery__next{right:1.6rem}.customer-gallery-modal:not([open]){display:none}.customer-gallery-modal[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.6rem;color:rgb(var(--color-foreground));background:rgba(var(--color-overlay),.72)}.customer-gallery-modal__dialog{position:relative;width:min(110rem,100%);max-height:calc(100vh - 3.2rem);padding:5.6rem 1.6rem 1.6rem;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 2rem 6rem rgba(var(--color-foreground),.16)}.customer-gallery-modal__close{position:absolute;top:.8rem;right:.8rem;z-index:4;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.customer-gallery-modal__slider{width:100%;max-height:calc(100vh - 10.4rem);overflow:hidden}.customer-gallery-modal__slide{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto}.customer-gallery-modal__media{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;max-height:calc(100vh - 15rem)}.customer-gallery-modal__image,.customer-gallery-modal__video{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 15rem);object-fit:contain}.customer-gallery-modal__video{width:100%;background:rgb(var(--color-foreground))}.customer-gallery-modal__caption{width:100%;padding-top:1.2rem;text-align:center;color:rgba(var(--color-foreground),.76)}.customer-gallery-modal__prev,.customer-gallery-modal__next{top:50%}.customer-gallery-modal__prev{left:1.6rem}.customer-gallery-modal__next{right:1.6rem}.customer-gallery-modal__close:focus-visible,.customer-gallery-modal__prev:focus-visible,.customer-gallery-modal__next:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(min-width:750px){.customer-gallery__header{margin-bottom:3.2rem}.customer-gallery-modal[open]{padding:3.2rem}.customer-gallery-modal__dialog{max-height:calc(100vh - 6.4rem);padding:6.4rem 3.2rem 2.4rem}}@media(min-width:990px){.customer-gallery__header{margin-bottom:4rem}.customer-gallery-modal__dialog{padding-right:7.2rem;padding-left:7.2rem}.customer-gallery-modal__video{width:auto}}@media(prefers-reduced-motion:reduce){.customer-gallery__image,.customer-gallery__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-customer-gallery.css.map */