ugc-videos.ugc-videos{display:block;overflow-x:clip;color:rgb(var(--color-foreground))}.ugc-videos,.ugc-videos *,.ugc-videos *:before,.ugc-videos *:after{box-sizing:border-box}.ugc-videos .ugc-videos__inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px}.ugc-videos .ugc-videos__heading{margin:0;color:rgb(var(--color-foreground));text-align:var(--ugc-heading-align-mobile, center)}.ugc-videos .ugc-videos__rail-wrap{min-width:0}.ugc-videos .ugc-videos__rail{--slide-w-mobile: 214px;--slide-w: 300px;--carousel-controls-gap-top: 20px}.ugc-videos .ugc-videos__rail .swiper-wrapper{align-items:center}.ugc-videos .ugc-videos__slide{padding-block:28px}.ugc-videos .ugc-videos__slide.swiper-slide-active,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening{padding-block:0}.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .swiper-wrapper{gap:8px;transform:translate(calc(50% - 214px / 2 - var(--ugc-opening, 0) * (214px + 8px)))}.ugc-videos .ugc-card{--card-rating-color: var(--color-black);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-hairline);background-color:var(--color-white);color:var(--color-black)}.ugc-videos .ugc-card__media{position:relative;flex:none;height:296px;overflow:hidden;background-color:var(--color-beige-200)}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card__media,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card__media{height:352px}.ugc-videos .ugc-videos__slide:not(.swiper-slide-active) .ugc-card__media{cursor:pointer}.ugc-videos .ugc-card__media .ugc-card__poster{width:100%;height:100%}.ugc-videos .ugc-card__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.ugc-videos .ugc-card__media.is-playing .ugc-card__video{opacity:1}.ugc-videos .ugc-card__sound{position:absolute;right:14.47px;bottom:34.64px;z-index:2;display:flex;align-items:center;justify-content:center;width:28.1px;height:28.1px;margin:0;padding:0;border:0;border-radius:var(--radius-full);background-color:#0000004d;box-shadow:none;color:var(--color-white);cursor:pointer}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card__sound,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card__sound{bottom:11.95px}.ugc-videos .ugc-card__sound:focus-visible{outline:2px solid var(--color-white);outline-offset:2px;box-shadow:none}.ugc-videos .ugc-card__sound-icon{display:inline-flex;width:11.24px;height:11.24px}.ugc-videos .ugc-card__sound-icon svg{display:block;width:100%;height:100%}.ugc-videos .ugc-card__sound-icon--unmuted,.ugc-videos .ugc-card__sound[aria-pressed=true] .ugc-card__sound-icon--muted{display:none}.ugc-videos .ugc-card__sound[aria-pressed=true] .ugc-card__sound-icon--unmuted{display:inline-flex}.ugc-videos .ugc-card__details{display:flex;align-items:center;gap:6px;width:100%;margin:0;padding:10px 6px;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:start;text-decoration:none}.ugc-videos button.ugc-card__details{cursor:pointer}.ugc-videos .ugc-card__details[aria-disabled=true]{opacity:.5;cursor:progress}.ugc-videos button.ugc-card__details:focus-visible{outline:2px solid currentColor;outline-offset:-2px;box-shadow:none}.ugc-videos .ugc-card__thumb{display:block;flex:none;width:30px;height:38px;overflow:hidden}.ugc-videos .ugc-card__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.ugc-videos .ugc-card__text{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-width:0}.ugc-videos .ugc-card__row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.ugc-videos .ugc-card__row .card-rating{margin-left:auto}.ugc-videos .ugc-card__title{min-width:0;overflow:hidden;font-family:var(--font-family-neue-haas);font-size:var(--font-size-body-11);font-weight:var(--font-weight-medium);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-positive-1);white-space:nowrap;text-overflow:ellipsis}.ugc-videos .ugc-card__price{font-family:var(--font-family-neue-haas);font-size:var(--font-size-body-10);font-weight:var(--font-weight-regular);line-height:var(--line-height-110);letter-spacing:var(--letter-spacing-0);white-space:nowrap}.ugc-videos .ugc-card__price-sold-out{color:var(--color-grey-500)}.ugc-videos .ugc-card__details:has(.ugc-card__price-sold-out) .ugc-card__thumb{opacity:.5}@media screen and (max-width:749px){.ugc-videos .ugc-card{--card-rating-icon-size: 8.43px;--card-rating-gap: 1.405px}}@media(prefers-reduced-motion:no-preference){.ugc-videos .ugc-videos__slide{transition:padding-block var(--duration-normal) var(--ease-default)}.ugc-videos .ugc-card__media{transition:height var(--duration-normal) var(--ease-default)}.ugc-videos .ugc-card__sound{transition:bottom var(--duration-normal) var(--ease-default)}.ugc-videos .ugc-card__video{transition:opacity var(--duration-normal) var(--ease-default)}}@media screen and (min-width:750px){.ugc-videos .ugc-videos__inner{row-gap:28px}.ugc-videos .ugc-videos__heading{text-align:var(--ugc-heading-align-desktop, center)}.ugc-videos .ugc-videos__rail{--carousel-controls-gap-top: 28px}.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .swiper-wrapper{gap:var(--carousel-gap-desktop);transform:translate(calc(50% - 300px / 2 - var(--ugc-opening, 0) * (300px + var(--carousel-gap-desktop))))}.ugc-videos .ugc-card{border-radius:var(--radius-panel)}.ugc-videos .ugc-videos__slide{padding-block:40px}.ugc-videos .ugc-videos__slide.swiper-slide-active,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening{padding-block:0}.ugc-videos .ugc-card__media{height:420px}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card__media,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card__media{height:500px}.ugc-videos .ugc-card__sound{right:16px;bottom:18px;width:40px;height:40px}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card__sound,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card__sound{bottom:16px}.ugc-videos .ugc-card__sound-icon{width:16px;height:16px}.ugc-videos .ugc-card__details{gap:10px;padding:14px 12px}.ugc-videos .ugc-card__thumb{width:51px;height:61px}.ugc-videos .ugc-card__row{gap:10px}.ugc-videos .ugc-card__title{font-size:var(--font-size-body-13);letter-spacing:var(--letter-spacing-0)}.ugc-videos .ugc-card__price{font-size:var(--font-size-body-13);line-height:var(--line-height-140);letter-spacing:var(--letter-spacing-positive-1)}}.ugc-videos .ugc-card-play{inset-inline-end:64px;inset-block-end:18px}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card-play,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card-play{inset-block-end:16px}.ugc-videos .ugc-card-play .video-toggle-icon{width:16px;height:16px}@media(prefers-reduced-motion:no-preference){.ugc-videos .ugc-card-play{transition:inset-block-end var(--duration-normal) var(--ease-default)}}@media screen and (max-width:749px){.ugc-videos .ugc-card-play{inset-inline-end:50.57px;inset-block-end:34.64px;width:28.1px;height:28.1px}.ugc-videos .ugc-videos__slide.swiper-slide-active .ugc-card-play,.ugc-videos .ugc-videos__rail:not(.swiper-initialized) .ugc-videos__slide.is-opening .ugc-card-play{inset-block-end:11.95px}.ugc-videos .ugc-card-play .video-toggle-icon{width:11.24px;height:11.24px}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/section-ugc-videos.css.map */