.nagi-ugc{margin:0 0 8px;padding-top:22px;border-top:1px solid var(--nagi-border);container-type:inline-size}.nagi-ugc__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:6px}.nagi-ugc__sub{margin:-8px 0 18px;font-family:var(--nagi-sans);font-size:14px;line-height:1.5;color:var(--nagi-muted);text-wrap:pretty}.nagi-ugc__nav{display:flex;gap:8px;flex:none}.nagi-ugc__arrow{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--nagi-border-strong);border-radius:50%;background:transparent;color:var(--nagi-ink);cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.nagi-ugc__arrow svg{width:18px;height:18px;display:block}.nagi-ugc__arrow[hidden]{display:none}.nagi-ugc__arrow:hover{border-color:var(--nagi-ink)}.nagi-ugc__arrow:disabled{opacity:.35;cursor:default}.nagi-ugc__arrow:disabled:hover{border-color:var(--nagi-border-strong)}.nagi-ugc__arrow:focus-visible{outline:2px solid var(--nagi-accent);outline-offset:2px}@media(min-width:760px){.nagi-ugc__head{margin-bottom:4px}}@media(max-width:759px){.nagi-ugc__arrow{width:32px;height:32px}.nagi-ugc__arrow svg{width:16px;height:16px}}.nagi-ugc__title{margin:0;font-family:var(--nagi-sans);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--nagi-ink)}.nagi-ugc__strip{padding-bottom:4px}.nagi-ugc__strip:not(.f-carousel){display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.nagi-ugc__strip:not(.f-carousel)::-webkit-scrollbar{display:none}.nagi-ugc__strip.f-carousel{--f-carousel-slide-width: 150px;--f-carousel-slide-height: 208px;--f-carousel-gap: 10px;--f-carousel-slide-padding: 0px;--f-carousel-slide-bg: var(--nagi-bg-alt)}.nagi-ugc__strip .f-carousel__viewport.is-dragging{-webkit-user-select:none;user-select:none}.nagi-ugc__card{position:relative;flex:0 0 150px;height:208px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--nagi-bg-alt);color:#f4f0e8;text-align:left;font-family:var(--nagi-sans);cursor:pointer;scroll-snap-align:start;isolation:isolate}.nagi-ugc__card:focus-visible{outline:2px solid var(--nagi-accent);outline-offset:-2px}.nagi-ugc__card .nagi-ugc__media,.nagi-ugc__card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.nagi-ugc__cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:64px 10px 10px;background:linear-gradient(180deg,#0000,#000000d6)}.nagi-ugc__stars{display:flex;gap:1px;margin-bottom:1px;color:var(--nagi-star, #CF941F)}.nagi-ugc__stars svg{width:10px;height:10px;display:block;fill:currentColor}.nagi-ugc__quote{font-size:12px;font-weight:600;line-height:1.25;color:#f4f0e8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nagi-ugc__name{font-size:11px;color:#f4f0e8bf}.nagi-ugc__prod{display:none;font-size:11px;color:#f4f0e899}.nagi-ugc__bar{position:absolute;top:6px;left:8px;right:8px;height:2px;border-radius:2px;background:#ffffff52;overflow:hidden;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.nagi-ugc__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left center}.nagi-ugc__card .nagi-ugc__media{transition:transform .5s ease;transform-origin:center}@keyframes nagi-ugc-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(hover:hover)and (pointer:fine){.nagi-ugc__card:hover .nagi-ugc__bar,.nagi-ugc__card:focus-visible .nagi-ugc__bar{opacity:1}.nagi-ugc__card:hover .nagi-ugc__bar:after,.nagi-ugc__card:focus-visible .nagi-ugc__bar:after{animation:nagi-ugc-bar var(--ugc-s, 5s) linear infinite}.nagi-ugc__card:hover .nagi-ugc__media,.nagi-ugc__card:focus-visible .nagi-ugc__media{transform:scale(1.08);transition-duration:calc(var(--ugc-s, 5s) * 1.6)}}@media(prefers-reduced-motion:reduce){.nagi-ugc__card .nagi-ugc__media{transition:none}.nagi-ugc__card:hover .nagi-ugc__media,.nagi-ugc__card:focus-visible .nagi-ugc__media{transform:none}.nagi-ugc__card:hover .nagi-ugc__bar:after,.nagi-ugc__card:focus-visible .nagi-ugc__bar:after{animation:none;transform:scaleX(1)}}.nagi-ugc__play{position:absolute;top:14px;right:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#00000073;color:#fff}.nagi-ugc__play svg{width:12px;height:12px;display:block;margin-left:1px}@container (min-width: 440px){.nagi-ugc__card{flex-basis:calc((100% - 20px) / 3);height:auto;aspect-ratio:150 / 208}.nagi-ugc__strip.f-carousel{--f-carousel-slide-width: calc((100% - 20px) / 3);--f-carousel-slide-height: auto}.nagi-ugc__quote{font-size:13px}}.nagi-modal.nagi-ugc-modal{--nagi-modal-bg: #0B0B0B;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;border-radius:0;background:#0b0b0b;color:#f4f0e8;box-shadow:none}.nagi-ugc-modal .nagi-modal__inner{height:100%;max-height:none;overflow:hidden;border-radius:0}.nagi-ugc-modal .nagi-modal__x{top:22px;right:10px;z-index:6;background:transparent;box-shadow:none;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.nagi-ugc-modal .nagi-modal__x svg{width:20px;height:20px}.nagi-ugc-modal .nagi-modal__x:hover{background:#00000059}.nagi-ugc-modal__bars{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;gap:4px}.nagi-ugc-modal__bars span{position:relative;flex:1;height:3px;border-radius:2px;overflow:hidden;background:#ffffff52}.nagi-ugc-modal__bars span i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#f4f0e8;transform-origin:left center;transform:scaleX(0)}.nagi-ugc-modal__bars span.is-done i{transform:scaleX(1)}.nagi-ugc-modal__bars span.is-on i{transform:scaleX(var(--p, 0))}.nagi-modal.nagi-ugc-modal[open]{animation:nagi-ugc-modal-in .34s ease-out}.nagi-modal.nagi-ugc-modal.is-closing{animation:nagi-ugc-modal-out .2s ease-in forwards}@keyframes nagi-ugc-modal-in{0%{opacity:0}to{opacity:1}}@keyframes nagi-ugc-modal-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.nagi-modal.nagi-ugc-modal[open],.nagi-modal.nagi-ugc-modal.is-closing{animation:none}}.nagi-ugc-modal__track{height:100%;--f-carousel-slide-width: 100%;--f-carousel-gap: 0px;--f-carousel-slide-bg: transparent}.nagi-ugc-modal__track .f-carousel__viewport,.nagi-ugc-modal__track .f-carousel__track{height:100%}.nagi-ugc-modal__track .f-carousel__viewport{cursor:grab}.nagi-ugc-modal__track.is-dragging .f-carousel__viewport{cursor:grabbing}.nagi-ugc-modal__slide{position:relative;height:100%;overflow:hidden;background:#000}.nagi-ugc-modal__bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) brightness(.55)}.nagi-ugc-modal__media,.nagi-ugc-modal__slide video{position:absolute;left:0;right:0;top:50%;width:100%;height:100%;transform:translateY(-50%);object-fit:cover}.nagi-ugc-modal__top{position:absolute;top:32px;left:14px;right:62px;z-index:4;display:flex;align-items:baseline;gap:6px;font-family:var(--nagi-sans);font-size:14px;color:#f4f0e8;text-shadow:0 1px 2px rgba(0,0,0,.6)}.nagi-ugc-modal__who{font-weight:600}.nagi-ugc-modal__what{font-size:13px;color:#f4f0e8c7}.nagi-ugc-modal__top,.nagi-ugc-modal__foot{opacity:0}.nagi-ugc-modal__top.is-in,.nagi-ugc-modal__foot.is-in{opacity:1;transition:opacity .25s ease}.nagi-ugc-modal__top[hidden],.nagi-ugc-modal__foot[hidden],.nagi-ugc-modal__stars[hidden],.nagi-ugc-modal__stars svg[hidden],.nagi-ugc-modal__quote[hidden]{display:none}@media(prefers-reduced-motion:reduce){.nagi-ugc-modal__top.is-in,.nagi-ugc-modal__foot.is-in{transition:none}}.nagi-ugc-modal__foot{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;gap:8px;padding:90px 18px 30px;background:linear-gradient(180deg,#0000,#000000d9);pointer-events:none}.nagi-ugc-modal__stars{display:flex;gap:2px;color:var(--nagi-star, #CF941F)}.nagi-ugc-modal__stars svg{width:14px;height:14px;display:block;fill:currentColor}.nagi-ugc-modal__quote{margin:0;font-family:var(--nagi-sans);font-size:16px;font-weight:500;line-height:1.35;color:#f4f0e8;text-wrap:pretty}.nagi-ugc-modal__nav{display:none;position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer}.nagi-ugc-modal__nav svg{width:22px;height:22px;display:block}.nagi-ugc-modal__nav--prev{left:0}.nagi-ugc-modal__nav--next{right:0}.nagi-ugc-modal__nav:focus-visible{outline:2px solid #F4F0E8;outline-offset:-4px}@media(min-width:760px){.nagi-modal.nagi-ugc-modal{height:min(100dvh - 64px,900px);width:calc(min(100dvh - 64px,900px)/1.6);margin:auto;border-radius:16px;box-shadow:0 24px 64px #00000080}.nagi-ugc-modal .nagi-modal__inner{border-radius:16px}.nagi-ugc-modal__nav{top:50%;width:44px;height:44px;transform:translateY(-50%);border-radius:50%;display:grid;place-items:center;background:#00000080;color:#fff}.nagi-ugc-modal__nav--prev{left:10px}.nagi-ugc-modal__nav--next{right:10px}}@media(prefers-reduced-motion:reduce){.nagi-ugc-modal__track{scroll-behavior:auto}}@media(max-width:759px){.nagi-ugc-modal__media,.nagi-ugc-modal__slide video{top:45%;object-fit:contain}.nagi-ugc-modal__foot{padding:40px 18px 34px;background:linear-gradient(180deg,#0000,#0000008c 45%,#000000b3)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pdp-ugc.css.map */