.madara-product-ugc{position:relative}.madara-product-ugc .swiper{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.madara-product-ugc .swiper.swiper-initialized{opacity:1;visibility:visible}.madara-product-ugc .swiper-slide{width:27%}@media(min-width:768px){.madara-product-ugc .swiper-slide{--slide-count: 4;width:calc((100% - (8px * (var(--slide-count) - 1))) / var(--slide-count));min-width:120px}}.madara-product-ugc .swiper-button-prev,.madara-product-ugc .swiper-button-next{position:absolute;top:48%;transform:translateY(-50%);margin:0;z-index:10!important;transition:opacity .2s ease,visibility .2s ease;width:32px;height:32px;opacity:0;visibility:hidden;box-shadow:0 0 4px #0006;border:none}.madara-product-ugc .swiper-button-prev{left:-10px}.madara-product-ugc .swiper-button-next{right:-10px}@media(min-width:1400px){.madara-product-ugc .swiper-button-prev{left:-18px}.madara-product-ugc .swiper-button-next{right:-18px}}@media(min-width:768px){.madara-product-ugc:hover .swiper-button-prev,.madara-product-ugc:hover .swiper-button-next{opacity:1;visibility:visible}}.madara-product-ugc .swiper-button-prev.swiper-button-disabled,.madara-product-ugc .swiper-button-next.swiper-button-disabled{opacity:0;pointer-events:none}.madara-product-ugc__media{position:relative;cursor:pointer;overflow:hidden;border-radius:2px}.madara-product-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.madara-product-ugc__media:after{content:"";position:absolute;bottom:2px;left:2px;right:2px;height:5px;border-radius:2px;z-index:3;background-color:transparent;background-image:linear-gradient(#fffc,#fffc);background-size:0% 100%;background-repeat:no-repeat;transition:none}.madara-product-ugc__media.is-playing:after{background-color:#ffffff4d;background-size:100% 100%;transition:background-size var(--ugc-duration, 10s) linear}.madara-product-ugc__media-play{position:absolute}@media(min-width:768px){.madara-product-ugc__media-play{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .2s ease;background:#00000040}.madara-product-ugc__media-play svg{width:30px;height:30px;color:#fff}.madara-product-ugc__media:hover .madara-product-ugc__media-play,.madara-product-ugc__media:focus-visible .madara-product-ugc__media-play{opacity:1}}@media(max-width:767.98px){.madara-product-ugc__modal{--modal-height: 100dvh;--modal-width: 100vw;top:0;right:0;bottom:0;left:0}}@media(min-width:768px){.madara-product-ugc__modal{--modal-width: min(80vw, 390px);border-radius:12px;right:40px;bottom:40px;box-shadow:0 0 10px #0006}}.madara-product-ugc__modal{position:fixed;width:var(--modal-width);height:var(--modal-height);background:#000;overflow:hidden;z-index:29;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.madara-product-ugc__modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.madara-product-ugc__modal-drag-handle{display:none}@media(min-width:768px){.madara-product-ugc__modal-drag-handle{display:block!important;position:absolute;top:0;left:0;right:0;height:28px;cursor:grab;z-index:20;border-radius:12px 12px 0 0}.madara-product-ugc__modal-drag-handle:after{content:"";display:block;width:36px;height:4px;background:#fff6;border-radius:2px;margin:10px auto 0}.madara-product-ugc__modal.is-dragging .madara-product-ugc__modal-drag-handle{cursor:grabbing}.madara-product-ugc__modal.is-dragging{transition:none;-webkit-user-select:none;user-select:none}}.madara-product-ugc__modal-inner{width:100%;height:100%;position:relative;overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.madara-product-ugc__modal.is-animating .madara-product-ugc__modal-inner{touch-action:none;pointer-events:none}.madara-product-ugc__modal-inner::-webkit-scrollbar{display:none}.madara-product-ugc__modal-carousel{width:100%}.madara-product-ugc__modal-carousel-slide{width:100%;height:var(--modal-height);position:relative;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.madara-product-ugc__modal-carousel-slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.madara-product-ugc__modal-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.madara-product-ugc__modal-controls>*{pointer-events:auto}.madara-product-ugc__modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#00000080;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:background-color .2s ease}.madara-product-ugc__modal-close:hover{background:#000000bf}.madara-product-ugc__modal-close svg{width:100%;height:100%}.madara-product-ugc__modal-action{background-color:#ffffff24;display:flex;width:40px;height:40px;border-radius:5px;border:none;padding:8px;z-index:30;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;color:#fff}@media(min-width:768px){.madara-product-ugc__modal-action:hover{background:#ffffff4d;transform:scale(1.1)}}.madara-product-ugc__modal-action:disabled{opacity:.25;cursor:default;pointer-events:none}.madara-product-ugc__modal-controls .video-play-action{position:absolute;bottom:170px;right:12px}.madara-product-ugc__modal-controls .video-mute-action{position:absolute;bottom:220px;right:12px}.madara-product-ugc__modal-controls:not(.is-muted) .video-mute-action-icon-sound{display:flex}.madara-product-ugc__modal-controls.is-muted .video-mute-action-icon-sound{display:none}.madara-product-ugc__modal-controls.is-muted .video-mute-action-icon-sound-off{display:flex}.madara-product-ugc__modal-controls:not(.is-muted) .video-mute-action-icon-sound-off{display:none}.madara-product-ugc__modal-controls:not(.is-playing) .video-play-action-icon-play{display:flex}.madara-product-ugc__modal-controls.is-playing .video-play-action-icon-play{display:none}.madara-product-ugc__modal-controls.is-playing .video-play-action-icon-pause{display:flex}.madara-product-ugc__modal-controls:not(.is-playing) .video-play-action-icon-pause{display:none}.madara-product-ugc__modal-nav{display:flex;flex-direction:column;gap:10px;position:absolute;right:12px;top:45%}@media(min-width:768px){.madara-product-ugc__modal-nav{top:35%}}.madara-product-ugc__modal-prev svg{transform:rotate(-90deg)}.madara-product-ugc__modal-next svg{transform:rotate(90deg)}.madara-product-ugc__modal-carousel-product{position:absolute;bottom:env(safe-area-inset-bottom);left:0;width:calc(100% - 24px);margin:12px;background-color:#00000096;border-radius:5px;overflow:hidden}.madara-product-ugc__modal-carousel-product .product-card--list .product-card__image-wrapper{width:11rem}.madara-product-ugc__modal-carousel-product,.madara-product-ugc__modal-carousel-product .cart-item__option-value{color:#fff}.madara-product-ugc .swiper-slide .madara-product-ugc__slide-product{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/madara-product-ugc.css.map */