.ugc-videos{--swiper-button-background: 139, 160, 17;--swiper-button-color: 253, 253, 252;--swiper-navigation-size: 3.4rem;--swiper-navigation-sides-offset: 16px;--ugc-below-media: 102px;--ugc-scroll-space: 25px;--swiper-navigation-top-offset: calc(50% - (var(--ugc-below-media) + var(--ugc-scroll-space)) / 2);overflow:hidden}.ugc-videos--no-info{--ugc-below-media: 0px}.ugc-videos__inner{display:flex;flex-direction:column;gap:2.4rem}.ugc-videos__intro{display:flex;flex-direction:column;gap:1.4rem}.ugc-videos__heading{margin:0;font-size:var(--h2-size-mobile);font-weight:var(--weight-bold);line-height:var(--lh-100);letter-spacing:var(--ls-px-negative-044);text-transform:uppercase;color:var(--color-forest)}.ugc-videos__description,.ugc-videos__description p{margin:0;font-size:var(--text-14-size);font-weight:var(--weight-medium);line-height:var(--lh-148);color:var(--color-forest)}.ugc-videos__slider{width:100%;overflow:hidden;padding-bottom:var(--ugc-scroll-space)}.ugc-videos__slides{list-style:none;margin:0;padding:0}.ugc-videos__slide{height:auto}.ugc-card{display:flex;flex-direction:column;gap:1.6rem}.ugc-card__media{position:relative;display:block;aspect-ratio:2 / 3;border-radius:var(--border-2);overflow:hidden;background-color:var(--color-soft-beige)}.ugc-card__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-card__media video,.ugc-card__media .ugc-card__cover,.ugc-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-card__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ugc-card__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;pointer-events:none}.ugc-card__play,.ugc-card__sound{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;transition:var(--transition-default)}.ugc-card__play{top:0;right:0;bottom:0;left:0;margin:auto;width:48px;height:48px;background-color:transparent}.ugc-card__play[hidden]{display:none}.ugc-card__play svg{width:100%;height:100%}.ugc-card__sound{right:10px;bottom:10px;width:26px;height:26px;border-radius:var(--border-full);background-color:#cac7c899;color:var(--color-white)}.ugc-card__sound:hover{background-color:#cac7c8d9}.ugc-card__sound-icon{display:flex;align-items:center;justify-content:center;width:13px;height:11px}.ugc-card__sound-icon[hidden]{display:none}.ugc-card__sound-icon svg{width:100%;height:100%}.ugc-card__product{display:flex;gap:1rem;padding-top:10px;padding-right:10px;border-top:1px solid var(--color-lightgray-200)}.ugc-card__product-media{flex-shrink:0;display:block;width:64px;height:76px;border-radius:var(--border-2);overflow:hidden;background-color:var(--color-soft-beige)}.ugc-card__product-media img,.ugc-card__product-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.ugc-card__product-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:.8rem}.ugc-card__product-title{font-size:var(--text-13-size);font-weight:var(--weight-regular);line-height:var(--lh-150);color:var(--color-forest);text-decoration:none}.ugc-card__product-title:hover{text-decoration:underline}.ugc-card__product-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem}.ugc-card__price.price{font-size:var(--text-12-size);font-weight:var(--weight-medium);line-height:var(--lh-150);color:var(--color-forest)}.ugc-card__price .price__container{display:flex;flex-wrap:wrap;gap:0 .4rem}.ugc-card__price .price-item{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.ugc-card__form{display:block;flex-shrink:0}.ugc-card__form .form,.ugc-card__form form{margin:0}.ugc-card__add{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-4);background-color:var(--color-medium-green);color:var(--color-white);cursor:pointer;transition:var(--transition-default)}.ugc-card__add:hover{background-color:var(--color-dark-green)}.ugc-card__add svg{width:14px;height:14px}.ugc-card__add--disabled{background-color:var(--color-darkgray-100);cursor:not-allowed}.ugc-card__add.loading svg:not(.spinner){visibility:hidden}.ugc-card__add .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ugc-card__add .loading__spinner.hidden{display:none}.ugc-card__add .loading__spinner svg{width:16px;height:16px}.ugc-videos__nav .swiper-button:after{content:none}.ugc-videos .ugc-videos__slider .ugc-videos__scrollbar{position:absolute;left:0;right:1.6rem;bottom:0;width:auto;height:1px;background-color:var(--color-lightgray-200);border-radius:var(--border-full);overflow:hidden;z-index:2}.ugc-videos .ugc-videos__slider .ugc-videos__scrollbar .swiper-scrollbar-drag{height:100%;background-color:var(--color-forest);border-radius:var(--border-full)}.ugc-videos__inner.page-width{padding-right:0}.ugc-videos__inner.page-width .ugc-videos__intro{padding-right:1.6rem}@media screen and (min-width:750px){.ugc-videos__inner.page-width .ugc-videos__intro{padding-right:3.6rem}.ugc-videos{--swiper-navigation-size: 3.8rem;--swiper-navigation-sides-offset: 28px;--ugc-below-media: 132px;--ugc-scroll-space: 42px}.ugc-videos__inner{gap:2.4rem}.ugc-videos__intro{gap:1.2rem}.ugc-videos__heading{font-size:var(--h3-size-desktop);line-height:var(--lh-120);letter-spacing:var(--ls-negative--2)}.ugc-videos__description,.ugc-videos__description p{font-size:var(--text-16-size);line-height:var(--lh-144);max-width:503px}.ugc-card__media{border-radius:var(--border-4)}.ugc-card__sound{right:12px;bottom:12px;width:30px;height:30px}.ugc-card__sound-icon{width:15px;height:13px}.ugc-card__product{padding-top:8px;padding-bottom:8px;border-top-color:var(--color-lightgray-300)}.ugc-card__product-media{width:82px;height:100px;border-radius:var(--border-4)}.ugc-card__product-title{font-size:var(--text-14-size);font-weight:var(--weight-light);line-height:var(--lh-140);letter-spacing:var(--ls-negative--4)}.ugc-card__add{width:32px;height:32px}.ugc-videos .ugc-videos__slider .ugc-videos__scrollbar{right:3.6rem;height:2px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ugc-videos.css.map */