.ugc{position:relative;overflow:hidden;background:var(--ugc-bg);color:var(--ugc-heading)}.ugc__deco{position:absolute;z-index:1;color:var(--ugc-star);pointer-events:none}.ugc__deco svg{width:100%;height:100%;display:block}.ugc__deco svg path{fill:currentColor;stroke:#1e162d8c;stroke-width:4;stroke-linejoin:round}.ugc__deco--tl{top:15%;left:6%;width:118px;height:118px;transform:rotate(-12deg)}.ugc__deco--br{bottom:8%;right:8%;width:92px;height:92px;transform:rotate(10deg)}.ugc__headwrap{position:relative;z-index:2;width:fit-content;max-width:100%;margin:0 auto 40px;padding:0 clamp(34px,7vw,84px)}.ugc__hstar{position:absolute;top:50%;width:clamp(30px,5vw,52px);height:auto;color:var(--ugc-star);pointer-events:none;z-index:2}.ugc__hstar svg{width:100%;height:100%;display:block}.ugc__hstar svg path{fill:currentColor;stroke:#1e162d8c;stroke-width:4;stroke-linejoin:round}.ugc__hstar--l{left:0;transform:translateY(-50%) rotate(-14deg)}.ugc__hstar--r{right:0;transform:translateY(-50%) rotate(12deg)}.ugc__heading{position:relative;z-index:2;margin:0;text-align:center;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);text-transform:var(--HEADING-TEXT-CAPS);letter-spacing:var(--LETTER-SPACING-HEADING);font-size:clamp(1.7rem,4.5vw,2.7rem);color:var(--ugc-heading);text-wrap:balance}.ugc__heading--italic{font-style:italic}.ugc__viewport{position:relative;z-index:2;max-width:1120px;margin:0 auto}.ugc__track{display:flex;justify-content:safe center;gap:var(--ugc-gap, 24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 6px 8px}.ugc__track::-webkit-scrollbar{display:none}.ugc__slide{flex:0 0 calc((100% - (var(--ugc-per-row, 4) - 1) * var(--ugc-gap, 24px)) / var(--ugc-per-row, 4));scroll-snap-align:center;display:flex;justify-content:center}.ugc__card{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--ugc-radius, 18px);overflow:hidden;background:linear-gradient(160deg,#b9a7d6,#7c6aa0 55%,#4f4070)}.ugc__video,.ugc__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ugc__play{width:64px;height:64px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;box-shadow:0 6px 20px #00000040}.ugc__play:before{content:"";width:0;height:0;border-left:19px solid #7b53a6;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}.ugc__card--video{cursor:pointer}.ugc__playstate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .2s ease}.ugc__card:not(.is-playing) .ugc__playstate{opacity:1}.ugc__playstate:before{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:#ffffffeb;box-shadow:0 6px 20px #00000040}.ugc__playstate:after{content:"";position:absolute;width:0;height:0;border-left:19px solid #7b53a6;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}.ugc__mute{position:absolute;right:12px;top:12px;z-index:4;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:#140a238c;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease}.ugc__mute:hover{background:#140a23c7}.ugc__mute .ugc__ic{width:20px;height:20px}.ugc__ic--off,.ugc__card.is-muted .ugc__ic--on{display:none}.ugc__card.is-muted .ugc__ic--off{display:block}.ugc__bar{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:4;background:#ffffff40}.ugc__bar-fill{display:block;height:100%;width:0;background:#fff}.ugc__card:has(.ugc__review):after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(15,8,26,.72));z-index:2;pointer-events:none}.ugc__review{position:absolute;left:0;right:0;bottom:40px;z-index:3;text-align:center;color:#fff;padding:0 14px;pointer-events:none}.ugc__stars{font-size:1.05rem;letter-spacing:2px;line-height:1;margin-bottom:6px}.ugc__star{color:#ffffff59}.ugc__star.is-on{color:#ffc83d}.ugc__name{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--ugc-name-size, .95rem);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.55)}.ugc__verified{width:16px;height:16px;flex:0 0 16px}.ugc__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:transparent;color:var(--ugc-arrow, #7b53a6);cursor:pointer;transition:opacity .15s ease,transform .1s ease}.ugc__nav svg{width:30px;height:30px}.ugc__nav--prev{left:2px}.ugc__nav--next{right:2px}.ugc__nav:active{transform:translateY(-50%) scale(.9)}.ugc__nav[disabled]{opacity:.3;pointer-events:none}.ugc__viewport--fits .ugc__nav{display:none}@media(max-width:767px){.ugc__deco--tl{width:80px;height:80px;left:2%;top:11%}.ugc__deco--br{width:62px;height:62px;right:2%}.ugc__track{justify-content:flex-start;padding:4px 20px 10px;gap:14px}.ugc__slide{flex:0 0 72vw}.ugc__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ugc-videos.css.map */