.ugc-videos__carousel{position:relative}.ugc-videos__track{display:flex;gap:8px;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:none}.ugc-videos__track::-webkit-scrollbar{display:none}.ugc-videos__item{flex:0 0 calc((100% - 24px)/4);scroll-snap-align:start}@media(max-width:767.98px){.ugc-videos__item{flex-basis:calc((100% - 2 * 8px) / 2.3)}}.ugc-videos__card{position:relative;overflow:hidden;border-radius:10px;background-color:rgb(var(--text-color) / .08);aspect-ratio:9 / 16}.ugc-videos__card .theme-img,.ugc-videos__card img{width:100%;height:100%;object-fit:cover}.ugc-videos__video{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#000}.ugc-videos__card:not(.has-started) .ugc-videos__video{opacity:0}.ugc-videos__toggle{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.ugc-videos__card--placeholder{cursor:default}.ugc-videos__card--placeholder svg{width:100%;height:100%}.ugc-videos__toggle:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.ugc-videos__play{display:flex;position:absolute;top:50%;left:50%;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background-color:#fff;color:#111;box-shadow:0 2px 12px #0000002e;transform:translate(-50%,-50%);transition:transform .2s,opacity .2s}.ugc-videos__card.is-playing:not(.is-loading) .ugc-videos__play{opacity:0}.ugc-videos__play:after{content:"";position:absolute;top:25%;right:25%;bottom:25%;left:25%;border:2px solid rgb(17 17 17 / .15);border-top-color:#111;border-radius:50%;opacity:0}.ugc-videos__card.is-loading .ugc-videos__play:after{opacity:1;animation:ugc-videos-spin .7s linear infinite}.ugc-videos__card.is-loading .ugc-videos__play svg{opacity:0}@keyframes ugc-videos-spin{to{transform:rotate(360deg)}}.ugc-videos__play svg{margin-inline-start:2px}@media(hover:hover){.ugc-videos__toggle:hover .ugc-videos__play{transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:767.98px){.ugc-videos__play{width:44px;height:44px}}.ugc-videos__mute{display:none;position:absolute;z-index:3;top:8px;right:8px;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#00000073;color:#fff;cursor:pointer}.ugc-videos__card.has-started .ugc-videos__mute{display:flex}.ugc-videos__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}.ugc-videos__mute-icon--off,.ugc-videos__mute.is-muted .ugc-videos__mute-icon--on{display:none}.ugc-videos__mute.is-muted .ugc-videos__mute-icon--off{display:block}.ugc-videos__arrow{display:flex;position:absolute;z-index:1;top:50%;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background-color:#fff;color:#111;box-shadow:0 2px 10px #00000026;cursor:pointer;transform:translateY(-50%)}.ugc-videos__arrow[hidden]{display:none}.ugc-videos__arrow svg{width:18px;height:18px}.ugc-videos__arrow--prev{inset-inline-start:-18px}.ugc-videos__arrow--next{inset-inline-end:-18px}@media(hover:none){.ugc-videos__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/ugc-videos.css.map */