.f-ugc-videos{width:100%;min-width:0}.f-ugc-videos__heading{margin:0 0 1.2rem;font-size:1.6rem;line-height:1.35;font-weight:600}.f-ugc-videos__carousel{position:relative;min-width:0}.f-ugc-videos__track{display:flex;gap:var(--ugc-gap, 12px);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.f-ugc-videos__track::-webkit-scrollbar{display:none}.f-ugc-videos__track:focus-visible{outline:2px solid currentColor;outline-offset:3px}.f-ugc-videos__card{position:relative;flex:0 0 calc((100% - (var(--ugc-desktop-items, 3) - 1) * var(--ugc-gap, 12px)) / var(--ugc-desktop-items, 3));min-width:0;scroll-snap-align:start}.f-ugc-videos__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--ugc-radius, 0px);background:#f2f2f2}.f-ugc-videos__poster{width:100%;height:100%;object-fit:cover;display:block}.f-ugc-videos__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.f-ugc-videos__open:focus-visible,.f-ugc-videos__shop:focus-visible,.f-ugc-videos__arrow:focus-visible,.f-ugc-videos__modal-arrow:focus-visible,.f-ugc-videos__close:focus-visible,.f-ugc-videos__toolbar-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.f-ugc-videos__play{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 2px 12px #0000001f;transition:transform .2s ease;pointer-events:none}.f-ugc-videos__open:hover .f-ugc-videos__play{transform:scale(1.06)}.f-ugc-videos__play svg{width:2.2rem;height:2.2rem;margin-left:.2rem}.f-ugc-videos__shop{position:absolute;top:1rem;right:1rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:#222;cursor:pointer;box-shadow:0 1px 7px #0000001f}.f-ugc-videos__shop svg,.f-ugc-videos__arrow svg,.f-ugc-videos__modal-arrow svg,.f-ugc-videos__close svg,.f-ugc-videos__toolbar-btn svg{width:2rem;height:2rem}.f-ugc-videos__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0;padding:0;border:0;border-radius:50%;background:#fffffff5;color:#222;box-shadow:0 2px 12px #00000021;transform:translateY(-50%);cursor:pointer}.f-ugc-videos__arrow[hidden]{display:none!important}.f-ugc-videos__arrow--prev{left:.8rem}.f-ugc-videos__arrow--next{right:.8rem}.f-ugc-videos__modal[hidden]{display:none!important}.f-ugc-videos__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.f-ugc-videos__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.f-ugc-videos__dialog{position:relative;z-index:1;width:min(420px,calc(100vw - 4rem));max-height:calc(100vh - 4rem);border-radius:12px;overflow:visible;background:#111;box-shadow:0 18px 60px #00000052}.f-ugc-videos__player{position:relative;width:100%;aspect-ratio:9 / 16;max-height:calc(100vh - 10rem);overflow:hidden;border-radius:12px;background:#000}.f-ugc-videos__player-video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.f-ugc-videos__close{position:absolute;top:1rem;right:1rem;z-index:4;display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.f-ugc-videos__modal-arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;transform:translateY(-50%);cursor:pointer}.f-ugc-videos__modal-arrow--prev{left:-5.6rem}.f-ugc-videos__modal-arrow--next{right:-5.6rem}.f-ugc-videos__toolbar{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;pointer-events:none}.f-ugc-videos__toolbar>*{pointer-events:auto}.f-ugc-videos__toolbar-actions{display:flex;justify-content:flex-end;gap:.8rem}.f-ugc-videos__toolbar-btn{display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.f-ugc-videos__counter{padding:.7rem 1rem;border-radius:999px;background:#00000080;color:#fff;font-size:1.2rem;line-height:1;white-space:nowrap}body.f-ugc-videos-modal-open{overflow:hidden}@media(max-width:767.98px){.f-ugc-videos__heading{margin-bottom:1rem;font-size:1.5rem}.f-ugc-videos__card{flex-basis:var(--ugc-mobile-width, 38%)}.f-ugc-videos__arrow{display:none!important}.f-ugc-videos__play{width:4.6rem;height:4.6rem}.f-ugc-videos__shop{top:.8rem;right:.8rem;width:3.2rem;height:3.2rem}.f-ugc-videos__modal{padding:0;align-items:stretch}.f-ugc-videos__dialog{width:100%;max-height:none;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000}.f-ugc-videos__player{width:100%;max-height:100vh;border-radius:0}.f-ugc-videos__modal-arrow{width:4rem;height:4rem;background:#00000073}.f-ugc-videos__modal-arrow--prev{left:.8rem}.f-ugc-videos__modal-arrow--next{right:.8rem}.f-ugc-videos__close{position:fixed;top:1.4rem;right:1.4rem}.f-ugc-videos__toolbar{position:fixed;left:1.2rem;right:1.2rem;bottom:max(1.6rem,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/product-ugc-videos.css.map */