ds-ugc-videos.ds-ugc{display:block;margin-top:var(--margin-top, 0);margin-bottom:var(--margin-bottom, 0);--ds-ugc-ratio: 9 / 16;--ds-ugc-radius: 12px;--ds-ugc-gap: 10px}.ds-ugc__heading{margin:0 0 .8rem;font-size:1.5rem;font-weight:600;line-height:1.3}.ds-ugc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-ugc-gap);width:100%}.ds-ugc__grid:has(>.ds-ugc__card:only-child){grid-template-columns:minmax(0,60%)}.ds-ugc__grid:has(>.ds-ugc__card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.ds-ugc__card{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--ds-ugc-radius);-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.ds-ugc__card:focus-visible{outline:2px solid rgb(var(--color-foreground, 18 18 18));outline-offset:2px}.ds-ugc__media{position:relative;display:block;width:100%;aspect-ratio:var(--ds-ugc-ratio);overflow:hidden;border-radius:var(--ds-ugc-radius);background:rgba(var(--color-foreground, 18 18 18),.06)}.ds-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:rgba(var(--color-foreground, 18 18 18),.06);pointer-events:none}.ds-ugc__play{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;transition:background-color .2s ease}.ds-ugc__play svg{margin-left:2px}.ds-ugc__card:hover .ds-ugc__play{background:#000000b8}@media screen and (max-width:990px){.ds-ugc__grid{gap:calc(var(--ds-ugc-gap) * .85)}}@media screen and (max-width:749px){ds-ugc-videos.ds-ugc{--ds-ugc-gap: 6px}.ds-ugc__grid{gap:var(--ds-ugc-gap)}.ds-ugc__play{width:28px;height:28px;left:6px;bottom:6px}.ds-ugc__play svg{width:16px;height:16px}}@media screen and (max-width:360px){.ds-ugc__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ds-ugc__grid::-webkit-scrollbar{display:none}.ds-ugc__card{scroll-snap-align:start}}.ds-ugc__modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.ds-ugc__modal[hidden]{display:none}.ds-ugc__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;border:0}.ds-ugc__modal-content{position:relative;z-index:1;width:auto;max-width:min(92vw,460px);max-height:88vh;max-height:88dvh;aspect-ratio:var(--ds-ugc-ratio);display:flex;align-items:center;justify-content:center}.ds-ugc__modal-video{width:100%;height:100%;max-height:88vh;max-height:88dvh;object-fit:contain;background:#000;border-radius:10px;display:block}.ds-ugc__modal-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#fff;background:#0000008c;cursor:pointer;transition:background-color .2s ease}.ds-ugc__modal-close:hover{background:#000000b8}.ds-ugc__modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (max-width:749px){.ds-ugc__modal-content{max-width:92vw;max-height:82vh;max-height:82dvh}}body.ds-ugc-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ds-ugc-videos.css.map */