.ugc-section{width:100%;position:relative;overflow:hidden}.ugc-section__wrapper{display:flex;flex-direction:column;gap:24px}@media screen and (min-width: 990px){.ugc-section__wrapper{flex-direction:row;gap:18px;align-items:stretch}}.ugc-section__left{display:flex;flex-direction:column;gap:12px;flex-shrink:0;position:relative;z-index:2}@media screen and (min-width: 990px){.ugc-section__left{width:416px;height:auto;justify-content:center;gap:32px}.ugc-section__left:before{content:"";position:absolute;top:-100px;right:0;width:1000px;height:calc(100% + 200px);background:#f6f6f6;z-index:-1}}.ugc-section__title{margin:0;color:rgb(var(--color-foreground));text-align:center}@media screen and (min-width: 990px){.ugc-section__title{text-align:left}}.ugc-section__navigation{display:flex;align-items:center;gap:12px}.ugc-section__navigation--desktop{display:none}.ugc-section__navigation--mobile{justify-content:center;margin-top:30px}@media screen and (min-width: 990px){.ugc-section__navigation--desktop{display:flex}.ugc-section__navigation--mobile{display:none}}.ugc-section__nav-button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugc-section__nav-button:disabled{opacity:.4;cursor:not-allowed}.ugc-section__nav-button svg{width:44px;height:44px}.ugc-section__right{flex:1 0 0;min-width:0;overflow:visible}@media screen and (min-width: 990px){.ugc-section__right{padding-left:36px}}.ugc-section__swiper{overflow:visible}.ugc-section__swiper .swiper-wrapper{align-items:stretch}.ugc-section__swiper .swiper-slide{height:auto;width:280px}@media screen and (min-width: 990px){.ugc-section__swiper .swiper-slide{width:304px}}.ugc-section__card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #2a243314}.ugc-section__media{position:relative;width:100%;aspect-ratio:304 / 440;overflow:hidden;border-radius:20px 20px 0 0;background:var(--primary-100, #e8e0f0)}.ugc-section__deferred-media{position:relative;width:100%;height:100%;display:block}.ugc-section__video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.ugc-section__video-click-area{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;z-index:5}.ugc-section__deferred-media.is-playing .ugc-section__video-click-area{z-index:1}.ugc-section__video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.ugc-section__deferred-media.is-playing .ugc-section__video-thumbnail{opacity:0;pointer-events:none}.ugc-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 76.4%,#0006),linear-gradient(0deg,#2a243300 77.8%,#2a24334d);pointer-events:none}.ugc-section__video-controls{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:10}.ugc-section__control-btn{width:28px;height:28px;border-radius:500px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ugc-section__control-btn:hover{background:#fff}.ugc-section__control-icon{color:#2a2433}.ugc-section__control-icon--play{width:13.5px;height:15px;transform:rotate(90deg);margin-left:2px}.ugc-section__control-icon--pause{width:11px;height:14px}.ugc-section__control-icon--unmuted,.ugc-section__control-icon--muted{width:18px;height:15px}.ugc-section__control-icon--pause,.ugc-section__deferred-media.is-playing .ugc-section__control-icon--play{display:none}.ugc-section__deferred-media.is-playing .ugc-section__control-icon--pause{display:block}.ugc-section__control-icon--muted,.ugc-section__deferred-media.is-muted .ugc-section__control-icon--unmuted{display:none}.ugc-section__deferred-media.is-muted .ugc-section__control-icon--muted{display:block}.ugc-section__video-title{position:absolute;bottom:18px;left:12px;right:12px;margin:0;color:#fff;text-align:center;z-index:10}.ugc-section__image{width:100%;height:100%;object-fit:cover}.ugc-section__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8e0f0,#d4c5e8,#c9b8e0);display:flex;align-items:center;justify-content:center}.ugc-section__placeholder svg{width:60%;height:auto;opacity:.3}.ugc-section__review{padding:12px 8px;display:flex;flex-direction:column;gap:6px;align-items:center;flex:1}.ugc-section__stars{display:flex;align-items:center;gap:0}.ugc-section__star{width:12px;height:12px;flex-shrink:0}.ugc-section__review-text{margin:0;text-align:center;color:rgb(var(--color-foreground));font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/6/assets/w-ugc-section.css.map */