.ugc{--ugc-w:232px;padding:64px 0 56px;background:linear-gradient(180deg,#fff8ea,#fffdf7);overflow:hidden}.ugc.is-white{background:#fff}@media(max-width:749px){.ugc{--ugc-w:62vw;padding:46px 0 40px}}.ugc .ugc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.ugc .ugc-top .nh-head{margin:0;text-align:left}.ugc .ugc-nav{display:flex;gap:10px;flex:none}.ugc .ugc-nav button{width:46px;height:46px;border-radius:50%;border:1.5px solid #E5D7B8;background:#fff;color:#2b1b10;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s}.ugc .ugc-nav button:hover{background:var(--nh-honey,#F4A21B);border-color:transparent;transform:translateY(-2px)}.ugc .ugc-nav button svg{width:20px;height:20px}.ugc .ugc-nav button.prev svg{transform:rotate(180deg)}@media(max-width:749px){.ugc .ugc-nav{display:none}}.ugc .ugc-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ugc .ugc-stats span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid #EFE3C8;font:700 13px/1 var(--nh-body);color:#4a3418}.ugc .ugc-stats span i{font-style:normal;color:#f4a21b;letter-spacing:1px}.ugc .ugc-rail{display:grid;grid-auto-flow:column;grid-auto-columns:var(--ugc-w);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(16px,calc((100vw - 1240px)/2));padding:6px max(16px,calc((100vw - 1240px)/2)) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ugc .ugc-rail::-webkit-scrollbar{display:none}.ugc .ugc-card{position:relative;scroll-snap-align:start;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#2b1b10;cursor:pointer;box-shadow:0 14px 34px #3c230a29;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;isolation:isolate;border:0;padding:0;text-align:left;width:100%;display:block;font:inherit;color:#fff}.ugc .ugc-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px #3c230a3d}.ugc .ugc-card:focus-visible{outline:3px solid #F4A21B;outline-offset:3px}.ugc .ugc-card video,.ugc .ugc-card .ugc-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc .ugc-card .ugc-poster{transition:opacity .4s}.ugc .ugc-card.is-playing .ugc-poster{opacity:0}.ugc .ugc-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000061,#0000 26% 48%,#140a02db);pointer-events:none}.ugc .ugc-who{position:absolute;z-index:2;left:12px;right:52px;top:12px;display:flex;align-items:center;gap:8px}.ugc-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--nh-body);color:#2b1b10;background:linear-gradient(135deg,#ffd66b,#f4a21b);box-shadow:0 0 0 2px #fff}.ugc .ugc-who b{display:block;font:800 13px/1.15 var(--nh-body);text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc .ugc-who small{display:block;font:600 11px/1.2 var(--nh-body);opacity:.9}.ugc .ugc-play{position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffff38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;transition:opacity .3s,transform .3s}.ugc .ugc-play svg{width:22px;height:22px;margin-left:3px;fill:#fff}.ugc .ugc-card.is-playing .ugc-play{opacity:0;transform:scale(.7)}.ugc .ugc-dur{position:absolute;z-index:2;right:12px;top:16px;padding:4px 8px;border-radius:99px;background:#00000073;font:700 11px/1 var(--nh-body)}.ugc .ugc-bot{position:absolute;z-index:2;left:12px;right:12px;bottom:12px}.ugc .ugc-stars{display:block;color:#ffc93c;font-size:13px;letter-spacing:1px;margin-bottom:6px}.ugc .ugc-q{margin:0 0 10px;font:700 14px/1.35 var(--nh-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.5)}.ugc .ugc-prod{display:flex;align-items:center;gap:8px;padding:6px;border-radius:14px;background:#fffffff2;color:#2b1b10}.ugc .ugc-prod img{width:38px;height:38px;border-radius:9px;object-fit:cover;flex:none;background:#f6eedc}.ugc .ugc-prod span{flex:1;min-width:0}.ugc .ugc-prod b{display:block;font:800 12px/1.2 var(--nh-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc .ugc-prod small{display:block;font:700 12px/1.2 var(--nh-body);color:var(--nh-green,#2E7D1F)}.ugc .ugc-prod em{flex:none;font:800 11px/1 var(--nh-body);font-style:normal;padding:8px 10px;border-radius:99px;background:var(--nh-green,#2E7D1F);color:#fff}.ugc .ugc-foot{margin-top:6px;text-align:center;font:600 12.5px/1.4 var(--nh-body);color:#8a7350}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:#0f0802e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ugc-modal.is-open{display:flex}.ugc-modal__box{position:relative;height:min(88vh,820px);aspect-ratio:9/16;max-width:100vw;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 30px 80px #0009}@media(max-width:749px){.ugc-modal__box{height:100%;width:100%;aspect-ratio:auto;border-radius:0}}.ugc-modal__box video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.ugc-modal__box:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(10,5,0,.85));pointer-events:none}.ugc-modal__x,.ugc-modal__arr,.ugc-modal__snd{position:absolute;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer}.ugc-modal__x{top:18px;right:14px}.ugc-modal__snd{top:18px;right:66px}.ugc-modal__x svg,.ugc-modal__arr svg,.ugc-modal__snd svg{width:20px;height:20px}.ugc-modal__arr{top:50%;margin-top:-22px}.ugc-modal__arr.prev{left:calc(50% - (min(88vh,820px)*.28125) - 64px)}.ugc-modal__arr.next{right:calc(50% - (min(88vh,820px)*.28125) - 64px)}.ugc-modal__arr.prev svg{transform:rotate(180deg)}@media(max-width:749px){.ugc-modal__arr{display:none}}.ugc-modal__info{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;color:#fff}.ugc-modal__who{display:flex;align-items:center;gap:9px;margin-bottom:8px;font:800 14px/1.2 var(--nh-body)}.ugc-modal__who small{display:block;font:600 12px/1.2 var(--nh-body);opacity:.85}.ugc-modal__q{margin:0 0 12px;font:600 14.5px/1.45 var(--nh-body)}.ugc-modal__bar{display:flex;align-items:center;gap:10px;padding:8px;border-radius:18px;background:#fff;color:#2b1b10}.ugc-modal__bar img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}.ugc-modal__bar .t{flex:1;min-width:0}.ugc-modal__bar .t b{display:block;font:800 13.5px/1.25 var(--nh-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-modal__bar .t small{font:800 13px/1.2 var(--nh-body);color:var(--nh-green,#2E7D1F)}.ugc-modal__bar form{margin:0}.ugc-modal__bar .nh-btn{min-height:44px;padding:0 16px;font-size:14px;white-space:nowrap}.ugc-modal__bar a.v{font:800 12.5px/1 var(--nh-body);color:#2b1b10;text-decoration:underline;white-space:nowrap;margin-left:6px}.ugc-modal__prog{position:absolute;z-index:3;left:14px;right:14px;top:8px;height:3px;border-radius:3px;background:#ffffff4d;overflow:hidden}.ugc-modal__prog i{display:block;height:100%;width:0;background:#ffc93c}
/*# sourceMappingURL=/cdn/shop/t/30/assets/nh-ugc.css.map */