.customer-photos-section{position:relative;overflow:hidden}.customer-photos__heading{text-align:center;margin:0 0 .5rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2.8rem;font-weight:700}.customer-photos__subheading{text-align:center;color:rgba(var(--color-foreground),.7);margin:0 0 2.4rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.4rem}.customer-photos{position:relative;width:100%}.customer-photos__list{display:flex;gap:1.2rem;width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;list-style:none;padding:0;margin:0;-ms-overflow-style:none;scrollbar-width:none}.customer-photos__list::-webkit-scrollbar{display:none}.customer-photos__item{flex:0 0 calc((100% - 3.6rem)/4);aspect-ratio:4 / 5;position:relative;overflow:hidden;scroll-snap-align:start;border-radius:.8rem;background:#f5f5f5}.customer-photos__image,.customer-photos__item .placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.customer-photos__caption{display:none}.customer-photos__arrow{position:absolute;top:50%;transform:translateY(-50%);width:4.8rem;height:4.8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:10;box-shadow:0 .4rem 1.5rem #0000001f;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.customer-photos__arrow--prev{left:-2.4rem}.customer-photos__arrow--next{right:-2.4rem}.customer-photos__arrow svg{width:1.6rem;height:1.6rem}.customer-photos__arrow--prev svg{transform:rotate(90deg)}.customer-photos__arrow--next svg{transform:rotate(-90deg)}.customer-photos__arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 .6rem 2rem #0000002e}.customer-photos__button-wrap{width:100%;text-align:center;margin-top:2.4rem}.customer-photos__button-wrap .button{display:inline-flex}@media screen and (min-width:750px)and (max-width:989px){.customer-photos__heading{font-size:2.2rem}.customer-photos__item{flex:0 0 calc((100% - 2.4rem) / 3)}.customer-photos__arrow--prev{left:-2rem}.customer-photos__arrow--next{right:-2rem}}@media screen and (max-width:749px){.customer-photos__heading{font-size:1.7rem}.customer-photos__list{gap:1rem}.customer-photos__item{flex:0 0 calc((100% - 1rem)/2)}.customer-photos__arrow{display:none}.customer-photos__button-wrap{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-customer-photos.css.map */