.cloud-x-module--ugc{--cloud-x-ugc-gap: var(--cloud-x-card-gap, 12px)}.cloud-x-module--ugc .cloud-x-ugc-carousel{position:relative;overflow:hidden}.cloud-x-module--ugc[data-cloud-x-ugc-format] .ugc-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 4 * var(--cloud-x-ugc-gap)) / 5.18);gap:var(--cloud-x-ugc-gap);overflow-x:auto;padding-inline-end:4%;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cloud-x-module--ugc[data-cloud-x-ugc-format] .ugc-grid::-webkit-scrollbar{display:none}.cloud-x-module--ugc .cloud-x-ugc-story{position:relative;min-width:0;margin:0;overflow:hidden;border:0;border-radius:var(--cloud-x-media-radius, 18px);background:#111;cursor:pointer;scroll-snap-align:start}.cloud-x-module--ugc .cloud-x-ugc-story:focus-visible{outline:3px solid var(--cloud-x-interactive-hover, #ff6a2a);outline-offset:3px}.cloud-x-module--ugc .cloud-x-ugc-story .ugc-media{position:relative;height:auto;aspect-ratio:9/16;border:0;border-radius:inherit;overflow:hidden}.cloud-x-module--ugc[data-cloud-x-ugc-format=horizontal] .cloud-x-ugc-story .ugc-media{aspect-ratio:16/9}.cloud-x-module--ugc .ugc-media>:is(video,iframe,picture,picture>img,img){display:block;width:100%;height:100%;object-fit:cover}.cloud-x-ugc-card-gradient{position:absolute;z-index:2;top:42%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgb(0 0 0/.72));pointer-events:none}.cloud-x-ugc-card-title{position:absolute;z-index:3;right:18px;bottom:18px;left:18px;margin:0;color:#fff!important;font-size:clamp(18px,1.45vw,27px)!important;line-height:1.08!important;text-shadow:0 2px 12px rgb(0 0 0/.32)}.cloud-x-ugc-play{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#0000006b;color:#fff;font-size:23px;transform:translate(-50%,-50%);transition:opacity .18s ease;pointer-events:none}.cloud-x-ugc-play svg{width:25px;height:25px;margin-left:3px;fill:currentColor}.cloud-x-ugc-bag{position:absolute;z-index:3;top:16px;right:16px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#1414146b;color:#fff;pointer-events:none}.cloud-x-ugc-bag svg{width:25px;height:25px}.cloud-x-ugc-track-arrow{position:absolute;z-index:5;top:50%;display:grid;width:46px;height:46px;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:#161616;box-shadow:0 8px 26px #0003;font-size:38px;line-height:1;transform:translateY(-50%)}.cloud-x-ugc-track-arrow--prev{left:8px}.cloud-x-ugc-track-arrow--next{right:8px}.cloud-x-ugc-track-arrow[hidden]{display:none}.cloud-x-ugc-viewer[hidden],.cloud-x-ugc-miniplayer[hidden],.cloud-x-ugc-share-sheet[hidden]{display:none!important}.cloud-x-ugc-viewer{--cloud-x-ugc-viewer-main-half: min(21.875vw,314px);--cloud-x-ugc-viewer-outer-step: clamp(44px,5vw,72px);position:fixed;z-index:10020;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#000000e0;color:#fff}.cloud-x-ugc-viewer-backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:#00000029}.cloud-x-ugc-viewer-main{position:relative;z-index:4;flex:0 0 auto;width:min(43.75vw,628px,calc(min(100dvh,1116px)*.5625));height:min(100dvh,1116px,calc(min(43.75vw,628px) * 16 / 9));aspect-ratio:9/16;background:#101010;box-shadow:0 0 54px #0000006b}.cloud-x-ugc-viewer-media{position:relative;width:100%;height:100%;overflow:hidden}.cloud-x-ugc-viewer-media>:is(video,iframe){width:100%;height:100%;border:0;object-fit:cover}.cloud-x-ugc-viewer-top{position:absolute;z-index:5;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 22px 58px;background:linear-gradient(180deg,rgb(0 0 0/.65),transparent);pointer-events:none}.cloud-x-ugc-viewer-top strong{max-width:70%;font-size:18px;line-height:1.2}.cloud-x-ugc-viewer-actions{display:flex;gap:10px;pointer-events:auto}.cloud-x-ugc-viewer-actions button,.cloud-x-ugc-center-toggle{display:grid;place-items:center;border:0;background:transparent;color:#fff}.cloud-x-ugc-viewer-actions button{width:42px;height:42px;font-size:23px}.cloud-x-ugc-viewer-actions svg{width:25px;height:25px}.cloud-x-ugc-center-toggle{position:absolute;z-index:4;top:50%;left:50%;width:76px;height:76px;border-radius:50%;background:#0006;font-size:31px;transform:translate(-50%,-50%);transition:opacity .2s}.cloud-x-ugc-viewer-media.is-playing .cloud-x-ugc-center-toggle,.cloud-x-module--ugc .cloud-x-ugc-story.is-preview-playing .cloud-x-ugc-play{opacity:0}.cloud-x-ugc-viewer-media:hover .cloud-x-ugc-center-toggle,.cloud-x-ugc-viewer-media:focus-within .cloud-x-ugc-center-toggle{opacity:1}.cloud-x-ugc-progress{position:absolute;z-index:5;right:16px;bottom:10px;left:16px}.cloud-x-ugc-progress input{width:100%;accent-color:#fff}.cloud-x-ugc-viewer-close{position:fixed;z-index:10024;top:20px;left:24px;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:44px}.cloud-x-ugc-viewer-arrow{position:fixed;z-index:10023;top:50%;border:0;background:transparent;color:#fff;font-size:58px;transform:translateY(-50%)}.cloud-x-ugc-viewer-arrow--prev{left:14px}.cloud-x-ugc-viewer-arrow--next{right:14px}.cloud-x-ugc-viewer-side{position:absolute;z-index:3;top:50%;width:clamp(170px,18vw,280px);aspect-ratio:9/16;padding:0;overflow:hidden;border:0;border-radius:14px;background-color:#171717;background-position:center;background-size:cover;box-shadow:0 20px 50px #00000047;cursor:pointer;transform:translateY(-50%)}.cloud-x-ugc-viewer-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;transition:background .2s ease}.cloud-x-ugc-viewer-side:hover:after,.cloud-x-ugc-viewer-side:focus-visible:after{background:#00000052}.cloud-x-ugc-viewer-side:focus-visible{outline:3px solid #fff;outline-offset:3px}.cloud-x-ugc-viewer-side--prev{right:calc(50% + var(--cloud-x-ugc-viewer-main-half));transform:translate(33.333%,-50%)}.cloud-x-ugc-viewer-side--next{left:calc(50% + var(--cloud-x-ugc-viewer-main-half));transform:translate(-33.333%,-50%)}.cloud-x-ugc-viewer-side--far-prev,.cloud-x-ugc-viewer-side--far-next{z-index:2;width:clamp(140px,15vw,230px)}.cloud-x-ugc-viewer-side--far-prev{right:calc(50% + var(--cloud-x-ugc-viewer-main-half) + var(--cloud-x-ugc-viewer-outer-step))}.cloud-x-ugc-viewer-side--far-next{left:calc(50% + var(--cloud-x-ugc-viewer-main-half) + var(--cloud-x-ugc-viewer-outer-step))}.cloud-x-ugc-viewer-side--far-prev:after,.cloud-x-ugc-viewer-side--far-next:after{background:#000000a8}.cloud-x-ugc-product{position:absolute;z-index:6;right:50%;bottom:36px;display:grid;grid-template-columns:58px 1fr 26px;width:min(86%,365px);align-items:center;gap:12px;padding:8px 12px;border:1px solid rgb(255 255 255/.28);border-radius:12px;background:#161616d1;color:#fff;cursor:pointer;transform:translate(50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cloud-x-ugc-product img{width:58px;height:58px;border-radius:8px;object-fit:contain;background:#fff}.cloud-x-ugc-product span{min-width:0}.cloud-x-ugc-product strong,.cloud-x-ugc-product small{display:block}.cloud-x-ugc-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-x-ugc-product small{margin-top:3px;color:#fff}.cloud-x-ugc-share-sheet{position:fixed;z-index:10026;bottom:0;left:50%;width:min(600px,calc(100% - 24px));padding:22px;border-radius:18px 18px 0 0;background:#fff;color:#181818;transform:translate(-50%)}.cloud-x-ugc-share-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ddd;font-size:22px}.cloud-x-ugc-share-head button{border:0;background:transparent;font-size:34px}.cloud-x-ugc-share-sheet .xo-share{display:flex;gap:26px;padding-block:24px}.cloud-x-ugc-share-email{color:inherit;text-decoration:none}.cloud-x-ugc-miniplayer{position:fixed;z-index:9990;bottom:max(18px,env(safe-area-inset-bottom));left:18px;width:155px;aspect-ratio:9/16;overflow:hidden;border-radius:14px;background:#111;box-shadow:0 14px 40px #00000059}.cloud-x-ugc-miniplayer [data-cloud-x-ugc-miniplayer-media],.cloud-x-ugc-miniplayer video{width:100%;height:100%;object-fit:cover}.cloud-x-ugc-miniplayer button{position:absolute;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#0000007a;color:#fff}.cloud-x-ugc-miniplayer [data-cloud-x-ugc-miniplayer-toggle]{bottom:8px;left:8px}.cloud-x-ugc-miniplayer [data-cloud-x-ugc-miniplayer-close]{top:8px;right:8px}body.cloud-x-ugc-viewer-open{overflow:hidden}@media(max-width:760px){.cloud-x-module--ugc[data-cloud-x-ugc-format] .ugc-grid{grid-auto-columns:68%;padding-inline-end:27%;scroll-padding-inline:0}.cloud-x-module--ugc .cloud-x-ugc-track-arrow{display:none}.cloud-x-ugc-viewer-main{width:min(86vw,56.25dvh);height:min(100dvh,calc(86vw * 16 / 9));max-width:none}.cloud-x-ugc-viewer-side{width:34vw;border-radius:8px;transform:translateY(-50%)}.cloud-x-ugc-viewer-side--prev{right:93vw}.cloud-x-ugc-viewer-side--next{left:93vw}.cloud-x-ugc-viewer-side--far-prev,.cloud-x-ugc-viewer-side--far-next,.cloud-x-ugc-viewer-arrow{display:none}.cloud-x-ugc-viewer-close{top:10px;left:8px}.cloud-x-ugc-viewer-top{padding-left:56px}.cloud-x-ugc-product{bottom:38px;width:calc(100% - 30px)}.cloud-x-ugc-miniplayer{width:112px}}@media(prefers-reduced-motion:reduce){.cloud-x-ugc-center-toggle{transition:none}}.cloud-x-module--ugc[data-cloud-x-ugc-format] .ugc-grid{grid-auto-columns:calc((100% - 4 * var(--cloud-x-ugc-gap)) / 5.18)!important}.cloud-x-module--ugc .cloud-x-ugc-story .ugc-media.has-video:after{content:none!important;display:none!important}.cloud-x-module--ugc .cloud-x-ugc-story .ugc-media.has-video>.cloud-x-ugc-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;width:100%!important;height:100%!important;object-fit:cover}.cloud-x-module--ugc .cloud-x-ugc-story .ugc-media.has-video>:is(.cloud-x-ugc-card-gradient,.cloud-x-ugc-play,.cloud-x-ugc-bag,.cloud-x-ugc-card-title){display:grid!important}.cloud-x-module--ugc .cloud-x-ugc-story .ugc-media.has-video>.cloud-x-ugc-card-title{display:block!important}@media(max-width:760px){.cloud-x-module--ugc[data-cloud-x-ugc-format] .ugc-grid{grid-auto-columns:68%!important}}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true]{position:fixed!important;z-index:2147482000!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;clip-path:none!important;contain:none!important}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-main{isolation:isolate}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-top,.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-actions{display:flex!important;visibility:visible!important;opacity:1!important}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-top{z-index:12;color:#fff}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-actions button{display:grid!important;visibility:visible!important;opacity:1!important;color:#fff!important;cursor:pointer}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-actions [data-cloud-x-ugc-minimize]{position:fixed;z-index:14;top:78px;left:24px;width:48px;height:42px;border-radius:10px;background:#0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-actions [data-cloud-x-ugc-minimize] svg{width:28px;height:28px}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-center-toggle{z-index:11;display:grid;visibility:visible;opacity:1;pointer-events:auto}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-center-toggle svg{width:32px;height:32px;margin-left:4px;fill:currentColor}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-media.is-playing .cloud-x-ugc-center-toggle,.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-media.is-playing:hover .cloud-x-ugc-center-toggle,.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-media.is-playing:focus-within .cloud-x-ugc-center-toggle{visibility:hidden;opacity:0;pointer-events:none}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-product{z-index:13;display:grid!important;visibility:visible!important;opacity:1!important;bottom:max(42px,calc(env(safe-area-inset-bottom) + 32px));pointer-events:auto!important}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-progress{z-index:12}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-share-sheet{z-index:20}.cloud-x-ugc-miniplayer[data-cloud-x-ugc-portaled=true]{position:fixed!important;z-index:2147481000!important;right:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;left:18px!important;transform:none!important;clip-path:none!important;contain:none!important;isolation:isolate}.cloud-x-ugc-miniplayer[data-cloud-x-ugc-portaled=true] [data-cloud-x-ugc-miniplayer-toggle] svg{width:18px;height:18px;fill:currentColor}body.cloud-x-ugc-viewer-open xo-modal[xo-name=quick-view]{z-index:2147483000!important}@media(max-width:760px){.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-viewer-actions [data-cloud-x-ugc-minimize]{top:62px;left:8px}.cloud-x-ugc-viewer[data-cloud-x-ugc-portaled=true] .cloud-x-ugc-product{bottom:max(42px,calc(env(safe-area-inset-bottom) + 34px))}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/cloud-x-ugc-stories.css.map */