.ugc{background:var(--ugc-bg);color:var(--ugc-text);font-family:var(--font-body-family);letter-spacing:normal}.ugc__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "cards" "button";gap:14px;max-width:1440px;margin:0 auto;padding:var(--ugc-pt-m) 12px var(--ugc-pb-m)}.ugc *,.ugc *:before,.ugc *:after{box-sizing:border-box}.ugc :where(h2,p,ul,figure,blockquote){margin:0;padding:0;letter-spacing:normal}.ugc .ugc__heading{grid-area:heading;color:var(--ugc-text);font-family:Agency FB,Bebas Neue,Arial Narrow,sans-serif;font-size:32px;font-weight:700;line-height:1.2;text-transform:none}.ugc__heading>span{display:block}.ugc__heading :is(em,strong){color:var(--ugc-accent);font-style:normal}.ugc .ugc__button{grid-area:button;display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:15px 28px;border-radius:8px;background:var(--ugc-accent);color:#000;font-size:18px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase}.ugc__button span{font-size:20px}.ugc__button:hover{filter:brightness(1.05)}.ugc__button:focus-visible{outline:2px solid var(--ugc-text);outline-offset:3px}.ugc__cards{grid-area:cards;position:relative;min-width:0}.ugc__track{display:flex;gap:10px;margin:0 -12px;padding:0 12px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 12px;scrollbar-width:none}.ugc__track::-webkit-scrollbar{display:none}.ugc__track:focus-visible{outline:2px solid var(--ugc-accent);outline-offset:2px}.ugc__card{flex:0 0 168px;min-width:0;scroll-snap-align:start}.ugc__card figure{display:flex;flex-direction:column;gap:8px}.ugc__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:12px;background:#3a3835}.ugc__media>img,.ugc__media video,.ugc__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ugc__placeholder{fill:#ffffff40}.ugc__tag{position:absolute;top:8px;right:8px;z-index:2;max-width:calc(100% - 16px);padding:3px 8px;border-radius:100px;background:#0009;color:#fff;font-size:11px;font-weight:500;line-height:1.3;text-align:right;pointer-events:none}.ugc .ugc__quote{padding:0;border:0;color:var(--ugc-text);font-size:14px;font-style:normal;line-height:1.4}.ugc__quote p{color:inherit}.ugc__handle{color:var(--ugc-accent);font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.ugc__media--ig{container-type:inline-size}.ugc .ugc__ig-preview{position:absolute;top:0;left:0;width:326px;height:580px;border:0;transform-origin:0 0;pointer-events:none}.ugc .ugc__ig-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.ugc__ig-play{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0009;color:#fff;transition:transform .15s ease}.ugc__ig-play svg{width:24px;height:24px;margin-left:3px;fill:currentColor}.ugc__ig-open:hover .ugc__ig-play{transform:scale(1.08)}.ugc__ig-open:focus-visible{outline:2px solid var(--ugc-accent);outline-offset:-2px;border-radius:12px}.ugc__ig-dialog{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:#000000eb}.ugc__ig-dialog::backdrop{background:#000000eb}.ugc__ig-dialog[open]{display:grid;place-items:center}.ugc__ig-frame{width:min(92vw,420px);height:min(88dvh,760px)}.ugc__ig-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:12px;background:#fff}.ugc .ugc__ig-close{position:fixed;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:28px;line-height:1;cursor:pointer}.ugc__ig-close:focus-visible{outline:2px solid #fff;outline-offset:2px}html.ugc-ig-open{overflow:hidden}html.ugc-ig-open .dp-help{display:none!important}.ugc__controls{position:absolute;left:8px;bottom:8px;display:flex;gap:6px}.ugc__controls[hidden]{display:none}.ugc .ugc__ctl{display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer}.ugc__ctl svg{width:16px;height:16px;fill:currentColor}.ugc__ctl:focus-visible{outline:2px solid var(--ugc-accent);outline-offset:2px}.ugc__i-play,.ugc__i-sound,.is-paused .ugc__i-pause,.is-on .ugc__i-muted{display:none}.is-paused .ugc__i-play,.is-on .ugc__i-sound{display:block}.ugc .ugc__arrow{display:none}@media screen and (min-width:990px){.ugc__inner{grid-template-columns:420px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"heading cards" "button cards";column-gap:30px;row-gap:32px;padding:var(--ugc-pt) clamp(24px,7vw,100px) var(--ugc-pb)}.ugc .ugc__heading{font-size:56px}.ugc .ugc__button{align-self:start;justify-self:start;width:min(366px,100%);border-radius:100px}.ugc__track{gap:12px;margin:0;padding:0;scroll-padding:0}.ugc__card{flex-basis:calc((100% - 24px) / 3)}.ugc__card figure{gap:10.8px}.ugc__media{aspect-ratio:255 / 398;border-radius:20px}.ugc .ugc__quote{font-size:16.875px;line-height:22.95px}.ugc__handle{font-size:16.2px;line-height:20.25px}.ugc__controls{left:12px;bottom:12px}.ugc__tag{top:12px;right:12px;max-width:calc(100% - 24px);padding:4px 10px;font-size:13px}.ugc .ugc__arrow:not([hidden]){position:absolute;top:calc((100% - 60px)/2);display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#000;box-shadow:0 4px 14px #0000002e;cursor:pointer}.ugc__arrow svg{width:20px;height:20px;fill:currentColor}.ugc__arrow--prev{left:-16px}.ugc__arrow--next{right:-16px}.ugc__arrow:disabled{opacity:0;pointer-events:none}.ugc__arrow:focus-visible{outline:2px solid var(--ugc-accent);outline-offset:2px}}@media(prefers-reduced-motion:no-preference){.ugc__track{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/ugc-video-row.css.map */