.main-product__ugc{display:flex;flex-direction:column;gap:16px}.main-product__ugc-title{font-family:var(--heading-family);font-weight:400;font-size:24px;line-height:120%}.main-product__ugc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.main-product__ugc-item{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.main-product__ugc-item *{pointer-events:none}.main-product__ugc-circle{position:relative;width:100%;max-width:128px;aspect-ratio:1 / 1;border:1.5px solid #098480;border-radius:50%;padding:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-product__ugc-circle:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#0003;pointer-events:none;z-index:1}.main-product__ugc-video{width:100%;height:100%;object-fit:cover;border-radius:50%}.main-product__ugc-index{position:absolute;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#098480;color:#f8f2e2;border-radius:50%;font-size:16px;line-height:1.2}.main-product__ugc-label{font-size:14px;line-height:1.3;text-align:center;margin:0}.main-product__ugc-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:transparent;display:flex;align-items:center;justify-content:center;pointer-events:none;visibility:hidden;transition:background-color .3s,backdrop-filter .3s,visibility .3s;padding:16px}.main-product__ugc-popup.open{pointer-events:all;background-color:#25252533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:visible}.main-product__ugc-popup-inner{position:relative;width:min(100%,360px);aspect-ratio:9 / 16;max-height:640px;opacity:0;transition:opacity .3s}.main-product__ugc-popup.open .main-product__ugc-popup-inner{opacity:1}.main-product__ugc-popup-progress{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:8px;z-index:3}.main-product__ugc-popup-progress-bar{flex:1;height:4px;background-color:#f8f2e233;border-radius:2px;overflow:hidden}.main-product__ugc-popup-progress-bar span{display:block;height:100%;width:0%;background-color:#f8f2e2;border-radius:2px;transition:width .3s linear}.main-product__ugc-popup-progress-bar.no-transition span{transition:none}.main-product__ugc-popup-progress-bar.watched span{width:100%}.main-product__ugc-popup-header{position:absolute;top:32px;left:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}.main-product__ugc-popup-header-left{display:flex;align-items:center;gap:10px;min-width:0}.main-product__ugc-popup-logo{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden;background-color:#098480;display:flex;align-items:center;justify-content:center}.main-product__ugc-popup-logo img{width:100%;height:100%;object-fit:cover}.main-product__ugc-popup-title{font-size:14px;color:#f8f2e2;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-product__ugc-popup-header-right{display:flex;flex-shrink:0}.main-product__ugc-popup-header-right button *{pointer-events:none}.main-product__ugc-popup-sound,.main-product__ugc-popup-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#f8f2e2}.main-product__ugc-popup-sound{position:absolute;top:calc(100% + 24px);right:0;z-index:1}.main-product__ugc-popup-sound svg,.main-product__ugc-popup-close svg{width:24px;height:24px}.main-product__ugc-popup-sound-off,.main-product__ugc-popup.muted .main-product__ugc-popup-sound-on{display:none}.main-product__ugc-popup.muted .main-product__ugc-popup-sound-off{display:flex}.main-product__ugc-popup-slides{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden}.main-product__ugc-popup-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.main-product__ugc-popup-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#252525,#25252500 21.64%)}.main-product__ugc-popup-slide.active{opacity:1;visibility:visible;cursor:pointer}.main-product__ugc-popup-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.main-product__ugc-popup-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#098480;color:#f8f2e2;border-radius:100px;z-index:3;transition:opacity .3s}.main-product__ugc-popup-nav svg{width:16px;height:16px}.main-product__ugc-popup-nav--prev{left:-80px}.main-product__ugc-popup-nav--next{right:-80px}.main-product__ugc-popup-nav.is-disabled{opacity:.5;pointer-events:none}@media screen and (max-width:749px){.main-product__ugc-title{font-size:20px}.main-product__ugc-list{gap:24px}.main-product__ugc-popup-nav{width:50%;height:100%;background-color:transparent;border-radius:0;z-index:1}.main-product__ugc-popup-nav svg{display:none}.main-product__ugc-popup-nav--prev{left:0}.main-product__ugc-popup-nav--next{right:0}.main-product__ugc-popup-nav.is-disabled{opacity:0;pointer-events:all}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/component-ugc-videos.css.map */