.product-block-ugc-videos__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-block-ugc-videos__heading{margin:0}.product-block-ugc-videos__nav{display:flex;gap:8px}.product-block-ugc-videos__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border, #e0e0e0);border-radius:50%;background:transparent;cursor:pointer;transition:opacity .2s ease}@media screen and (max-width:749px){.product-block-ugc-videos__nav-btn{width:30px;height:30px}}.product-block-ugc-videos__nav-btn:hover{opacity:.7}.product-block-ugc-videos__nav-btn.is-inactive{opacity:.6;cursor:default}.product-block-ugc-videos__nav-btn .icon,.product-block-ugc-videos__nav-btn svg{width:14px;height:14px}@media screen and (max-width:749px){.product-block-ugc-videos__nav-btn .icon,.product-block-ugc-videos__nav-btn svg{width:12px;height:12px}}.product-block-ugc-videos__nav-btn--prev{transform:rotate(180deg)}.product-block-ugc-videos__swiper{overflow:hidden}.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:8px}@media screen and (max-width:989px){.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-wrapper{gap:10px}}@media screen and (max-width:749px){.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-wrapper{gap:8px}}.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - 24px)/4);max-width:calc((100% - 24px)/4)}@media screen and (max-width:989px){.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - 10px * 2) / 3.3);max-width:calc((100% - 10px * 2) / 3.3)}}@media screen and (max-width:749px){.product-block-ugc-videos__swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc((100% - 8px) / 2.3);max-width:calc((100% - 8px) / 2.3)}}.product-block-ugc-videos__slide{height:auto;cursor:pointer}.product-block-ugc-videos__video-wrapper{position:relative;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background-color:#f0f0f0}.product-block-ugc-videos__poster{width:100%;height:100%;object-fit:cover;display:block}.product-block-ugc-videos__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;transition:opacity .2s ease;z-index:2;pointer-events:none}.ugc-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.ugc-video-modal.is-open{opacity:1;visibility:visible}.ugc-video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c}.ugc-video-modal__close{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#00000080;border-radius:50%;cursor:pointer;transition:background .2s ease}.ugc-video-modal__close:hover{background:#000000b3}.ugc-video-modal__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#ffffffe6;border-radius:4px;cursor:pointer;transition:background .2s ease}@media screen and (max-width:749px){.ugc-video-modal__arrow{width:36px;height:36px}}.ugc-video-modal__arrow .icon,.ugc-video-modal__arrow svg{width:20px;height:20px;color:#1a1a1a}.ugc-video-modal__arrow:hover{background:#fff}.ugc-video-modal__arrow--prev{left:16px;transform:translateY(-50%) rotate(180deg)}@media screen and (max-width:749px){.ugc-video-modal__arrow--prev{left:8px}}.ugc-video-modal__arrow--next{right:16px}@media screen and (max-width:749px){.ugc-video-modal__arrow--next{right:8px}}.ugc-video-modal__content{position:relative;z-index:2;max-width:400px;width:90vw;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:#000}@media screen and (max-width:749px){.ugc-video-modal__content{max-width:85vw}}.ugc-video-modal__content.is-playing .ugc-video-modal__play-btn{opacity:0;pointer-events:none}.ugc-video-modal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;pointer-events:none;z-index:1;cursor:pointer}.ugc-video-modal__video.is-active{opacity:1;pointer-events:auto;z-index:2}.ugc-video-modal__arrow.is-hidden{visibility:hidden;pointer-events:none}.ugc-video-modal__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;z-index:3;transition:opacity .2s ease;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/212/assets/product-block-ugc-videos.css.map */