.dd0-ugc-videos__inner{padding-top:var(--dd0-ugc-pt-m, 36px);padding-bottom:var(--dd0-ugc-pb-m, 36px)}@media(min-width:750px){.dd0-ugc-videos__inner{padding-top:var(--dd0-ugc-pt-d, 48px);padding-bottom:var(--dd0-ugc-pb-d, 48px)}}.dd0-ugc-videos__inner--narrow{max-width:80rem;margin:0 auto;padding-inline:1.5rem}.dd0-ugc-videos__inner--full{max-width:none;margin:0;padding-inline:1.5rem}@media(min-width:990px){.dd0-ugc-videos__inner--full{padding-inline:5rem}}.dd0-ugc-videos__heading{text-align:center;margin:0 0 2.4rem}.dd0-ugc-videos__text{text-align:center;max-width:720px;margin:-1.2rem auto 2.4rem;font-size:var(--dd0-ugc-subheading-size-mobile, 1.5rem)}@media(min-width:750px){.dd0-ugc-videos__text{font-size:var(--dd0-ugc-subheading-size, 1.6rem)}}.dd0-ugc-videos__viewport{display:flex;gap:var(--dd0-ugc-gap-m, 1rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.4rem}.dd0-ugc-videos__viewport::-webkit-scrollbar{display:none}.dd0-ugc-video{position:relative;flex:0 0 var(--dd0-ugc-card-width-m, 70vw);scroll-snap-align:center;aspect-ratio:var(--dd0-ugc-ratio, 9 / 16);overflow:hidden;border-radius:var(--dd0-ugc-radius, 12px);background:rgb(var(--color-foreground),.06)}.dd0-ugc-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.dd0-ugc-video:not([data-native-controls=true]){cursor:pointer}.dd0-ugc-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.dd0-ugc-video.is-playing .dd0-ugc-video__poster,.dd0-ugc-video.is-playing .dd0-ugc-video__play{opacity:0;pointer-events:none}.dd0-ugc-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;border-radius:50%;background:#ffffffe0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:0;cursor:pointer;display:grid;place-items:center;transition:transform .15s ease,background .15s ease,opacity .2s ease;z-index:2}.dd0-ugc-video__play:hover{transform:translate(-50%,-50%) scale(1.06);background:#fff}.dd0-ugc-video__play svg{width:2.4rem;height:2.4rem;fill:var(--dd0-ugc-play-icon, #1a1a1a);margin-left:3px}.dd0-ugc-video__sound{position:absolute;top:1rem;right:1rem;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--dd0-ugc-control-bg, rgba(0, 0, 0, .5));border:0;cursor:pointer;display:grid;place-items:center;color:#fff;z-index:3;opacity:0;transition:opacity .2s ease}.dd0-ugc-video.is-playing .dd0-ugc-video__sound{opacity:1}.dd0-ugc-video__sound svg{width:1.6rem;height:1.6rem;fill:currentColor}.dd0-ugc-video__sound[data-muted=true] .dd0-ugc-video__sound-on,.dd0-ugc-video__sound[data-muted=false] .dd0-ugc-video__sound-off{display:none}.dd0-ugc-video__author{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.6rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1.3rem;z-index:2;max-width:calc(100% - 2rem)}.dd0-ugc-videos--avatar-top .dd0-ugc-video__author{align-items:flex-start}.dd0-ugc-videos--avatar-middle .dd0-ugc-video__author{align-items:center}.dd0-ugc-video__avatar{width:2.8rem;height:2.8rem;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);flex-shrink:0}.dd0-ugc-video__author>div{min-width:0;flex:1}.dd0-ugc-video__author-name,.dd0-ugc-video__author-handle,.dd0-ugc-video__caption{overflow-wrap:anywhere;word-break:break-word}.dd0-ugc-video__author-name{font-weight:600;line-height:1.2;font-size:var(--dd0-ugc-author-size-mobile, 1.5rem)}.dd0-ugc-video__author-handle{font-weight:400;opacity:.85;line-height:1.2;font-size:var(--dd0-ugc-handle-size-mobile, 1.1rem)}.dd0-ugc-video__caption{font-size:var(--dd0-ugc-caption-size-mobile, 1.1rem);opacity:.9;margin-top:.2rem;line-height:1.25}@media(min-width:750px){.dd0-ugc-video__author-name{font-size:var(--dd0-ugc-author-size, 1.5rem)}.dd0-ugc-video__author-handle{font-size:var(--dd0-ugc-handle-size, 1.1rem)}.dd0-ugc-video__caption{font-size:var(--dd0-ugc-caption-size, 1.1rem)}}.dd0-ugc-video__stars{position:absolute;top:1rem;left:1rem;display:flex;gap:.2rem;z-index:2}.dd0-ugc-video__star{width:1.4rem;height:1.4rem;fill:#fff6}.dd0-ugc-video__star.is-filled{fill:var(--dd0-ugc-star-color, #ffcc00)}.dd0-ugc-videos__arrows{display:flex;gap:1.2rem;justify-content:center;margin-top:1.6rem}.dd0-ugc-videos__arrow{width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.4);background:transparent;display:grid;place-items:center;cursor:pointer;color:rgb(var(--color-foreground));transition:background .15s ease,border-color .15s ease,opacity .15s ease;padding:0}.dd0-ugc-videos__arrow:hover{background:rgba(var(--color-foreground),.08)}.dd0-ugc-videos__arrow[disabled]{opacity:.35;cursor:default}.dd0-ugc-videos__arrow svg{width:1.6rem;height:1.6rem;fill:currentColor}.dd0-ugc-videos__dots{display:flex;gap:.8rem;justify-content:center;margin-top:1.6rem;padding:0;list-style:none}.dd0-ugc-videos__dots li{display:block;line-height:0}.dd0-ugc-videos__dot{width:.8rem;height:.8rem;border-radius:50%;border:0;padding:0;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .2s ease,transform .2s ease}.dd0-ugc-videos__dot:hover{background:rgba(var(--color-foreground),.45)}.dd0-ugc-videos__dot.is-active{background:rgb(var(--color-foreground));transform:scale(1.25)}.dd0-ugc-videos--mobile-none .dd0-ugc-videos__arrows,.dd0-ugc-videos--mobile-dots .dd0-ugc-videos__arrows,.dd0-ugc-videos--mobile-none .dd0-ugc-videos__dots,.dd0-ugc-videos--mobile-arrows .dd0-ugc-videos__dots{display:none}@media(min-width:750px){.dd0-ugc-videos--mobile-none .dd0-ugc-videos__arrows,.dd0-ugc-videos--mobile-dots .dd0-ugc-videos__arrows,.dd0-ugc-videos--mobile-none .dd0-ugc-videos__dots,.dd0-ugc-videos--mobile-arrows .dd0-ugc-videos__dots{display:none}.dd0-ugc-videos--desktop-arrows .dd0-ugc-videos__arrows,.dd0-ugc-videos--desktop-both .dd0-ugc-videos__arrows,.dd0-ugc-videos--desktop-dots .dd0-ugc-videos__dots,.dd0-ugc-videos--desktop-both .dd0-ugc-videos__dots{display:flex}.dd0-ugc-videos--desktop-none .dd0-ugc-videos__arrows,.dd0-ugc-videos--desktop-none .dd0-ugc-videos__dots,.dd0-ugc-videos--desktop-arrows .dd0-ugc-videos__dots,.dd0-ugc-videos--desktop-dots .dd0-ugc-videos__arrows,.dd0-ugc-videos--grid-desktop .dd0-ugc-videos__arrows,.dd0-ugc-videos--grid-desktop .dd0-ugc-videos__dots{display:none}}.dd0-ugc-video__author{background-color:color-mix(in srgb,var(--dd0-ugc-author-bg, #000) calc(var(--dd0-ugc-author-bg-opacity, 0) * 100%),transparent);padding:.6rem .9rem;border-radius:8px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@supports not (background-color: color-mix(in srgb,#000 50%,transparent)){.dd0-ugc-video__author{background-color:var(--dd0-ugc-author-bg, transparent);opacity:1}}@media(max-width:749px){.dd0-ugc-videos__viewport{padding-inline:var(--dd0-ugc-peek-m, 15vw)}}@media(min-width:750px){.dd0-ugc-videos__viewport{--cols: var(--dd0-ugc-cols-d, 3);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--dd0-ugc-gap-d, 1.6rem);overflow:visible;scroll-snap-type:none;padding-inline:0}.dd0-ugc-videos--carousel-desktop .dd0-ugc-videos__viewport{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;padding-bottom:1.2rem}.dd0-ugc-videos--carousel-desktop .dd0-ugc-videos__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.dd0-ugc-videos--carousel-desktop .dd0-ugc-video{flex:0 0 var(--dd0-ugc-card-width-d, 30%);scroll-snap-align:start}.dd0-ugc-videos--scrollbar-hidden .dd0-ugc-videos__viewport{scrollbar-width:none}.dd0-ugc-videos--scrollbar-hidden .dd0-ugc-videos__viewport::-webkit-scrollbar{display:none}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport{scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) transparent}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar{height:4px;background:transparent}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-track,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar-track{background:transparent;border:0}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-button,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar-button,.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-corner,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar-corner{display:none;width:0;height:0}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.35);border-radius:999px;border:0}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb:hover,.dd0-ugc-videos--scrollbar-always .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.55)}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport{scrollbar-color:transparent transparent;transition:scrollbar-color .2s ease}.dd0-ugc-videos--scrollbar-hover:hover .dd0-ugc-videos__viewport{scrollbar-color:rgba(var(--color-foreground),.35) transparent}.dd0-ugc-videos--scrollbar-hover .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb{background:transparent;transition:background .2s ease}.dd0-ugc-videos--scrollbar-hover:hover .dd0-ugc-videos__viewport::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.35)}.dd0-ugc-video{flex:none}.dd0-ugc-videos:not(.dd0-ugc-videos--arrows-desktop) .dd0-ugc-videos__arrows{display:none}.dd0-ugc-video__play{width:7.2rem;height:7.2rem}.dd0-ugc-video__play svg{width:2.8rem;height:2.8rem}}@media(prefers-reduced-motion:reduce){.dd0-ugc-videos__viewport{scroll-behavior:auto}.dd0-ugc-video__play,.dd0-ugc-video__poster,.dd0-ugc-video__sound{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-dd0-ugc-videos.css.map */