.ugc-videos{--ugc-gap: 8px;display:block}.ugc-videos__heading{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:#1a1a1a;margin:0 0 12px}.ugc-videos__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--ugc-gap)) / 3);gap:var(--ugc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ugc-videos__grid::-webkit-scrollbar{display:none}.ugc-videos__grid:has(>:nth-child(4)){grid-auto-columns:calc((100% - 2 * var(--ugc-gap)) / 2.6)}.ugc-videos__item{scroll-snap-align:start}.ugc-videos__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#ece4e0;cursor:pointer;isolation:isolate}.ugc-videos__card:focus-visible{outline:3px solid #C9A84C;outline-offset:-3px}.ugc-videos__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-videos__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding-left:3px;border-radius:50%;background:#ffffffeb;color:#1a1a1a;box-shadow:0 2px 10px #0003;transform:translate(-50%,-50%);transition:transform .2s ease}.ugc-videos__card:hover .ugc-videos__play{transform:translate(-50%,-50%) scale(1.08)}.ugc-videos__card--empty{cursor:default}.ugc-videos__empty-label{position:absolute;inset:auto 0 12px;font-family:Outfit,sans-serif;font-size:12px;text-align:center;color:#252411cc}html:has(.ugc-videos__dialog[open]){overflow:hidden}.ugc-videos__dialog{width:min(92vw,49.5vh);width:min(92vw,49.5dvh);max-width:none;max-height:none;aspect-ratio:9 / 16;margin:auto;padding:0;border:0;border-radius:12px;overflow:hidden;background:#000}.ugc-videos__dialog::backdrop{background:#1a1a1ad9}.ugc-videos__player,.ugc-videos__video{display:block;width:100%;height:100%}.ugc-videos__video{object-fit:contain;background:#000}.ugc-videos__close{position:absolute;top:10px;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.ugc-videos__close .icon{width:16px;height:16px}.ugc-videos__close:focus-visible{outline:3px solid #C9A84C;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-ugc-videos.css.map */