.ugc-bubble,.ugc-bubble *,.ugc-player,.ugc-player *{box-sizing:border-box}.ugc-bubble{position:fixed;z-index:29;--ugc-bubble-w: 8.8rem;width:var(--ugc-bubble-w);height:calc(var(--ugc-bubble-w) * 16 / 9);opacity:0;transform:translateY(1.2rem) scale(.94);transition:opacity var(--duration-default, .2s) ease,transform var(--animation-default)}.ugc-bubble[hidden]{display:none}.ugc-bubble[active]{opacity:1;transform:none}.ugc-bubble--bottom-left{inset-inline-start:max(1.2rem,env(safe-area-inset-left,0px))}.ugc-bubble--bottom-right{inset-inline-end:max(1.2rem,env(safe-area-inset-right,0px))}.ugc-bubble--bottom-left,.ugc-bubble--bottom-right{inset-block-end:calc(8.4rem + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.ugc-bubble{--ugc-bubble-w: 11rem}.ugc-bubble--bottom-left,.ugc-bubble--bottom-right{inset-block-end:calc(2rem + env(safe-area-inset-bottom,0px))}}.ugc-bubble__open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;overflow:hidden;border-radius:var(--blocks-radius, 1.2rem);background:#000;box-shadow:0 1.2rem 3rem #00000047;cursor:pointer}.ugc-bubble__poster,.ugc-bubble__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-bubble__video{opacity:0;transition:opacity var(--duration-default, .2s) ease}.ugc-bubble--playing .ugc-bubble__video{opacity:1}.ugc-bubble__play{position:absolute;inset-block-end:.8rem;inset-inline-start:.8rem;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;color:#000;background:#ffffffeb;pointer-events:none}.ugc-bubble__play .icon{width:1.2rem;height:1.2rem;margin-inline-start:.2rem}.ugc-bubble--playing .ugc-bubble__play{opacity:0}.ugc-bubble__count{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;min-width:2rem;padding:.2rem .6rem;border-radius:1rem;font-size:1.1rem;font-weight:600;line-height:1.6rem;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ugc-bubble__close{position:absolute;inset-block-start:-.8rem;inset-inline-end:-.8rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:50%;color:#000;background:#fff;box-shadow:0 .2rem .8rem #00000038;cursor:pointer}.ugc-bubble__close .icon{width:1.2rem;height:1.2rem}@media(prefers-reduced-motion:reduce){.ugc-bubble{transition-duration:.01ms;transform:none}}.ugc-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;pointer-events:none}.ugc-player[hidden]{display:none}.ugc-player[open]{pointer-events:auto}.ugc-player{--ugc-card-height: 13.6rem}.ugc-player:has(.ugc-player__variants){--ugc-card-height: 17.6rem}.ugc-player>.fixed-overlay{background-color:#000000eb;transition-duration:.3s}.ugc-player[active]>.fixed-overlay{opacity:1;visibility:visible;pointer-events:auto}.ugc-player__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transform:translate3d(0,2rem,0);transition:opacity var(--duration-default, .2s) ease,transform var(--animation-default);transform-origin:center center;will-change:transform,opacity}.ugc-player[active] .ugc-player__stage{opacity:1;transform:none}.ugc-player--dragging .ugc-player__stage{transition:none}.ugc-player__scroller{position:relative;height:100dvh;height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:none;touch-action:pan-y;scroll-behavior:smooth;scrollbar-width:none}.ugc-player__scroller::-webkit-scrollbar{display:none}.ugc-player__slide{position:relative;height:100dvh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center}.ugc-player__frame{position:relative;width:100%;height:100%;overflow:hidden;background:#000;display:flex;flex-direction:column}.ugc-player__media{position:relative;flex:0 1 auto;height:calc(100% - var(--ugc-card-height));min-height:0;overflow:hidden}@media(min-width:768px){.ugc-player{--ugc-frame-height: 97svh;--ugc-frame-width: calc((var(--ugc-frame-height) - var(--ugc-card-height)) * 9 / 16)}.ugc-player__frame{width:var(--ugc-frame-width);height:var(--ugc-frame-height);border-radius:var(--blocks-radius, 1.2rem)}.ugc-player__product{min-height:var(--ugc-card-height)}.ugc-player__chrome{width:var(--ugc-frame-width);margin-inline:auto}}.ugc-player__poster,.ugc-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ugc-player__video{z-index:1}.ugc-player__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#0000008c,#0000 22%),linear-gradient(to top,#000000bf,#00000059 20%,#0000 46%)}.ugc-player__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.ugc-player__slide.is-paused .ugc-player__tap:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:0;height:0;transform:translate(-40%,-50%);border-style:solid;border-width:1.6rem 0 1.6rem 2.6rem;border-color:transparent transparent transparent rgba(255,255,255,.92);filter:drop-shadow(0 .2rem .8rem rgba(0,0,0,.4))}.ugc-player__chrome{position:absolute;inset-block-start:0;inset-inline:0;z-index:5;display:flex;align-items:center;gap:1.2rem;color:#fff;padding:calc(env(safe-area-inset-top,0px) + 1.2rem) max(1.6rem,env(safe-area-inset-right,0px)) 1.2rem max(1.6rem,env(safe-area-inset-left,0px))}.ugc-player__progress{display:flex;gap:.4rem;flex:1 1 auto;min-width:0}.ugc-player__progress-seg{flex:1 1 0;height:.2rem;border-radius:.2rem;background:#ffffff4d;overflow:hidden}.ugc-player__progress-fill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}[dir=rtl] .ugc-player__progress-fill{transform-origin:right center}.ugc-player__sound,.ugc-player__close{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;color:#fff;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.ugc-player__close .icon{width:1.8rem;height:1.8rem}.ugc-player__sound-glyph{width:2rem;height:2rem}.ugc-player__sound-glyph--off,.ugc-player--muted .ugc-player__sound-glyph--on{display:none}.ugc-player--muted .ugc-player__sound-glyph--off{display:block}.ugc-player__meta{position:absolute;z-index:5;inset-inline:0;inset-block-end:0;color:#fff;padding:1.6rem max(1.6rem,env(safe-area-inset-right,0px)) 1.2rem max(1.6rem,env(safe-area-inset-left,0px));pointer-events:none}.ugc-player__handle{margin:0 0 .4rem;font-size:1.3rem;font-weight:600;opacity:.9}.ugc-player__caption{margin:0;font-size:1.4rem;line-height:1.4;text-shadow:0 .1rem .6rem rgba(0,0,0,.5)}.ugc-player__product{flex:0 0 auto;display:flex;flex-direction:column;gap:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-start-start-radius:var(--blocks-radius, 1.2rem);border-start-end-radius:var(--blocks-radius, 1.2rem);padding:1.1rem max(1.4rem,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 1.1rem) max(1.4rem,env(safe-area-inset-left,0px))}.ugc-player__product-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.ugc-player__product-media{flex:0 0 auto;width:4rem;height:4rem;overflow:hidden;border-radius:var(--small-blocks-radius, .8rem);background:rgba(var(--color-foreground),.06)}.ugc-player__product-media img{width:100%;height:100%;object-fit:cover}.ugc-player__product-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ugc-player__product-title{font-size:1.3rem;font-weight:500;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ugc-player__product-price{display:flex;align-items:baseline;gap:.6rem;font-size:1.4rem;font-weight:600;line-height:1.2}.ugc-player__product-was{font-size:1.3rem;font-weight:400;color:rgba(var(--color-foreground),.5)}.ugc-player__variants{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;margin-inline:calc(max(1.6rem,env(safe-area-inset-left,0px))*-1);padding-inline:max(1.6rem,env(safe-area-inset-left,0px))}.ugc-player__variants::-webkit-scrollbar{display:none}.ugc-player__variant{flex:0 0 auto;height:auto;flex-shrink:0;padding:.6rem 1.2rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--buttons-radius, .6rem);background:transparent;color:rgb(var(--color-foreground));font-size:1.3rem;line-height:1.4;white-space:nowrap;cursor:pointer}.ugc-player__variant[aria-checked=true]{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ugc-player__variant[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.ugc-player__atc{width:100%;height:4.2rem;min-height:4.2rem}.ugc-player__nav{position:absolute;z-index:5;inset-inline-start:50%;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;color:#fff;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:opacity var(--duration-default, .2s) ease}.ugc-player__nav[disabled]{opacity:.25;cursor:default}.ugc-player--single .ugc-player__nav{display:none}@media(min-width:768px){.ugc-player__nav{display:flex;inset-inline-start:calc(50% + var(--ugc-frame-width) / 2 + 2rem)}.ugc-player__nav--prev{inset-block-start:calc(50% - 5rem)}.ugc-player__nav--next{inset-block-start:calc(50% + .6rem)}}@media(prefers-reduced-motion:reduce){.ugc-player__scroller{scroll-behavior:auto}.ugc-player__stage{transition-duration:.01ms;transform:none}}.ugc-player__atc-check{display:none;align-items:center;justify-content:center;margin-inline-end:.6rem}.ugc-player__atc-check .icon{width:1.6rem;height:1.6rem}.ugc-player__atc[data-state=added] .ugc-player__atc-check{display:inline-flex}.xenon-ugc-carousel{padding-block-start:var(--section-padding-top, 4rem);padding-block-end:var(--section-padding-bottom, 4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ugc-rail__head{margin-block-end:2rem}.ugc-rail__subheading{margin:0 0 .6rem;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.ugc-rail__heading{margin:0}.ugc-rail{position:relative;display:block}.ugc-rail__card{transition:transform var(--animation-default, .5s cubic-bezier(.3, 1, .3, 1))}.ugc-rail--showcase .ugc-rail__card{transform:scale(.88);transform-origin:center center}.ugc-rail--showcase .ugc-rail__item.is-active .ugc-rail__card{transform:none}.ugc-rail__arrow{position:absolute;inset-block-start:calc(50% - 2.2rem);z-index:2;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 .4rem 1.6rem #0000002e;cursor:pointer;transition:opacity var(--duration-default, .2s) ease}.ugc-rail__arrow .icon{width:1.6rem;height:1.6rem}.ugc-rail__arrow--prev{inset-inline-start:-1.6rem}.ugc-rail__arrow--next{inset-inline-end:-1.6rem}.ugc-rail__arrow[disabled]{opacity:0;pointer-events:none}@media(min-width:768px){.ugc-rail__arrow{display:flex}}.ugc-rail__sound{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;z-index:2;display:none;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.ugc-rail__card.is-playing .ugc-rail__sound,.ugc-rail--showcase .ugc-rail__item.is-active .ugc-rail__sound{display:flex}.ugc-rail__sound-glyph{width:1.8rem;height:1.8rem}.ugc-rail__sound-glyph--on{display:none}.ugc-rail__sound-glyph--off,.ugc-rail--unmuted .ugc-rail__sound-glyph--on{display:block}.ugc-rail--unmuted .ugc-rail__sound-glyph--off{display:none}.ugc-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ugc-rail-cols) - 1) * var(--ugc-rail-gap, 1.2rem)) / var(--ugc-rail-cols));gap:var(--ugc-rail-gap, 1.2rem);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--page-padding, 1.6rem);margin-inline:calc(var(--page-padding, 1.6rem) * -1);scroll-padding-inline:var(--page-padding, 1.6rem)}.ugc-rail__track::-webkit-scrollbar{display:none}@media(min-width:768px){.ugc-rail__track{--ugc-rail-gap: 1.6rem;padding-inline:0;margin-inline:0;scroll-padding-inline:0}}.ugc-rail__item{scroll-snap-align:center;min-width:0}.ugc-rail__card{display:flex;flex-direction:column;gap:.8rem;width:100%;min-width:0;height:auto;padding:0;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.ugc-rail__media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--ugc-card-radius, 2rem);background:rgba(var(--color-foreground),.06)}.ugc-rail__poster,.ugc-rail__video,.ugc-rail__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-rail__video{opacity:0;transition:opacity var(--duration-default, .2s) ease}.ugc-rail__card.is-playing .ugc-rail__video{opacity:1}.ugc-rail__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transition:opacity var(--duration-default, .2s) ease}.ugc-rail__play .icon{width:1.6rem;height:1.6rem;margin-inline-start:.3rem}.ugc-rail__card.is-playing .ugc-rail__play{opacity:0}.ugc-rail__handle{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;padding:.3rem .8rem;border-radius:1rem;font-size:1.1rem;font-weight:600;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.ugc-rail__caption{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.3rem;line-height:1.35;color:rgb(var(--color-foreground))}.ugc-rail__product{display:flex;align-items:center;gap:.8rem;min-width:0;max-width:100%}.ugc-rail__product-media{flex:0 0 auto;width:3.2rem;height:3.2rem;overflow:hidden;border-radius:var(--small-blocks-radius, .8rem);background:rgba(var(--color-foreground),.06)}.ugc-rail__product-media img{width:100%;height:100%;object-fit:cover}.ugc-rail__product-title{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}@media(hover:hover)and (pointer:fine){.ugc-rail__card:hover .ugc-rail__media{box-shadow:0 1.2rem 2.8rem #0000002e}}@media(prefers-reduced-motion:reduce){.ugc-rail__track{scroll-behavior:auto}.ugc-rail__video{transition-duration:.01ms}}.ugc-player__slide{cursor:zoom-out}.ugc-player__frame{cursor:auto}.ugc-player__tap{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/37/assets/xenon-ugc-videos.css.map */