.social-ugc-carousel__wrapper{position:relative;margin-inline:calc(-2 * var(--page-padding, 1.5rem));padding-inline:var(--page-padding, 1.5rem);padding:2rem}.social-ugc-carousel__slider{overflow:hidden;width:100%}.social-ugc-carousel__slider .swiper-wrapper{display:flex;align-items:stretch}.social-ugc-carousel__slide{height:auto;box-sizing:border-box;flex-shrink:0;min-width:0;width:min(280px,85vw)}@media(min-width:768px){.social-ugc-carousel__slide{width:min(260px,28vw)}}@media(min-width:1024px){.social-ugc-carousel__slide{width:100%;max-width:368px}}.social-ugc-carousel__slide-inner{display:flex;flex-direction:column;height:100%;background:rgb(var(--color-background));max-width:100%}.social-ugc-carousel__media{position:relative;width:100%;aspect-ratio:var(--ugc-aspect-ratio, 9/16);background:rgba(var(--color-foreground),.06);border-radius:var(--blocks-radius, .8rem);overflow:hidden;cursor:pointer}.social-ugc-carousel__media video-element{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.social-ugc-carousel__media video-element img{filter:brightness(1.2);transition:filter .3s ease-in-out}.social-ugc-carousel__media:hover video-element img{filter:brightness(1)!important}.social-ugc-carousel__media .media__play-button{background-color:rgba(var(--play-button-backgroud, var(--play-background)),var(--play-button-opacity, .5))}.social-ugc-carousel__media:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.social-ugc-carousel__media:focus:not(:focus-visible){outline:none}.social-ugc-carousel__img{width:100%;height:100%;object-fit:cover;display:block}.social-ugc-carousel__placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08)}.social-ugc-carousel__placeholder-img .placeholder-svg{width:40%;height:auto;opacity:.4}.social-ugc-carousel__footer{padding:2rem;flex:0 0 auto;bottom:0;width:100%}.social-ugc-carousel__products-row{display:flex;align-items:center;gap:.8rem;min-height:3.6rem}.social-ugc-carousel__products{list-style:none;margin:0;padding:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:.8rem}.social-ugc-carousel__products--collapsible:not(.social-ugc-carousel__products--expanded) .social-ugc-carousel__product-item~.social-ugc-carousel__product-item{display:none}.social-ugc-carousel__product-item{min-width:0}.social-ugc-carousel__product-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:rgb(var(--color-foreground));min-width:0;width:100%}.social-ugc-carousel__product-link:hover{text-decoration:underline}.social-ugc-carousel__product-thumb{flex-shrink:0;display:block;width:3.6rem;height:3.6rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.4rem;overflow:hidden}.social-ugc-carousel__product-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.social-ugc-carousel__product-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;flex:1}.social-ugc-carousel__product-title{font-weight:500;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.social-ugc-carousel__products-expand{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;margin:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.social-ugc-carousel__products-expand:hover{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.05)}.social-ugc-carousel__products-expand:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.social-ugc-carousel__products-expand-icon .icon{width:1.25rem;height:1.25rem;display:block}.social-ugc-carousel__shop-now{font-size:.9em;text-decoration:underline;color:rgb(var(--color-link))}@media(max-width:767.98px){.social-ugc-carousel__wrapper{margin-inline:calc(-1 * var(--page-padding-mobile, 1.5rem));padding-inline:var(--page-padding-mobile, 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/775/assets/section-social-ugc-carousel.css.map */
