dd-ugc-carousel{display:block;width:100%;min-width:0}.dd-ugc-carousel__track{box-sizing:border-box;width:calc(100% + (2 * var(--dd-container-x)));max-width:none;margin-inline-start:calc(-1 * var(--dd-container-x));gap:12px;padding-inline:clamp(20px,calc(100vw - 300px),60px)}.dd-ugc-carousel__item{width:270px}.dd-ugc-card{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:20px;background:var(--dd-color-envelope);isolation:isolate}.dd-ugc-card__image-link,.dd-ugc-card__external{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dd-ugc-card__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.dd-ugc-card__iframe[hidden]{display:none}.dd-ugc-card__iframe{pointer-events:none}.dd-ugc-card__iframe[data-dd-provider-starting]{opacity:0}.dd-ugc-card__poster[hidden]{display:none}.dd-ugc-card__destination{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.dd-ugc-card__image-link:focus-visible,.dd-ugc-card__destination:focus-visible{outline:3px solid var(--dd-color-sunbleached-bone);outline-offset:-6px}.dd-ugc-card__playback{position:absolute;z-index:3;top:50%;left:50%;width:52px;height:52px;padding:0 4px 4px 0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.dd-ugc-card__playback:before{position:absolute;z-index:-1;top:4px;right:0;bottom:0;left:4px;border-radius:50%;background:var(--dd-color-buzzard-black);content:""}.dd-ugc-card__playback-face{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--dd-color-sunbleached-bone)}.dd-ugc-card__play-icon{width:0;height:0;margin-inline-start:3px;border-block:7px solid transparent;border-inline-start:11px solid var(--dd-color-buzzard-black)}.dd-ugc-card__pause-icon{display:none;width:10px;height:14px;border-inline:3px solid var(--dd-color-buzzard-black)}.dd-ugc-card[data-playing] .dd-ugc-card__play-icon{display:none}.dd-ugc-card[data-playing] .dd-ugc-card__pause-icon{display:block}.dd-ugc-card__playback:hover .dd-ugc-card__playback-face{background:var(--dd-color-envelope)}.dd-ugc-card__playback:focus-visible{outline:3px solid var(--dd-color-sunbleached-bone);outline-offset:4px;border-radius:50%}.dd-ugc-card__sound{position:absolute;z-index:3;right:16px;bottom:16px;min-width:72px;min-height:44px;border:1px solid var(--dd-color-buzzard-black);border-radius:999px;background:var(--dd-color-sunbleached-bone);color:var(--dd-color-buzzard-black);font:700 12px/1 var(--dd-font-hex-condensed);text-transform:uppercase;cursor:pointer}.dd-ugc-card__sound:focus-visible{outline:3px solid var(--dd-color-sunbleached-bone);outline-offset:3px}@media(hover:hover){.dd-ugc-card:not(:hover):not(:focus-within) :is(.dd-ugc-card__playback,.dd-ugc-card__sound){opacity:0;pointer-events:none}}@media(hover:none){.dd-ugc-card:not([data-dd-controls-visible]):not(:focus-within) :is(.dd-ugc-card__playback,.dd-ugc-card__sound){opacity:0;pointer-events:none}}@media screen and (min-width:990px){.dd-ugc-carousel__track{width:min(100vw,1440px);margin-inline-start:50%;gap:16px;padding-inline:88px;transform:translate(-50%)}.dd-ugc-carousel__track--columns-3 .dd-ugc-carousel__item{width:calc((min(100vw,1440px) - 208px) / 3)}.dd-ugc-carousel__track--columns-4 .dd-ugc-carousel__item{width:calc((min(100vw,1440px) - 224px)/4)}.dd-ugc-carousel__track--columns-5 .dd-ugc-carousel__item{width:calc((min(100vw,1440px) - 240px)/5)}.dd-ugc-carousel__track--count-1,.dd-ugc-carousel__track--columns-3.dd-ugc-carousel__track--count-2,.dd-ugc-carousel__track--columns-3.dd-ugc-carousel__track--count-3,.dd-ugc-carousel__track--columns-4.dd-ugc-carousel__track--count-2,.dd-ugc-carousel__track--columns-4.dd-ugc-carousel__track--count-3,.dd-ugc-carousel__track--columns-4.dd-ugc-carousel__track--count-4,.dd-ugc-carousel__track--columns-5.dd-ugc-carousel__track--count-2,.dd-ugc-carousel__track--columns-5.dd-ugc-carousel__track--count-3,.dd-ugc-carousel__track--columns-5.dd-ugc-carousel__track--count-4,.dd-ugc-carousel__track--columns-5.dd-ugc-carousel__track--count-5{justify-content:center}.dd-ugc-card__playback{width:68px;height:68px;padding:0 4px 4px 0}.dd-ugc-card__playback-face{width:64px;height:64px}}.dd-ugc-section>.dd-section-shell__surface,.dd-ugc-carousel__master{overflow-x:clip}.dd-ugc-carousel__master{display:block;width:100%}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--master{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--master::-webkit-scrollbar{display:none}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__item{flex:0 0 270px}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-carousel-controls:not([hidden]){display:flex}@media screen and (min-width:990px){.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--master{display:flex}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--columns-3 .dd-ugc-carousel__item{flex-basis:calc((min(100vw,1440px) - 208px) / 3)}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--columns-4 .dd-ugc-carousel__item{flex-basis:calc((min(100vw,1440px) - 224px)/4)}.dd-ugc-carousel__master[data-resolved-layout=carousel] .dd-ugc-carousel__track--columns-5 .dd-ugc-carousel__item{flex-basis:calc((min(100vw,1440px) - 240px)/5)}}@media(prefers-reduced-motion:reduce){.dd-ugc-card__playback-face{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-dd-ugc-carousel.css.map */