.ugc-video-carousel{background:rgb(var(--color-background));overflow:clip}.ugc-video-carousel__shell{width:min(100%,156rem);margin:0 auto}.ugc-video-carousel__header{max-width:78rem;margin:0 auto 3.2rem;text-align:center}.ugc-video-carousel__eyebrow{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.7);font-size:1.2rem;font-weight:700;letter-spacing:.28rem;text-transform:uppercase}.ugc-video-carousel__heading{margin:0;color:rgb(var(--color-foreground));font-size:clamp(3rem,5vw,5.6rem);line-height:1.02;letter-spacing:-.08rem;text-wrap:balance}.ugc-video-carousel__subheading{margin:1.8rem auto 0;max-width:64rem;color:rgba(var(--color-foreground),.74);font-size:1.8rem;line-height:1.55}.ugc-video-carousel__stage{position:relative;padding:2rem 0}.ugc-video-carousel__track{display:flex;gap:2.4rem;overflow-x:auto;overflow-y:visible;padding:2rem 8rem;scroll-snap-type:x mandatory;scroll-padding-inline:50%;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.ugc-video-carousel__track::-webkit-scrollbar{display:none}.ugc-video-carousel__card{flex:0 0 clamp(22rem,19vw,31rem);scroll-snap-align:center;transition:transform .35s ease,opacity .35s ease,filter .35s ease;opacity:.82;filter:saturate(.92)}.ugc-video-carousel__card.is-active{transform:translateY(-1.2rem) scale(1.055);opacity:1;filter:saturate(1)}.ugc-video-carousel__media{position:relative;overflow:hidden;border-radius:var(--media-radius);aspect-ratio:.68;background:linear-gradient(180deg,#ffffff0f,#fff0 25%),#d9d9d9;box-shadow:0 3rem 6rem #11111124}.ugc-video-carousel__media img,.ugc-video-carousel__media svg{width:100%;height:100%;display:block;object-fit:cover}.ugc-video-carousel__placeholder{width:100%;height:100%;color:rgba(var(--color-foreground),.18)}.ugc-video-carousel__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 42%,#00000029 60%,#000000b8),linear-gradient(180deg,#00000024,#0000 26%);pointer-events:none}.ugc-video-carousel__badge{position:absolute;left:1.8rem;bottom:9.8rem;display:inline-flex;align-items:center;justify-content:center;width:8.8rem;height:8.8rem;padding:1.2rem;border-radius:50%;background:rgb(var(--ugc-badge));color:rgb(var(--ugc-badge-text));font-size:1.3rem;font-weight:700;line-height:1.1;text-align:center;letter-spacing:-.02rem;z-index:2}.ugc-video-carousel__controls{position:absolute;top:1.6rem;right:1.6rem;z-index:2;display:flex;gap:1rem}.ugc-video-carousel__control{width:4.8rem;height:4.8rem;border:0;border-radius:50%;background:#ffffff52;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);transition:background .25s ease,transform .25s ease}.ugc-video-carousel__control:hover{background:#ffffff70;transform:translateY(-.1rem)}.ugc-video-carousel__control:disabled{opacity:.6;cursor:default}.ugc-video-carousel__control svg{width:1.9rem;height:1.9rem}.ugc-video-carousel__meta{position:absolute;right:2rem;bottom:2rem;left:2rem;z-index:2;color:#fff}.ugc-video-carousel__name{margin:0;font-size:clamp(2.2rem,2.8vw,4rem);font-weight:500;letter-spacing:-.04rem;line-height:1.05}.ugc-video-carousel__role{margin:.8rem 0 0;color:#ffffffdb;font-size:1.5rem;line-height:1.3}.ugc-video-carousel__stars{display:flex;gap:.15rem;margin-top:1.4rem;line-height:1}.ugc-video-carousel__star{display:inline-flex;color:#ffffff52;font-size:2rem}.ugc-video-carousel__star.is-full{color:#fff}.ugc-video-carousel__star.is-half{color:transparent;background:linear-gradient(90deg,#fff 50%,#ffffff52 50%);-webkit-background-clip:text;background-clip:text}.ugc-video-carousel__arrow{position:absolute;top:50%;z-index:3;width:6.2rem;height:6.2rem;border:0;border-radius:50%;background:rgb(var(--ugc-arrow-background));color:rgb(var(--ugc-arrow-text));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1.8rem 3rem #1111112e;transform:translateY(-50%);transition:transform .25s ease,background .25s ease}.ugc-video-carousel__arrow:hover{transform:translateY(-50%) scale(1.04)}.ugc-video-carousel__arrow--prev{left:1rem}.ugc-video-carousel__arrow--next{right:1rem}.ugc-video-carousel__arrow svg{width:1.8rem;height:1.8rem}.ugc-video-carousel__mockup{position:absolute;right:3rem;bottom:-7.6rem;z-index:2;width:min(29rem,26vw)}.ugc-video-carousel__mockup-device{position:relative;border-radius:calc(var(--media-radius) + .6rem);background:#050505;padding:1.5rem .8rem .8rem;box-shadow:0 2.8rem 5.2rem #0000003d}.ugc-video-carousel__mockup-device:before{content:"";position:absolute;top:.7rem;left:50%;width:7rem;height:.6rem;border-radius:999px;background:#ffffffeb;transform:translate(-50%)}.ugc-video-carousel__mockup-device:after{content:"";position:absolute;top:.62rem;left:calc(50% - 4.8rem);width:.8rem;height:.8rem;border-radius:50%;background:#fffffff2}.ugc-video-carousel__mockup-screen{overflow:hidden;border-radius:var(--media-radius);aspect-ratio:.53;background:#101010}.ugc-video-carousel__mockup-screen .ugc-video-carousel__media{height:100%;border-radius:0;box-shadow:none}.ugc-video-carousel__dialog{width:min(100vw,100rem);max-width:100rem;padding:0;border:0;background:transparent}.ugc-video-carousel__dialog::backdrop{background:#111111d6}.ugc-video-carousel__dialog-inner{position:relative;width:min(92vw,48rem);margin:0 auto}.ugc-video-carousel__dialog-close{position:absolute;top:-4.8rem;right:0;width:4rem;height:4rem;border:0;border-radius:50%;background:#ffffff24;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ugc-video-carousel__dialog-close svg{width:1.6rem;height:1.6rem}.ugc-video-carousel__dialog-media{overflow:hidden;border-radius:var(--popup-corner-radius);background:#000;box-shadow:0 2.4rem 6rem #00000052}.ugc-video-carousel__dialog-media iframe,.ugc-video-carousel__dialog-media video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;border:0;object-fit:cover;background:#000}@media screen and (max-width:989px){.ugc-video-carousel__stage{padding-bottom:2rem}.ugc-video-carousel__track{gap:1.6rem;padding-inline:2rem}.ugc-video-carousel__card{flex-basis:min(78vw,31rem)}.ugc-video-carousel__card.is-active{transform:none}.ugc-video-carousel__arrow,.ugc-video-carousel__mockup{display:none}}@media screen and (max-width:749px){.ugc-video-carousel__header{margin-bottom:2.4rem}.ugc-video-carousel__subheading{font-size:1.6rem}.ugc-video-carousel__track{gap:1.2rem;padding-inline:1.6rem;scroll-padding-inline:1.6rem}.ugc-video-carousel__card{flex-basis:min(84vw,32rem)}.ugc-video-carousel__media{border-radius:var(--media-radius)}.ugc-video-carousel__badge{left:1.4rem;bottom:8.6rem;width:7.2rem;height:7.2rem;font-size:1.1rem}.ugc-video-carousel__controls{top:1.2rem;right:1.2rem}.ugc-video-carousel__control{width:4.2rem;height:4.2rem}.ugc-video-carousel__meta{right:1.6rem;bottom:1.6rem;left:1.6rem}.ugc-video-carousel__name{font-size:2.6rem}.ugc-video-carousel__role{font-size:1.3rem}.ugc-video-carousel__dialog-close{top:-4.2rem}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-ugc-video-carousel.css.map */