.ugc-carousel{--uc-pad-block: var(--space-7) var(--space-7);--uc-card-w: 280px;--uc-card-h: 480px;--uc-gap: var(--space-3);--uc-bg: var(--color-brand-white);--uc-fg: var(--color-brand-black);--uc-eb: var(--color-brand-primary);--uc-sub: var(--color-ink-600);background-color:var(--uc-bg);color:var(--uc-fg);padding-block:var(--uc-pad-block)}@media(min-width:768px){.ugc-carousel{--uc-pad-block: var(--space-8) var(--space-8);--uc-card-w: 380px;--uc-card-h: 676px;--uc-gap: 24px}}.ugc-carousel--dark{--uc-bg: var(--color-brand-black);--uc-fg: var(--color-brand-white);--uc-sub: rgba(255, 255, 255, .6)}.ugc-carousel__inner{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:var(--page-width);margin-inline:auto}@media(min-width:768px){.ugc-carousel__inner{gap:var(--space-7)}}.ugc-carousel__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding-inline:var(--page-margin)}.ugc-carousel__subheading{margin:0;font-size:var(--fs-base);line-height:1.4;color:var(--uc-sub)}@media(min-width:768px){.ugc-carousel__subheading{font-size:var(--fs-md)}}.ugc-carousel__viewport{position:relative;display:block}.ugc-carousel__track{list-style:none;margin:0;padding-block:24px 32px;padding-inline:max(var(--page-margin),calc((100% - var(--uc-card-w)) / 2));display:flex;gap:var(--uc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.ugc-carousel__track::-webkit-scrollbar{display:none}.ugc-card{flex:0 0 auto;width:var(--uc-card-w, 280px);min-width:var(--uc-card-w, 280px);max-width:var(--uc-card-w, 280px);scroll-snap-align:center;scroll-snap-stop:always;transform:scale(.55);opacity:.5;margin-inline:calc(var(--uc-card-w) * -.225);transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s cubic-bezier(.4,0,.2,1)}.ugc-card[data-distance="0"]{transform:scale(1);opacity:1;margin-inline:0}.ugc-card[data-distance="1"]{transform:scale(.7);opacity:.7;margin-inline:calc(var(--uc-card-w) * -.15)}.ugc-card[data-distance="2"]{transform:scale(.55);opacity:.5;margin-inline:calc(var(--uc-card-w) * -.225)}@media(prefers-reduced-motion:reduce){.ugc-card{transition:none}}@media(max-width:767px){.ugc-card,.ugc-card[data-distance]{transform:none;opacity:1;margin-inline:0}}.ugc-card__player{position:relative;display:block;width:100%;height:var(--uc-card-h);background-color:var(--color-ink-200);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px #0000002e}@media(min-width:768px){.ugc-card__player{border-radius:24px;box-shadow:0 24px 48px #0000002e}}.ugc-card__media{display:block;width:100%;height:100%;object-fit:cover;border:0}iframe.ugc-card__media{background-color:var(--color-brand-black)}.ugc-card__player[playing] .ugc-card__media{object-fit:contain;background-color:var(--color-brand-black)}.ugc-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-card__player[playing] .ugc-card__poster{display:none}.ugc-card__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:54px;height:54px;padding:0;border:0;border-radius:50%;background-color:#ffffffeb;color:var(--color-brand-black);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0006;transition:transform var(--transition-fast)}@media(min-width:768px){.ugc-card__play{width:72px;height:72px}}.ugc-card__play:hover{transform:scale(1.05)}.ugc-card__play svg{width:24px;height:24px;margin-left:3px;fill:var(--color-brand-black)}@media(min-width:768px){.ugc-card__play svg{width:28px;height:28px}}.ugc-card__player[playing] .ugc-card__play{display:none}.ugc-carousel__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;padding:0;border:0;border-radius:50%;background-color:var(--color-brand-white);color:var(--color-brand-black);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000001f;transition:opacity var(--transition-fast)}@media(min-width:1024px){.ugc-carousel__nav{display:inline-flex}}.ugc-carousel__nav:hover{background-color:var(--color-ink-100)}.ugc-carousel__nav:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:2px}.ugc-carousel__nav:disabled{opacity:.3;cursor:not-allowed}.ugc-carousel__nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.ugc-carousel__nav--prev{inset-inline-start:max(20px,var(--page-margin))}.ugc-carousel__nav--prev svg{transform:rotate(180deg)}.ugc-carousel__nav--next{inset-inline-end:max(20px,var(--page-margin))}.ugc-carousel__dots{display:flex;align-items:center;justify-content:center;gap:8px;padding-block:var(--space-3)}.ugc-carousel__dot{display:inline-block;width:6px;height:6px;padding:0;border:0;border-radius:50%;background-color:var(--color-ink-200);cursor:pointer;transition:background-color var(--transition-fast),width var(--transition-fast),height var(--transition-fast)}.ugc-carousel__dot:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:2px}.ugc-carousel--dark .ugc-carousel__dot{background-color:#ffffff4d}.ugc-carousel__dot--active{width:8px;height:8px;background-color:var(--uc-fg)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/ugc-video-carousel.css.map */