.ugc-videos{display:block;background:var(--cl-color-soft);overflow:hidden}.ugc-videos__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--cl-space-5);margin-bottom:clamp(2.4rem,1.6rem + 1.5vw,4rem)}.ugc-videos__intro{display:grid;gap:var(--cl-space-3);max-width:57.6rem}.ugc-videos__nav{display:none;gap:var(--cl-space-2)}.ugc-videos__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--cl-color-primary);border-radius:50%;background:transparent;color:var(--cl-color-primary);transition:background-color var(--cl-duration) var(--cl-ease),color var(--cl-duration) var(--cl-ease),opacity var(--cl-duration) var(--cl-ease)}.ugc-videos__arrow:hover:not(:disabled){background:var(--cl-color-primary);color:var(--cl-color-white)}.ugc-videos__arrow:disabled{opacity:.3;cursor:default}@media(min-width:768px){.ugc-videos__nav{display:flex}}.ugc-track{--ugc-inset: max(var(--cl-gutter), calc((100vw - var(--cl-max-width)) / 2 + var(--cl-gutter)));display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,62vw,300px);gap:var(--cl-space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 var(--ugc-inset) var(--cl-space-2);scroll-padding-inline:var(--ugc-inset);scrollbar-width:none}.ugc-track::-webkit-scrollbar{display:none}@media(min-width:768px){.ugc-track{grid-auto-columns:clamp(240px,30vw,300px);gap:var(--cl-space-5)}}@media(min-width:1024px){.ugc-track{grid-auto-columns:clamp(240px,21vw,300px)}}.ugc-card{position:relative;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;scroll-snap-align:start;background:var(--cl-color-primary-dark);isolation:isolate}.ugc-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.ugc-card__media img,.ugc-card__media video{transition:transform .9s var(--cl-ease)}.ugc-card:hover .ugc-card__media img,.ugc-card:hover .ugc-card__media video{transform:scale(1.04)}.ugc-card:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to top,#0a1815c7,#0a181500);pointer-events:none}.ugc-card__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;width:100%;padding:0;border:0;background:none;border-radius:inherit}.cl-scope .ugc-card__open:focus-visible{outline:3px solid var(--cl-color-white);outline-offset:-6px}.ugc-card__play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffffe6;color:var(--cl-color-primary);box-shadow:0 8px 24px #0000002e;transition:transform var(--cl-duration) var(--cl-ease)}.ugc-card__play .cl-icon{width:22px;height:22px;margin-left:3px;fill:currentColor}.ugc-card:hover .ugc-card__play{transform:scale(1.08)}.ugc-card__creator{position:absolute;top:var(--cl-space-3);left:var(--cl-space-3);z-index:2;padding:.4rem 1rem;border-radius:999px;background:#0a18158c;color:var(--cl-color-white);font-size:var(--cl-text-xs);font-weight:500;pointer-events:none}.ugc-card__caption{position:absolute;left:var(--cl-space-4);right:var(--cl-space-4);bottom:84px;z-index:2;color:var(--cl-color-white);font-family:var(--cl-font-heading);font-size:2.1rem;font-weight:500;line-height:1.15;text-shadow:0 1px 12px rgba(0,0,0,.3);pointer-events:none}.ugc-card__product{position:absolute;left:var(--cl-space-2);right:var(--cl-space-2);bottom:var(--cl-space-2);z-index:3;display:flex;align-items:center;gap:var(--cl-space-3);min-height:64px;padding:var(--cl-space-2);border-radius:8px;background:#fffffff5;text-decoration:none;color:var(--cl-color-text);transition:background-color var(--cl-duration) var(--cl-ease)}.ugc-card__product:hover{background:var(--cl-color-white)}.ugc-card__thumb{width:48px;height:48px;flex-shrink:0;border-radius:6px}.ugc-card__meta{display:grid;min-width:0;line-height:1.3}.ugc-card__title{font-size:var(--cl-text-small);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-card__product:hover .ugc-card__title{text-decoration:underline;text-underline-offset:3px}.ugc-card__price{font-size:var(--cl-text-small);color:var(--cl-color-text-muted)}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow-y:auto;background:var(--cl-color-background);color:var(--cl-color-text);opacity:0;transition:opacity var(--cl-duration) var(--cl-ease)}.ugc-modal::backdrop{background:#141e1b73}.ugc-modal.is-open{opacity:1}.ugc-modal__close{position:absolute;top:var(--cl-space-2);right:var(--cl-space-2);z-index:2;background:#f8f6f1eb}.ugc-modal__inner{display:grid}.ugc-modal__media{aspect-ratio:9 / 16;max-height:72dvh;width:100%;background:var(--cl-color-primary-dark)}.ugc-modal__media video,.ugc-modal__media img{object-fit:contain;background:var(--cl-color-primary-dark)}.ugc-modal__info{display:grid;gap:var(--cl-space-4);align-content:start;padding:var(--cl-space-5) var(--cl-gutter) var(--cl-space-6)}.ugc-modal__creator{font-size:var(--cl-text-small);font-weight:600;color:var(--cl-color-text-muted)}.ugc-modal__title{font-size:clamp(2.6rem,2.08rem + 1vw,3.4rem)}.ugc-modal__product{display:flex;align-items:center;gap:var(--cl-space-4);padding-block:var(--cl-space-4);border-block:1px solid var(--cl-color-border)}.ugc-modal__thumb{width:72px;height:72px;flex-shrink:0;border-radius:6px}.ugc-modal__product-title{font-weight:500;line-height:1.35}.ugc-modal__steps{display:flex;align-items:center;justify-content:center;gap:var(--cl-space-4);margin-top:var(--cl-space-2)}.ugc-modal__count{font-size:var(--cl-text-small);color:var(--cl-color-text-muted);min-width:4ch;text-align:center}@media(min-width:900px){.ugc-modal{top:0;right:0;bottom:0;left:0;margin:auto;width:min(920px,calc(100% - 6.4rem));height:fit-content;max-height:calc(100dvh - 6.4rem);border-radius:10px;overflow:hidden;box-shadow:var(--cl-shadow-overlay);transform:translateY(12px);transition:opacity var(--cl-duration) var(--cl-ease),transform var(--cl-duration) var(--cl-ease)}.ugc-modal.is-open{transform:none}.ugc-modal__inner{grid-template-columns:auto minmax(0,1fr)}.ugc-modal__media{width:auto;height:min(78dvh,720px);max-height:none}.ugc-modal__info{padding:var(--cl-space-8) var(--cl-space-6) var(--cl-space-6);align-content:center;overflow-y:auto;max-height:calc(100dvh - 6.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cascade-ugc.css.map */