.ugc-section{padding:var(--section-padding-top, 3.6rem) 0 var(--section-padding-bottom, 3.6rem)}.ugc-section .section-header{margin-bottom:4rem}.ugc-title{margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.ugc-subtitle{font-size:1.6rem;color:rgba(var(--color-foreground),.75);margin:0}.ugc-carousel-container{position:relative;margin:0 -1rem}ugc-carousel{display:block;position:relative;margin:0 -1rem}.ugc-item.clone{pointer-events:none}.ugc-carousel{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 5rem 2rem;margin:0 -5rem;transition:padding .3s ease,justify-content .3s ease}.ugc-carousel::-webkit-scrollbar{display:none}.ugc-item{flex:0 0 28rem;height:40rem;border-radius:1.6rem;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s var(--animation-curve-fast-out-slow-in);background:rgba(var(--color-foreground),.04)}.ugc-item:hover{transform:scale(1.02)}.ugc-video-container{position:relative;width:100%;height:100%}.ugc-media{width:100%;height:100%;object-fit:cover;border-radius:1.6rem}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;background:rgba(var(--color-background),.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--animation-curve-fast-out-slow-in);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:rgb(var(--color-foreground))}.play-button:hover{background:rgb(var(--color-background));transform:translate(-50%,-50%) scale(1.1)}.ugc-attribution{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background:rgba(var(--color-background),.9);padding:.8rem 1.2rem;border-radius:.8rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);display:flex;align-items:center;justify-content:space-between;font-size:1.4rem}.ugc-username{font-weight:500;color:rgb(var(--color-foreground))}.ugc-platform{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.ugc-overlay{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;background:rgba(var(--color-background),.9);padding:1rem 1.5rem;border-radius:.8rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.ugc-overlay-text{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));margin:0;line-height:1.4}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--animation-curve-fast-out-slow-in);color:rgb(var(--color-foreground));z-index:2;box-shadow:0 .2rem .4rem rgba(var(--color-foreground),.1)}.carousel-nav:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-50%) scale(1.1)}.carousel-prev{left:1rem}.carousel-next{right:1rem}@media screen and (max-width: 749px){.ugc-carousel{padding:0 2rem 2rem!important;margin:0 -2rem;gap:1.5rem;justify-content:flex-start!important}.ugc-item{flex:0 0 26rem;height:36rem}.carousel-nav{width:4rem;height:4rem}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}.ugc-attribution{bottom:1rem;left:1rem;right:1rem;padding:.6rem 1rem}.ugc-overlay{top:1rem;left:1rem;right:1rem;padding:.8rem 1.2rem}}@media screen and (max-width: 549px){.ugc-item{flex:0 0 24rem;height:32rem}.ugc-section .section-header{margin-bottom:3rem}}@media screen and (max-width: 389px){.ugc-item{flex:0 0 22rem;height:30rem}.ugc-carousel{gap:1rem}}.ugc-item video{cursor:pointer}.ugc-item video:hover+.play-button{opacity:.8}.ugc-item:focus-within{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.play-button:focus{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.carousel-nav:focus{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-ugc-carousel.css.map */