.ironside-ugc-carousel-section{--ugc-gap-desktop:16px;--ugc-gap-mobile:12px;--ugc-radius:18px;--ugc-shadow:0 10px 30px rgba(0,0,0,.14);--ugc-mobile-side-safe:14px;padding:28px 0;width:100%;overflow:hidden;position:relative}.ironside-ugc-carousel__container{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.ironside-ugc-carousel__viewport-wrap{position:relative;width:100%}.ironside-ugc-carousel__viewport{display:flex;gap:var(--ugc-gap-desktop);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-x:contain}.ironside-ugc-carousel__viewport::-webkit-scrollbar{display:none}.ironside-ugc-carousel__card{flex:0 0 calc((100% - (5 * var(--ugc-gap-desktop))) / 5.35);width:calc((100% - (5 * var(--ugc-gap-desktop))) / 5.35);scroll-snap-align:start}.ironside-ugc-carousel__card-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:auto}.ironside-ugc-carousel__media{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--ugc-radius);background:#111;box-shadow:var(--ugc-shadow)}.ironside-ugc-carousel__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.ironside-ugc-carousel__card-button:hover .ironside-ugc-carousel__image{transform:scale(1.03)}.ironside-ugc-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000003d,#0000000d 45%,#0000000f);pointer-events:none}.ironside-ugc-carousel__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));pointer-events:none}.ironside-ugc-carousel__play svg{width:54px;height:54px;display:block}.ironside-ugc-carousel__desktop-next{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:#fffffff0;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 10px 24px #0000002e;transition:opacity .2s ease,transform .2s ease,background .2s ease}.ironside-ugc-carousel__desktop-next:hover{transform:translateY(-50%) scale(1.04);background:#fff}.ironside-ugc-carousel__desktop-next[disabled]{opacity:0;pointer-events:none}.ironside-ugc-carousel__desktop-next svg{width:18px;height:18px}.ironside-ugc-lightbox[hidden]{display:none}.ironside-ugc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s ease;padding:20px;box-sizing:border-box}.ironside-ugc-lightbox.active{opacity:1;pointer-events:auto}.ironside-ugc-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.ironside-ugc-lightbox__dialog{position:relative;z-index:2;width:min(92vw,420px);display:flex;justify-content:center;align-items:center;transform:scale(.94);opacity:0;transition:transform .32s cubic-bezier(.22,.9,.32,1),opacity .25s ease}.ironside-ugc-lightbox.active .ironside-ugc-lightbox__dialog{transform:scale(1);opacity:1}.ironside-ugc-lightbox__video-wrap{position:relative;width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px #00000073}.ironside-ugc-lightbox__video{position:relative;width:100%;height:100%;background:#000}.ironside-ugc-lightbox__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;z-index:1}.ironside-ugc-lightbox__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:999px;background:#0000009e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;transition:background .2s ease,transform .2s ease}.ironside-ugc-lightbox__close:hover{background:#000000c7;transform:scale(1.04)}.ironside-ugc-lightbox__close svg{width:16px;height:16px}.ironside-ugc-lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:999px;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s ease,transform .2s ease}.ironside-ugc-lightbox__arrow:hover{background:#000000b3;transform:translateY(-50%) scale(1.05)}.ironside-ugc-lightbox__arrow svg{width:18px;height:18px}.ironside-ugc-lightbox__arrow--left{left:-60px}.ironside-ugc-lightbox__arrow--right{right:-60px}.ironside-ugc-ui{display:none}.ironside-ugc-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000047;z-index:3;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.ironside-ugc-loader.active{opacity:1;visibility:visible}.ironside-ugc-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:ironside-spin .8s linear infinite;transform:translateZ(0)}@keyframes ironside-spin{to{transform:rotate(360deg)}}html.ironside-ugc-modal-open,body.ironside-ugc-modal-open{overflow:hidden!important}html.ironside-ugc-modal-open .shopify-section,body.ironside-ugc-modal-open .shopify-section{z-index:auto}html.ironside-ugc-modal-open .needsclick,body.ironside-ugc-modal-open .needsclick,html.ironside-ugc-modal-open .intercom-lightweight-app,body.ironside-ugc-modal-open .intercom-lightweight-app,html.ironside-ugc-modal-open .chat-widget,body.ironside-ugc-modal-open .chat-widget,html.ironside-ugc-modal-open .whatsapp-widget,body.ironside-ugc-modal-open .whatsapp-widget,html.ironside-ugc-modal-open .sticky-atc,body.ironside-ugc-modal-open .sticky-atc,html.ironside-ugc-modal-open .loox-float-button,body.ironside-ugc-modal-open .loox-float-button,html.ironside-ugc-modal-open .jdgm-widget-actions-wrapper,body.ironside-ugc-modal-open .jdgm-widget-actions-wrapper{pointer-events:none!important}@media screen and (max-width:989px){.ironside-ugc-carousel-section{padding:24px 0}.ironside-ugc-carousel__container{padding-left:var(--ugc-mobile-side-safe);padding-right:var(--ugc-mobile-side-safe)}.ironside-ugc-carousel__viewport{gap:var(--ugc-gap-mobile);padding-bottom:2px;scroll-snap-type:x proximity}.ironside-ugc-carousel__card{flex:0 0 calc((100% - var(--ugc-gap-mobile)) / 1.18);width:calc((100% - var(--ugc-gap-mobile)) / 1.18)}.ironside-ugc-carousel__desktop-next{display:none}.ironside-ugc-lightbox{padding:0;align-items:stretch;justify-content:stretch}.ironside-ugc-lightbox__dialog{width:100vw;min-height:100dvh;transform:translate(18px);opacity:0;padding:0}.ironside-ugc-lightbox.active .ironside-ugc-lightbox__dialog{transform:translate(0);opacity:1}.ironside-ugc-lightbox__video-wrap{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden}.ironside-ugc-lightbox__close{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;width:40px;height:40px;background:#fffffff0;color:#111;z-index:2147483647}.ironside-ugc-lightbox__close svg{width:16px;height:16px}.ironside-ugc-lightbox__arrow{display:none}.ironside-ugc-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:7;pointer-events:none}.ironside-ugc-ui__arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:999px;background:#00000075;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.ironside-ugc-ui__arrow svg{width:18px;height:18px}.ironside-ugc-ui__arrow--left{left:10px}.ironside-ugc-ui__arrow--right{right:10px}.ironside-ugc-ui__counter{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#0000008c;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/ironside-ugc-carousel.css.map */