.ugc{overflow:hidden;padding-bottom:clamp(3px,.4vw,5px);background:linear-gradient(to top,var(--soft-green-2) 0,var(--soft-green-2) clamp(160px,17vw,210px),var(--cream-2) clamp(270px,28vw,340px))}.ugc__head{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:3}.ugc__title{margin-top:8px}.ugc__note{text-align:center;font-size:11.5px;color:var(--text-soft);opacity:.85;margin:clamp(6px,.8vw,12px) auto 0}.ugc__sub{margin:16px auto 0;max-width:48ch}.ugc__social{display:flex;gap:12px;justify-content:center;margin-top:24px}.ugc__social a{width:44px;height:44px;border-radius:50%;background:var(--title);color:#fff;display:grid;place-items:center;transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease)}.ugc__social a:hover{transform:translateY(-3px);background:var(--green-mid);color:#fff}.ugc__social svg{width:20px;height:20px}.ugc__wheel{--card-w:270px;--card-h:405px;--gap:24px;--band:calc(var(--card-h) + 70px);--marquee:92s;position:relative;height:var(--band);padding-bottom:8px;margin-top:clamp(18px,2.2vw,38px);overflow-x:clip;overflow-y:visible;display:flex;align-items:center}.ugc__track{display:flex;align-items:center;width:max-content;will-change:transform}.ugc__track img,.ugc__track video{-webkit-user-drag:none;user-drag:none}.ugc__wheel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.ugc__wheel.is-grabbing{cursor:grabbing}.vcard{position:relative;flex:0 0 auto;width:var(--card-w);height:var(--card-h);margin-right:var(--gap);transform:translateY(0) scale(1);transform-origin:center center;border-radius:18px;background:var(--green-deep);border:6px solid #fffdf6;padding:0;display:block;cursor:pointer;transition:transform .42s cubic-bezier(.22,1.1,.36,1)}.vcard:hover,.vcard:focus-visible{transform:translateY(-12px) scale(1.06);z-index:20}.vcard__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--green-mid);border-radius:12px}.vcard__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px}.vcard__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08100b66,#08100b00 15% 50%,#08100b57 72%,#08100bc7);border-radius:12px}.vcard__social{position:absolute;top:12px;left:13px;z-index:5;height:27px;width:auto;opacity:.45;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(8,16,11,.5)) drop-shadow(0 1px 9px rgba(8,16,11,.4))}.vcard__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fffdf6ed;display:grid;place-items:center;box-shadow:0 6px 18px #00000052;transition:transform .25s var(--ease)}.vcard:hover .vcard__play{transform:translate(-50%,-50%) scale(1.09)}.vcard__play svg{width:25px;height:25px;color:var(--green-deep);margin-left:2px}.vcard__meta{position:absolute;left:16px;right:16px;bottom:15px;display:flex;flex-direction:column;gap:4px;text-align:left}.vcard__stars{color:var(--star);font-size:15px;letter-spacing:1.5px;line-height:1}.vcard__handle{color:#fff;font-family:var(--font-body);font-weight:700;font-size:16px;letter-spacing:.01em;line-height:1.1}.vcard__quote{color:#ffffffed;font-family:var(--font-body);font-weight:500;font-size:12.5px;line-height:1.34;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(8,16,11,.55)}.vcard__emoji{position:absolute;z-index:6;pointer-events:none;--rot:0deg;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff,#f3eede);display:grid;place-items:center;font-size:31px;line-height:1;box-shadow:0 0 0 3px #fffdf6,0 0 0 4.5px #0e201717,0 9px 17px -5px #0e201780,0 2px 5px #0e20174d;opacity:0;transform:scale(.2) rotate(calc(var(--rot) - 16deg));transform-origin:center center;transition:transform .16s cubic-bezier(.55,0,.85,.35),opacity .14s ease}.vcard:hover .vcard__emoji,.vcard:focus-visible .vcard__emoji{opacity:1;transform:scale(1) rotate(var(--rot));transition:transform .42s cubic-bezier(.34,1.72,.52,1),opacity .16s ease .02s}.vcard[data-spot="0"] .vcard__emoji{right:-19px;top:140px;--rot:9deg}.vcard[data-spot="1"] .vcard__emoji{left:-22px;top:60px;--rot:-10deg}.vcard[data-spot="2"] .vcard__emoji{left:-18px;top:138px;--rot:-6deg}.vcard[data-spot="3"] .vcard__emoji{right:-23px;top:92px;--rot:11deg}.vcard[data-spot="4"] .vcard__emoji{left:-17px;top:100px;--rot:-12deg}.vcard[data-spot="5"] .vcard__emoji{right:-21px;top:60px;--rot:8deg}.vcard[data-spot="6"] .vcard__emoji{right:-20px;top:128px;--rot:6deg}.vcard[data-spot="7"] .vcard__emoji{left:-21px;top:64px;--rot:-8deg}@media(prefers-reduced-motion:reduce){.vcard{transition-duration:.14s}.vcard__emoji{transition-duration:.12s}.vcard:hover .vcard__emoji,.vcard:focus-visible .vcard__emoji{transition-duration:.12s}}@media(max-width:900px){.ugc__wheel{--card-w:222px;--card-h:333px;--gap:20px;--band:calc(var(--card-h) + 108px);--marquee:77s}.vcard__emoji{width:47px;height:47px;font-size:26px}.vcard__social{height:23px;top:11px;left:11px}}@media(max-width:560px){.ugc__wheel{--card-w:200px;--card-h:300px;--gap:16px;--band:calc(var(--card-h) + 100px);--marquee:63s;-webkit-mask:none;mask:none;padding-bottom:14px}.ugc__note{font-size:9.7px;margin-top:-22px}.vcard{border-width:5px}.vcard__play{width:52px;height:52px}.vcard__play svg{width:20px;height:20px}.vcard__emoji{width:41px;height:41px;font-size:23px;box-shadow:0 0 0 2.5px #fffdf6,0 7px 13px -5px #0e201780,0 2px 4px #0e20174d}.vcard__social{height:20px;top:10px;left:10px}}.ugc-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;place-items:center;padding:clamp(16px,3vw,40px);overflow:hidden}.ugc-lb.is-open{display:grid}.ugc-lb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#050a08f0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .34s ease}.ugc-lb.show .ugc-lb__scrim{opacity:1}.ugc-lb__stage{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(26px,4vw,70px);max-width:min(96vw,960px);margin:auto}.ugc-lb__slot{flex:0 0 auto;height:min(86vh,640px);aspect-ratio:9/16}.ugc-lb__inner{position:fixed;z-index:3;background:#000;border-radius:22px;overflow:hidden;box-shadow:0 40px 90px #00000080;will-change:top,left,width,height}.ugc-lb__inner video{width:100%;height:100%;object-fit:cover;display:block;background:#000;zoom:calc(1 / .9)}.ugc-lb__ph{display:grid;place-items:center;text-align:center;color:#fff;font-family:var(--font-head);font-size:20px;padding:24px;background:var(--green-mid);width:100%;height:100%}.ugc-lb__info{flex:0 1 auto;max-width:360px;color:#fff;will-change:transform,opacity}.ugc-lb__istars{color:var(--star);font-size:15px;letter-spacing:2.5px;line-height:1}.ugc-lb__ihandle{font-family:var(--font-head);font-weight:700;color:#fff;font-size:clamp(26px,2.6vw,33px);line-height:.85;letter-spacing:-.035em;margin-top:15px}.ugc-lb__irole{font-family:var(--font-body);font-weight:600;color:#ffffff94;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;margin-top:10px}.ugc-lb__iquote{font-family:var(--font-head);font-weight:700;color:#fff;font-size:clamp(20px,2.05vw,26px);line-height:1.27;margin:28px 0 0;position:relative;padding-top:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc-lb__iquote:before{content:"";position:absolute;top:0;left:0;width:34px;height:3px;border-radius:2px;background:var(--gold)}.ugc-lb__istory{font-family:var(--font-body);font-weight:500;color:#fffc;font-size:15px;line-height:1.62;margin-top:18px}.ugc-lb__buy{display:flex;align-items:center;gap:13px;margin-top:30px;max-width:300px;padding:9px 14px 9px 9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:16px;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s var(--ease)}.ugc-lb__buy:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.ugc-lb__buyimg{width:50px;height:50px;flex:0 0 auto;border-radius:11px;object-fit:contain;background:#fff;padding:4px}.ugc-lb__buytxt{display:flex;flex-direction:column;gap:2px;min-width:0}.ugc-lb__buynote{font-family:var(--font-body);font-weight:600;color:#ffffff8c;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ugc-lb__buyname{font-family:var(--font-body);font-weight:700;color:#fff;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-lb__buyarrow{width:18px;height:18px;flex:0 0 auto;margin-left:auto;color:#ffffff80;transition:transform .2s var(--ease),color .2s ease}.ugc-lb__buy:hover .ugc-lb__buyarrow{transform:translate(3px);color:#fff}.ugc-lb__close{position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);z-index:6;width:42px;height:42px;border-radius:50%;background:#ffffff21;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .34s ease,background .2s ease,transform .25s var(--ease)}.ugc-lb.show .ugc-lb__close{opacity:1}.ugc-lb__close:hover{background:#ffffff3d;transform:rotate(90deg)}.ugc-lb__close svg{width:20px;height:20px}@media(max-width:760px){.ugc-lb{padding:14px}.ugc-lb__stage{flex-direction:column;gap:13px;align-items:center}.ugc-lb__slot{height:min(43vh,420px);width:auto;aspect-ratio:9/16}.ugc-lb__info{max-width:min(92vw,360px);width:100%}.ugc-lb__ihandle{margin-top:11px}.ugc-lb__irole{margin-top:7px}.ugc-lb__iquote{margin-top:16px;padding-top:16px}.ugc-lb__istory{margin-top:12px;line-height:1.55}.ugc-lb__buy{margin-top:16px}.ugc-lb__buyimg{width:44px;height:44px}}.ugc__proof{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.6vw,40px);margin:26px auto 0;flex-wrap:wrap}.ugc__proof-item{display:flex;flex-direction:column;align-items:center;gap:4px}.ugc__proof-num{font-family:var(--font-head);font-weight:700;color:var(--green-deep);font-size:clamp(23px,2.5vw,30px);line-height:1;letter-spacing:-.035em;display:flex;align-items:center;gap:8px}.ugc__proof-num .stars{color:var(--star);font-size:.86em;letter-spacing:1px}.ugc__proof-label{font-family:var(--font-body);font-weight:600;color:var(--text-soft);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.ugc__proof-div{width:1px;height:38px;background:var(--line)}@media(max-width:560px){.ugc__proof{gap:13px 22px}.ugc__proof-div{display:none}}.vcard__views{position:absolute;top:11px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:4px;color:#fff;font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.01em;text-shadow:0 1px 4px rgba(8,16,11,.65);pointer-events:none}.vcard__views svg{width:12px;height:12px}.vcard__row{display:flex;align-items:center;gap:8px}.vcard__verified{display:inline-flex;align-items:center;gap:3px;color:#ffffffeb;font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.vcard__verified svg{width:12px;height:12px;color:var(--green-light)}.ugc__below{margin-top:clamp(32px,3.8vw,52px)}.ugc__press{display:flex;flex-direction:column;align-items:center;gap:15px}.ugc__press-label{font-family:var(--font-body);font-weight:700;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.ugc__press-logos{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,48px);flex-wrap:wrap}.ugc__press-logos img{height:clamp(16px,1.9vw,23px);width:auto;opacity:.46;filter:grayscale(1);transition:opacity .22s ease}.ugc__press-logos img:hover{opacity:.74}.ugc__cta{text-align:center;margin-top:clamp(26px,3.4vw,44px)}@media(max-width:560px){.ugc__proof{gap:clamp(10px,3.2vw,18px)}.ugc__proof-num{font-size:17px;gap:5px}.ugc__proof-num .stars{font-size:.7em;letter-spacing:.5px}.ugc__proof-label{font-size:9.5px;letter-spacing:.03em}}@media(max-width:359px){.ugc__proof{flex-direction:column;gap:14px}}@media(min-width:901px){.ugc.section--green{padding-bottom:calc(var(--section-y) + var(--arch) + 90px)!important}.ugc{padding-top:clamp(24px,3.4vw,46px)!important}}@media(max-width:900px){.ugc.section--green{padding-bottom:23px!important}}.ugc.section--green .ugc__proof-num{color:#fff!important}.ugc.section--green .ugc__proof-num .stars{color:var(--gold)!important}.ugc.section--green .ugc__proof-label,.ugc.section--green .ugc__note,.ugc.section--green .ugc__sub{color:#cfd6c2!important}.ugc.section--green .ugc__proof-div{background:#ffffff38!important}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oh-ugc.css.map */