.ugc-arch-carousel__inner{display:flex;flex-direction:column;gap:1.5rem}.ugc-arch-carousel__heading{text-align:center;margin:0}.ugc-arch-carousel__viewport{position:relative;display:flex;align-items:center}.ugc-arch-carousel__track{display:flex;gap:var(--card-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;margin:0;padding:.5rem;width:100%;scrollbar-width:none;-ms-overflow-style:none}.ugc-arch-carousel__track::-webkit-scrollbar{display:none}.ugc-arch-carousel__card{flex:0 0 calc((100% - (var(--cards-mobile, 1.2) - 1) * var(--card-gap, 16px)) / var(--cards-mobile, 1.2));scroll-snap-align:start}@media screen and (min-width:750px){.ugc-arch-carousel__card{flex-basis:calc((100% - (var(--cards-desktop, 3) - 1) * var(--card-gap, 16px)) / var(--cards-desktop, 3))}}.ugc-arch-carousel__media{position:relative;aspect-ratio:var(--ugc-ratio, 3 / 4);overflow:hidden;border-radius:var(--arch-radius, 320px) var(--arch-radius, 320px) 0 0;background:#8080801f}.ugc-arch-carousel__image,.ugc-arch-carousel__video,.ugc-arch-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-arch-carousel__placeholder-svg{width:100%;height:100%}.ugc-arch-carousel__caption{text-align:center;margin:.5rem 0 0;font-size:.875rem}.ugc-arch-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:var(--color-background, #fff);color:var(--color-foreground, #121212);box-shadow:0 2px 8px #00000026;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ugc-arch-carousel__arrow:hover{box-shadow:0 4px 12px #0003}.ugc-arch-carousel__arrow:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.ugc-arch-carousel__arrow--prev{left:.5rem}.ugc-arch-carousel__arrow--next{right:.5rem}.ugc-arch-carousel__arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}@media screen and (max-width:749px){.ugc-arch-carousel__arrow{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.ugc-arch-carousel__track{scroll-behavior:auto}.ugc-arch-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-ugc-arch-carousel.css.map */