.haus-ugc{--haus-ugc-radius: 10px;--haus-ugc-gap: 10px;font-family:var(--text-font-family),"Nunito Sans",-apple-system,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.haus-ugc__heading{font-family:var(--heading-font-family),"Squid Grotesk",system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;color:#2a2a2a;margin:0 0 12px}.haus-ugc--compact .haus-ugc__heading{font-size:17px}.haus-ugc--full .haus-ugc__heading{font-size:clamp(22px,3vw,34px);text-align:center;margin-bottom:26px}.haus-ugc__viewport{position:relative}.haus-ugc__rail{position:relative;min-width:0;display:flex;gap:var(--haus-ugc-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:3px;margin:-3px}.haus-ugc__rail::-webkit-scrollbar{display:none;height:0}@media(prefers-reduced-motion:reduce){.haus-ugc__rail{scroll-behavior:auto}}.haus-ugc__item{position:relative;flex:none;scroll-snap-align:start;aspect-ratio:9 / 16;border-radius:var(--haus-ugc-radius);overflow:hidden;background:#f1f0ed;padding:0;border:0;cursor:pointer;display:block;transform:translateZ(0)}.haus-ugc__item img,.haus-ugc__item video{width:100%;height:100%;object-fit:cover;display:block}.haus-ugc__item:focus-visible{outline:2px solid var(--haus-primary, #214b47);outline-offset:2px}.haus-ugc--compact .haus-ugc__item{width:calc((100% - (var(--haus-ugc-gap) * 3)) / 4)}.haus-ugc--full{--haus-ugc-gap: 14px}.haus-ugc--full .haus-ugc__item{width:calc((100% - (var(--haus-ugc-gap) * 3)) / 4);min-width:210px;border-radius:14px}@media screen and (max-width:999px){.haus-ugc--full{--haus-ugc-gap: 10px}.haus-ugc--full .haus-ugc__item{width:calc((100% - (var(--haus-ugc-gap) * 3)) / 4);min-width:0;border-radius:10px}}.haus-ugc__sound{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:18px;height:18px;border-radius:50%;background:#00000073;color:#fff;display:grid;place-items:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.haus-ugc__sound svg{width:10px;height:10px;display:block}.haus-ugc--full .haus-ugc__sound{inset-block-start:10px;inset-inline-end:10px;width:26px;height:26px}.haus-ugc--full .haus-ugc__sound svg{width:14px;height:14px}.haus-ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;border-radius:50%;border:0;background:#ffffffeb;box-shadow:0 1px 6px #2a2a2a38;color:#2a2a2a;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s ease}.haus-ugc__arrow svg{width:11px;height:11px;display:block}.haus-ugc__arrow--prev{inset-inline-start:-6px}.haus-ugc__arrow--next{inset-inline-end:-6px}.haus-ugc.has-prev .haus-ugc__arrow--prev,.haus-ugc.has-next .haus-ugc__arrow--next{opacity:1;pointer-events:auto}.haus-ugc--full .haus-ugc__arrow{width:36px;height:36px}.haus-ugc--full .haus-ugc__arrow svg{width:13px;height:13px}@media(hover:none){.haus-ugc__arrow{display:none}.haus-ugc__rail{scroll-snap-type:none}.haus-ugc__item{scroll-snap-align:none}}.haus-ugc-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000000eb;display:grid;place-items:center;opacity:0;transition:opacity .18s ease}.haus-ugc-viewer.is-open{opacity:1}.haus-ugc-viewer__stage{position:relative;width:min(94vw,calc((100dvh - 96px)*.5625));aspect-ratio:9 / 16;max-height:calc(100dvh - 96px);border-radius:12px;overflow:hidden;background:#000}.haus-ugc-viewer__stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.haus-ugc-viewer__btn{position:absolute;z-index:2;border:0;background:#00000080;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.haus-ugc-viewer__btn svg{width:15px;height:15px;display:block}.haus-ugc-viewer__btn[hidden]{display:none}.haus-ugc-viewer__close{top:16px;right:16px}.haus-ugc-viewer__nav{top:50%;transform:translateY(-50%)}.haus-ugc-viewer__nav--prev{left:16px}.haus-ugc-viewer__nav--next{right:16px}@media screen and (max-width:749px){.haus-ugc-viewer__stage{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border-radius:0}.haus-ugc-viewer__nav{top:auto;bottom:24px;transform:none}}.haus-ugc-viewer__dots{position:absolute;inset-inline:0;bottom:12px;display:flex;justify-content:center;gap:5px;z-index:2;pointer-events:none}.haus-ugc-viewer__dot{width:5px;height:5px;border-radius:50%;background:#fff6}.haus-ugc-viewer__dot.is-active{background:#fff}@media screen and (max-width:749px){.haus-ugc-viewer__dots{bottom:84px}}.haus-ugc-lock{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/197/assets/haus-ugc.css.map */