.ugc-video{overflow:hidden}.ugc-video__page-width--full{width:100%;max-width:none;padding-inline:0}.ugc-video__header{display:flex;align-items:end;justify-content:space-between;gap:3.2rem;margin:0 auto 3.2rem;padding-inline:clamp(1.6rem,3.5vw,5rem)}.ugc-video__header--center{align-items:center;flex-direction:column;text-align:center}.ugc-video__header>div:first-child{flex:1 1 72rem;max-width:72rem;min-width:0}.ugc-video__header--center>div:first-child{flex:0 1 auto;width:100%}.ugc-video__header .title{margin:0}.ugc-video__subheading{max-width:58rem;margin:1rem 0 0;color:rgba(var(--color-foreground),.68)}.ugc-video__controls{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.ugc-video__controls .slider-button{width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:999px;background:transparent;color:rgb(var(--color-foreground));box-shadow:none}.ugc-video__controls .slider-button--prev .svg-wrapper{transform:rotate(90deg)}.ugc-video__controls .slider-button--next .svg-wrapper{transform:rotate(-90deg)}.ugc-video__controls .slider-button[disabled]{opacity:.32}.ugc-video__progress{position:relative;width:12rem;height:.1rem;overflow:hidden;background:rgba(var(--color-foreground),.14)}.ugc-video__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.64);transform:scaleX(var(--progress, 0));transform-origin:left center}.ugc-video__track{--ugc-card-outer-width: calc(var(--ugc-card-width-desktop, 300px) + 24px);display:grid;grid-auto-flow:column;grid-auto-columns:var(--ugc-card-outer-width);align-items:start;gap:var(--ugc-gap, 0px);width:100%;margin:0;padding:0 max(5rem,calc(50% - (var(--ugc-card-outer-width) / 2))) 9rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-padding-inline:max(5rem,calc(50% - (var(--ugc-card-outer-width) / 2)));scroll-snap-type:x mandatory;scrollbar-width:none;box-sizing:border-box}.ugc-video__track::-webkit-scrollbar{display:none}.ugc-video__card{width:var(--ugc-card-outer-width);margin:0;padding:calc((var(--ugc-active-video-height, 500px) - var(--ugc-video-height-desktop, 388px)) / 2) 12px 0;scroll-snap-align:center;box-sizing:border-box;cursor:pointer;transition:padding-top .24s cubic-bezier(.22,1,.36,1)}.ugc-video__card.is-active{padding-top:0}.ugc-video__media{position:relative;width:100%;height:var(--ugc-video-height-desktop, 388px);overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--ugc-radius, 10px);background:linear-gradient(145deg,#eee8e1,#d8c9bb 48%,#f7f4ef);background-clip:padding-box;box-sizing:border-box;transition:height .24s cubic-bezier(.22,1,.36,1),border-color .18s ease}.ugc-video__card.is-active .ugc-video__media{height:var(--ugc-active-video-height, 500px)}.ugc-video__media video,.ugc-video__media img,.ugc-video__poster,.ugc-video__placeholder{display:block;width:100%;height:100%}.ugc-video__media video,.ugc-video__media img,.ugc-video__poster{object-fit:cover}.ugc-video__placeholder{background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.88),transparent 34%),linear-gradient(150deg,#e3d8cd,#f5f1eb 52%,#d6c6b7)}.ugc-video__label{position:absolute;top:1.2rem;left:1.2rem;z-index:2;display:inline-flex;padding:.55rem .85rem;border-radius:999px;background:#ffffffe0;color:#000000b8;font-size:1rem;line-height:1;letter-spacing:.08em;text-transform:uppercase}.ugc-video__actions{position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;display:flex}.ugc-video__action--mute{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;min-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;border:0;border-radius:999px;background:#00000057;color:#fff;box-shadow:none;transition:background-color .16s ease,transform .16s ease}.ugc-video__action--mute:hover,.ugc-video__action--mute:focus-visible{background:#00000080}.ugc-video__action--mute:active{transform:scale(.94)}.ugc-video__mute-icon,.ugc-video__mute-icon svg{display:block;width:2rem;height:2rem}.ugc-video__sound-wave,.ugc-video__mute-x{transform-origin:center;transition:opacity .16s ease,transform .16s ease}.ugc-video__action--mute .ugc-video__sound-wave{opacity:1;transform:scale(1)}.ugc-video__action--mute .ugc-video__mute-x{opacity:0;transform:scale(.72)}.ugc-video__action--mute.is-muted .ugc-video__sound-wave{opacity:0;transform:translate(-.2rem) scale(.72)}.ugc-video__action--mute.is-muted .ugc-video__mute-x{opacity:1;transform:scale(1)}.ugc-video__product{position:relative;z-index:2;display:grid;grid-template-columns:6.4rem minmax(0,1fr);align-items:center;gap:1.2rem;width:100%;min-height:9rem;height:9rem;margin:0;padding:.8rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--ugc-radius, 10px);background:#fff;color:rgb(var(--color-foreground));text-decoration:none;box-shadow:none;box-sizing:border-box}.ugc-video__product-image{width:6.4rem;height:7.2rem;overflow:hidden;border-radius:calc(var(--ugc-radius, 10px) - 2px);background:#f5f3ef}.ugc-video__product-image img,.ugc-video__product-image svg{display:block;width:100%;height:100%;object-fit:cover}.ugc-video__product-title,.ugc-video__product-price{margin:0}.ugc-video__product-title{display:-webkit-box;overflow:hidden;color:inherit;font-family:var(--font-heading-family);font-size:1.45rem;font-weight:var(--font-heading-weight);line-height:1.18;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ugc-video__product-price{margin-top:.65rem;color:rgba(var(--color-foreground),.78);font-size:1.25rem;line-height:1.2}.ugc-video__card:hover .ugc-video__media,.ugc-video__card:focus-within .ugc-video__media,.ugc-video__card:hover .ugc-video__product,.ugc-video__card:focus-within .ugc-video__product{border-color:rgba(var(--color-foreground),.32)}@media screen and (max-width:989px){.ugc-video__header{align-items:start;margin-bottom:2.4rem;padding-inline:1.5rem}.ugc-video__header .title{font-size:3rem;line-height:1.05}.ugc-video__progress{display:none}.ugc-video__track{--ugc-card-outer-width: calc(var(--ugc-card-width-mobile, 250px) + 12px);padding:4rem calc(50% - (var(--ugc-card-outer-width) / 2)) 4rem;scroll-padding-inline:calc(50% - (var(--ugc-card-outer-width) / 2))}.ugc-video__card,.ugc-video__card.is-active{padding:0 6px}.ugc-video__media,.ugc-video__card.is-active .ugc-video__media{height:var(--ugc-video-height-mobile, 388px)}.ugc-video__product{grid-template-columns:5.6rem minmax(0,1fr);gap:1rem;min-height:8rem;height:8rem;padding:.7rem;margin-top:5px}.ugc-video__product-image{width:5.6rem;height:6.4rem}.ugc-video__product-title{font-size:1.28rem}.ugc-video__product-price{margin-top:.5rem;font-size:1.15rem}}@media screen and (max-width:749px){body.template-index .ugc-video__track{padding:0 1.5rem 4rem;scroll-padding-inline:.9rem 1.5rem;clip-path:inset(0 0 0 1.5rem)}body.template-index .ugc-video__card{scroll-snap-align:start}.ugc-video__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem}.ugc-video__header--center{text-align:left}.ugc-video__controls{align-self:start}.ugc-video__controls .slider-button{width:3.6rem;min-width:3.6rem;height:3.6rem;min-height:3.6rem}.ugc-video__action--mute{width:4rem;min-width:4rem;height:4rem;min-height:4rem}}body.template-product .ugc-video--viewer-enabled .ugc-video__header{align-items:flex-start;margin-bottom:1.6rem}body.template-product .ugc-video--viewer-enabled .ugc-video__header .title{font-family:var(--font-heading-family);font-size:clamp(3.2rem,3.4vw,4.6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.02;letter-spacing:0;text-transform:uppercase}body.template-product .ugc-video--viewer-enabled .ugc-video__controls:empty{display:none}body.template-product .ugc-video--viewer-enabled .ugc-video__track{padding-top:0;padding-bottom:2.8rem}@media screen and (max-width:749px){body.template-product .ugc-video--viewer-enabled .ugc-video__header{grid-template-columns:minmax(0,1fr);margin-bottom:1.4rem}body.template-product .ugc-video--viewer-enabled .ugc-video__header .title{font-size:clamp(2.8rem,8vw,3.2rem);line-height:1.04}body.template-product .ugc-video--viewer-enabled .ugc-video__track{column-gap:.2rem;padding-top:0;padding-bottom:2.2rem}}@media(prefers-reduced-motion:reduce){.ugc-video__track{scroll-behavior:auto}.ugc-video__card,.ugc-video__media,.ugc-video__action--mute{transition:none}}.ugc-video__product-cta{display:none}.ugc-video--viewer-enabled .ugc-video__card{outline:none}.ugc-video--viewer-enabled .ugc-video__card:focus-visible .ugc-video__media{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.ugc-video--viewer-enabled .ugc-video__card:not([data-playing=true]) .ugc-video__media:after{content:"";position:absolute;top:50%;left:50%;z-index:2;width:5.6rem;height:5.6rem;border:.1rem solid rgba(255,255,255,.82);border-radius:50%;background:#11111147;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);transform:translate(-50%,-50%);pointer-events:none}.ugc-video--viewer-enabled .ugc-video__card:not([data-playing=true]) .ugc-video__media:before{content:"";position:absolute;top:50%;left:calc(50% + .2rem);z-index:3;width:0;height:0;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;border-left:1.1rem solid #fff;transform:translate(-35%,-50%);pointer-events:none}html.ugc-video-viewer-open,body.ugc-video-viewer-open{overflow:hidden;overscroll-behavior:none}.ugc-video-viewer[hidden]{display:none!important}.ugc-video-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14000;display:grid;place-items:center;padding:2rem;background:#111111c2;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.ugc-video-viewer.is-open{opacity:1;visibility:visible}.ugc-video-viewer__dialog{position:relative;width:min(46rem,100%);height:min(86rem,calc(100dvh - 4rem));max-height:92dvh;overflow:hidden;border-radius:1.6rem;background:#171513;color:#fff;box-shadow:0 2.8rem 8rem #0000004d;outline:none;transform:translateY(1.2rem) scale(.985);transition:transform .26s cubic-bezier(.22,1,.36,1)}.ugc-video-viewer.is-open .ugc-video-viewer__dialog{transform:translateY(0) scale(1)}.ugc-video-viewer__stage,.ugc-video-viewer__stage .ugc-video-viewer__card,.ugc-video-viewer__stage .ugc-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ugc-video-viewer__stage{overflow:hidden}.ugc-video-viewer__stage .ugc-video-viewer__card{z-index:1;margin:0;padding:0;cursor:default;transform:translateZ(0);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.ugc-video-viewer__stage .ugc-video-viewer__card.is-transition-target{z-index:2}.ugc-video-viewer__stage .ugc-video-viewer__card.is-entering-from-bottom,.ugc-video-viewer__stage .ugc-video-viewer__card.is-leaving-to-bottom{transform:translate3d(0,100%,0)}.ugc-video-viewer__stage .ugc-video-viewer__card.is-entering-from-top,.ugc-video-viewer__stage .ugc-video-viewer__card.is-leaving-to-top{transform:translate3d(0,-100%,0)}.ugc-video-viewer__stage .ugc-video__media{overflow:hidden;border:0;border-radius:0;background:#171513}.ugc-video-viewer__stage .ugc-video__media video,.ugc-video-viewer__stage .ugc-video__media img,.ugc-video-viewer__stage .ugc-video__poster,.ugc-video-viewer__stage .ugc-video__placeholder{width:100%;height:100%;object-fit:cover}html body.template-product .ugc-video-viewer__stage .ugc-video-viewer__card .ugc-video__media,html body.template-product .ugc-video-viewer__stage .ugc-video-viewer__card.is-active .ugc-video__media,html body.template-product .ugc-video-viewer__stage .ugc-video-viewer__card .ugc-video__media video{height:100%!important;max-height:none}.ugc-video-viewer__stage .ugc-video__label,.ugc-video-viewer__stage .ugc-video__actions,.ugc-video-viewer__stage .ugc-video__media:before,.ugc-video-viewer__stage .ugc-video__media:after{display:none}.ugc-video-viewer__stage .ugc-video__product{position:absolute;right:1.2rem;bottom:3.4rem;left:1.2rem;z-index:4;grid-template-columns:6.2rem minmax(0,1fr) auto;gap:1rem;width:auto;height:7.8rem;min-height:7.8rem;padding:.7rem;border:0;border-radius:.8rem;background:#fffffff0;color:#111;box-shadow:0 1rem 3rem #0000002e;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.ugc-video-viewer__stage .ugc-video__product-image{width:6.2rem;height:6.4rem;border-radius:.5rem}.ugc-video-viewer__stage .ugc-video__product-title{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;line-height:1.2;letter-spacing:0}.ugc-video-viewer__stage .ugc-video__product-price{margin-top:.4rem;color:#111111b3;font-size:1.15rem}.ugc-video-viewer__stage .ugc-video__product-cta{display:inline-flex;align-items:center;justify-content:center;min-width:6.2rem;min-height:3.6rem;padding:.7rem 1.2rem;border-radius:.5rem;background:#111;color:#fff;font-family:var(--font-body-family);font-size:1.15rem;font-weight:600;line-height:1}.ugc-video-viewer__control{display:inline-flex;align-items:center;justify-content:center;width:4rem;min-width:4rem;height:4rem;min-height:4rem;padding:0;border:0;border-radius:50%;background:#11111161;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);transition:background-color .16s ease,transform .16s ease}.ugc-video-viewer__control:hover,.ugc-video-viewer__control:focus-visible{background:#1111119e}.ugc-video-viewer__control:active{transform:scale(.94)}.ugc-video-viewer__control svg,.ugc-video-viewer__control .svg-wrapper{display:block;width:2rem;height:2rem}.ugc-video-viewer__close{position:absolute;top:1.2rem;left:1.2rem;z-index:6}.ugc-video-viewer__utility{position:absolute;top:1.2rem;right:1.2rem;z-index:6;display:grid;gap:.7rem}.ugc-video-viewer__navigation{position:absolute;top:50%;right:1.2rem;z-index:6;display:grid;gap:.7rem;transform:translateY(-50%)}.ugc-video-viewer__navigation [data-ugc-viewer-prev] .svg-wrapper{transform:rotate(180deg)}.ugc-video-viewer__navigation [data-ugc-viewer-next] .svg-wrapper{transform:none}.ugc-video-viewer__counter{position:absolute;bottom:.9rem;left:50%;z-index:6;margin:0;padding:.35rem .8rem;border-radius:999px;background:#11111161;color:#fff;font-size:1.05rem;line-height:1;transform:translate(-50%);-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem)}.ugc-video-viewer__swipe-prompt{position:absolute;bottom:13rem;left:50%;z-index:7;display:inline-flex;align-items:center;gap:.7rem;width:max-content;max-width:calc(100% - 4rem);padding:.75rem 1.1rem;border:.1rem solid rgba(255,255,255,.24);border-radius:999px;background:#11111194;color:#fff;font-family:var(--font-body-family);font-size:1.15rem;font-weight:500;line-height:1;opacity:0;transform:translate3d(-50%,1rem,0);transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);pointer-events:none}.ugc-video-viewer__swipe-prompt.is-visible{opacity:1;transform:translate3d(-50%,0,0)}.ugc-video-viewer__swipe-prompt svg{display:block;width:1.8rem;height:2.4rem;animation:ugc-video-swipe-cue 1.25s ease-in-out infinite}@keyframes ugc-video-swipe-cue{0%,to{transform:translateY(-.2rem)}50%{transform:translateY(.2rem)}}.ugc-video-viewer__control .ugc-video-viewer__sound-wave,.ugc-video-viewer__control .ugc-video-viewer__mute-x{transition:opacity .16s ease,transform .16s ease}.ugc-video-viewer__control .ugc-video-viewer__sound-wave,.ugc-video-viewer__control.is-muted .ugc-video-viewer__mute-x{opacity:1;transform:scale(1)}.ugc-video-viewer__control .ugc-video-viewer__mute-x,.ugc-video-viewer__control.is-muted .ugc-video-viewer__sound-wave{opacity:0;transform:scale(.75)}@media screen and (max-width:749px){.ugc-video-viewer{padding:0;background:#171513}.ugc-video-viewer__dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.ugc-video-viewer__stage .ugc-video__product{right:1rem;bottom:max(3.2rem,calc(env(safe-area-inset-bottom) + 2.4rem));left:1rem}.ugc-video-viewer__close,.ugc-video-viewer__utility,.ugc-video-viewer__navigation{margin-top:env(safe-area-inset-top)}.ugc-video-viewer__counter{bottom:max(.7rem,env(safe-area-inset-bottom))}.ugc-video-viewer__swipe-prompt{bottom:max(12.4rem,calc(env(safe-area-inset-bottom) + 11.6rem))}}@media(prefers-reduced-motion:reduce){.ugc-video-viewer,.ugc-video-viewer__dialog,.ugc-video-viewer__control,.ugc-video-viewer__stage .ugc-video-viewer__card,.ugc-video-viewer__swipe-prompt{transition:none}.ugc-video-viewer__swipe-prompt svg{animation:none}}@media screen and (min-width:990px){body.template-index .ugc-video__header--center{align-items:flex-start;text-align:left}body.template-index .ugc-video__track{padding-right:5rem;padding-left:5rem;scroll-padding-inline:5rem}body.template-index .ugc-video__card{scroll-snap-align:start}}@media screen and (min-width:990px){body.template-index .ugc-video:not(#rr-ugc-edge0#rr-ugc-edge1#rr-ugc-edge2#rr-ugc-edge3#rr-ugc-edge4){--ugc-desktop-inline-edge: clamp(1.6rem, 3.5vw, 5rem)}body.template-index .ugc-video .ugc-video__track:not(#rr-ugc-edge0#rr-ugc-edge1#rr-ugc-edge2#rr-ugc-edge3#rr-ugc-edge4){padding-left:var(--ugc-desktop-inline-edge);scroll-padding-left:var(--ugc-desktop-inline-edge);clip-path:inset(0 0 0 var(--ugc-desktop-inline-edge))}body.template-index .ugc-video .ugc-video__card:not(#rr-ugc-edge0#rr-ugc-edge1#rr-ugc-edge2#rr-ugc-edge3#rr-ugc-edge4){padding-right:24px;padding-left:0;scroll-snap-align:start}}@media screen and (min-width:1800px){html body.template-index .ugc-video:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){--rr-motion-edge: clamp(4rem, 2.5vw, 5rem);--rr-motion-gap: clamp(1.6rem, 1.25vw, 2.4rem)}html body.template-index .ugc-video .ugc-video__header:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){padding-right:var(--rr-motion-edge);padding-left:var(--rr-motion-edge)}html body.template-index .ugc-video .ugc-video__track:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){grid-auto-columns:calc((100vw - var(--rr-motion-edge) - var(--rr-motion-edge) - var(--rr-motion-gap) - var(--rr-motion-gap) - var(--rr-motion-gap) - var(--rr-motion-gap)) / 5);gap:var(--rr-motion-gap);padding:0 var(--rr-motion-edge) clamp(6rem,4vw,9rem);scroll-padding-inline:var(--rr-motion-edge);clip-path:none}html body.template-index .ugc-video .ugc-video__card:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5),html body.template-index .ugc-video .ugc-video__card.is-active:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){width:100%;padding:0}html body.template-index .ugc-video .ugc-video__media:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5),html body.template-index .ugc-video .ugc-video__card.is-active .ugc-video__media:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){height:auto;aspect-ratio:4 / 5}html body.template-index .ugc-video .ugc-video__product:not(#rr-motion0#rr-motion1#rr-motion2#rr-motion3#rr-motion4#rr-motion5){min-height:clamp(9rem,5vw,11rem);height:clamp(9rem,5vw,11rem)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-ugc-video-slider.css.map */