.ugc-image-carousel{position:relative;width:100%;box-sizing:border-box;background-color:var(--ugc-bg, transparent);padding-top:var(--ugc-pt-mobile, 40px);padding-bottom:var(--ugc-pb-mobile, 40px)}@media(min-width:750px){.ugc-image-carousel{padding-top:var(--ugc-pt-desktop, 60px);padding-bottom:var(--ugc-pb-desktop, 60px)}}.ugc-image-carousel__inner{position:relative;width:100%;max-width:var(--ugc-max-width, 100%);margin:0 auto;box-sizing:border-box}.ugc-image-carousel--full .ugc-image-carousel__inner{max-width:100%}.ugc-image-carousel__viewport{position:relative;width:100%;overflow:hidden}.ugc-image-carousel__track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--ugc-gap, 16px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 clamp(16px,4vw,32px);scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.ugc-image-carousel__track::-webkit-scrollbar{display:none;width:0;height:0}.ugc-image-carousel__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.ugc-image-carousel__slide{flex:0 0 auto;width:var(--ugc-img-width-mobile, 78vw);height:var(--ugc-img-height-mobile, 460px);scroll-snap-align:start;border-radius:var(--ugc-radius, 24px);overflow:hidden;background-color:#f2f2f2;position:relative}@media(min-width:750px){.ugc-image-carousel__slide{width:var(--ugc-img-width-desktop, 360px);height:var(--ugc-img-height-desktop, 480px)}}.ugc-image-carousel__slide a,.ugc-image-carousel__slide picture,.ugc-image-carousel__slide img{display:block;width:100%;height:100%}.ugc-image-carousel__slide img{object-fit:cover;object-position:center center;border-radius:inherit;pointer-events:none;-webkit-user-drag:none;user-drag:none}.ugc-image-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ececec;color:#b5b5b5}.ugc-image-carousel__placeholder svg{width:60%;height:60%;max-width:200px;max-height:200px}.ugc-image-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--ugc-btn-size, 48px);height:var(--ugc-btn-size, 48px);border-radius:50%;border:none;background-color:var(--ugc-btn-bg, #ffffff);color:var(--ugc-btn-icon, #111111);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px #0000001f,0 1px 3px #00000014;z-index:3;padding:0;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}.ugc-image-carousel__nav:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 10px 24px #00000029,0 2px 4px #0000001a}.ugc-image-carousel__nav:focus{outline:none;box-shadow:0 0 0 3px #00000026,0 6px 18px #0000001f}.ugc-image-carousel__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ugc-image-carousel__nav[disabled],.ugc-image-carousel__nav.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ugc-image-carousel__nav svg{width:50%;height:50%;display:block;pointer-events:none}.ugc-image-carousel__nav--prev{left:clamp(8px,2vw,24px)}.ugc-image-carousel__nav--next{right:clamp(8px,2vw,24px)}@media(max-width:749px){.ugc-image-carousel__nav{width:calc(var(--ugc-btn-size, 48px) * .85);height:calc(var(--ugc-btn-size, 48px) * .85)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ugc-image-carousel.css.map */