.community-photos__header{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:60rem;margin:0 auto 4rem}.community-photos__header .title{margin:0 0 1.2rem}@media screen and (max-width:749px){.community-photos__header .title{font-size:clamp(1.3rem,6.8vw,2.6rem);white-space:nowrap}}.community-photos__subheading{color:rgba(var(--color-foreground),.72);font-size:1.6rem;line-height:1.6;margin-bottom:1.6rem}.community-photos__subheading p{margin:0}.community-photos__handle{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1.3rem;color:rgb(var(--color-foreground))}.community-photos__slider{position:relative;display:block}.community-photos__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:.5rem 0 1rem}.community-photos__track::-webkit-scrollbar{display:none}.community-photos__item{flex:0 0 auto;width:44%;scroll-snap-align:start;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.community-photos__item img,.community-photos__item .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.community-photos__track--square .community-photos__item{aspect-ratio:1 / 1}.community-photos__track--portrait .community-photos__item{aspect-ratio:4 / 5}@media screen and (min-width:750px){.community-photos__item{width:28%}}@media screen and (min-width:990px){.community-photos__item{width:18%}}.community-photos__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:none;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.85);box-shadow:0 .2rem .8rem #00000026;cursor:pointer}.community-photos__arrow:hover{color:rgb(var(--color-foreground))}.community-photos__arrow[disabled]{opacity:.35;cursor:not-allowed}.community-photos__arrow--prev{left:.8rem}.community-photos__arrow--next{right:.8rem}.community-photos__arrow .icon{height:.7rem}.community-photos__arrow--next .icon{transform:rotate(-90deg)}.community-photos__arrow--prev .icon{transform:rotate(90deg)}@media screen and (min-width:990px){.community-photos__arrow--prev{left:-2.2rem}.community-photos__arrow--next{right:-2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-community-photos.css.map */