.product-ugc{padding-top:var(--ugc-pad-top, 4rem);padding-bottom:var(--ugc-pad-bottom, 4rem)}.product-ugc__header{margin-bottom:2.4rem}.product-ugc__heading{margin:0}.product-ugc__heading.h2{font-size:1.4rem}.product-ugc__carousel-wrapper{position:relative}.product-ugc__swiper{width:100%;overflow:hidden}.product-ugc__swiper .swiper-wrapper{align-items:stretch}.product-ugc__swiper .swiper-slide{width:calc(100% / var(--ugc-slides-mobile, 3.5));margin-right:8px}@media(min-width:750px){.product-ugc__swiper .swiper-slide{width:calc(100% / var(--ugc-slides-desktop, 3.5))}}.product-ugc__item{height:auto}.product-ugc__card{display:block;width:100%;height:100%;padding:0;margin:0;background:none;border:none;cursor:pointer;border-radius:2.4rem;overflow:hidden;position:relative}.product-ugc__media{position:relative;width:100%;overflow:hidden;border-radius:2.4rem;background:#f2f2f2}.product-ugc--ratio-portrait-9x16 .product-ugc__media{aspect-ratio:9 / 16}.product-ugc--ratio-portrait-4x5 .product-ugc__media{aspect-ratio:4 / 5}.product-ugc--ratio-square .product-ugc__media{aspect-ratio:1 / 1}.product-ugc__video,.product-ugc__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.product-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;transition:opacity .2s ease}.product-ugc__play .play-button{width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;color:#ffffffa6}.product-ugc__play .icon-media-play{width:2.8rem;height:2.8rem}.product-ugc__card:hover .product-ugc__play{opacity:.85}.product-ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;border:none;box-shadow:0 .2rem .8rem #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#111;padding:0}.product-ugc__arrow svg{width:1.2rem;height:1.2rem}.product-ugc__arrow--prev{left:1rem}.product-ugc__arrow--prev svg{transform:rotate(180deg)}.product-ugc__arrow--next{right:1rem}@media(min-width:990px){.product-ugc__arrow{opacity:0;transition:opacity .25s ease;pointer-events:none}.product-ugc:hover .product-ugc__arrow,.product-ugc:focus-within .product-ugc__arrow{opacity:1;pointer-events:auto}}.product-ugc__modal-inner{position:fixed;bottom:10rem;left:2rem;width:calc(100% - 4rem);max-width:37rem;max-height:60rem;aspect-ratio:var(--ugc-media-ratio, .5625);border-radius:2.4rem;overflow:hidden;background:#000;z-index:10;opacity:0;visibility:hidden;transform:translateY(1rem);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s}.product-ugc__modal.is-open .product-ugc__modal-inner{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.product-ugc__modal-content{width:100%;height:100%;display:block}.product-ugc__modal-video,.product-ugc__modal-content img{width:100%;height:100%;display:block;object-fit:contain}.product-ugc__modal-video{cursor:pointer}.product-ugc__modal-playpause{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:4rem;height:4rem;background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;padding:0;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.product-ugc__modal-playpause:hover{transform:scale(1.15)}.product-ugc__modal-playpause .play-button{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.product-ugc__modal-playpause .icon-media-play{width:4rem;height:4rem}.product-ugc__modal.is-paused .product-ugc__modal-playpause{opacity:1;pointer-events:auto}.product-ugc__modal-progress{position:absolute;top:1.2rem;left:1.2rem;right:1.2rem;height:.3rem;background:#ffffff40;border-radius:.3rem;overflow:hidden;z-index:3}.product-ugc__modal-progress-bar{display:block!important;height:100%;width:0%;background:#fff;border-radius:.3rem}.product-ugc__modal-close{position:absolute;top:3rem;left:2rem;width:4rem;height:4rem;border-radius:50%;background:#00000059;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;padding:0}.product-ugc__modal-close svg{width:1.4rem;height:1.4rem}.product-ugc__modal-mute{position:absolute;bottom:18%;right:1.2rem;width:3.6rem;height:3.6rem;border-radius:50%;background:#ffffff26;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;padding:0;box-shadow:0 .1rem .4rem #0000001f}.product-ugc__modal-mute svg{width:1.8rem;height:1.8rem}.product-ugc__modal-mute .product-ugc__icon-sound{display:none}.product-ugc__modal-mute .product-ugc__icon-mute,.product-ugc__modal.is-unmuted .product-ugc__modal-mute .product-ugc__icon-sound{display:block}.product-ugc__modal.is-unmuted .product-ugc__modal-mute .product-ugc__icon-mute{display:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-product-ugc.css.map */