.ni .nn{--nn-bg:#171618;--nn-hero:#121113;--nn-alt:#1f1d1c;--nn-card:#242120;--nn-card2:#2c2826;--nn-line:#34302d;--nn-fg:#f5f0e9;--nn-sub:#b8aca0;--nn-mute:#8d857c;--nn-acc:#f0645a;--nn-red:#d23636;--nn-ease:cubic-bezier(.2,.7,.2,1);background:var(--nn-bg);color:var(--nn-fg)}.nn button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}.nn button:focus-visible{outline:2px solid var(--nn-acc);outline-offset:3px;border-radius:10px}.nn h1,.nn h2,.nn h3{color:var(--nn-fg)}.nn .nn-kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nn-acc)}.nn .nn-lede,.nn .nn-sub,.nn .nn-head>p{color:var(--nn-sub);font-size:clamp(16px,1.15vw,20px);line-height:1.6}.nn .nn-fine{font-size:13px;color:var(--nn-mute);line-height:1.5}.nn .nn-sec{padding:clamp(64px,7vw,128px) var(--edge)}.nn .nn-alt{background:var(--nn-alt)}.nn .nn-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(28px,3vw,48px)}.nn .nn-head>div{display:flex;flex-direction:column;gap:14px;max-width:34em}.nn .nn-head>p{max-width:30em}.nn .nn-tag{display:inline-block;padding:6px 9px;border:1.5px dashed var(--nn-acc);border-radius:7px;font-size:12px;font-weight:700;line-height:1.3;color:var(--nn-fg)}.nn .nn-mute{color:var(--nn-mute)}.nn .nn-hero{background:var(--nn-hero);padding:clamp(56px,6vw,104px) var(--edge) clamp(40px,4vw,64px);border-bottom:1px solid var(--nn-line);overflow:hidden}.nn .nn-hero-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:980px;margin:0 auto}.nn .nn-hero h1{font-size:clamp(38px,5vw,86px)}.nn .nn-hero .nn-lede{max-width:36em}.nn .nn-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,32vw,520px) minmax(0,1fr);align-items:center;gap:0;max-width:1320px;margin:clamp(24px,3vw,48px) auto 0}.nn .nn-side{display:flex;flex-direction:column;justify-content:space-around;gap:clamp(40px,6vw,120px);height:100%}.nn .nn-call{display:flex;align-items:center;gap:8px;position:relative}.nn .nn-call--r{flex-direction:row-reverse}.nn .nn-call-txt{display:flex;flex-direction:column;gap:4px;max-width:230px}.nn .nn-call-pct{font-family:NomiCup,Montserrat,Arial,sans-serif;font-weight:800;font-size:clamp(30px,2.8vw,48px);letter-spacing:-.03em;line-height:1;transition:color .25s}.nn .nn-call-name{font-weight:800;font-size:clamp(15px,1.15vw,19px)}.nn .nn-call-txt>span{font-size:14px;line-height:1.45;color:var(--nn-sub)}.nn .nn-arrow{flex:0 0 auto;width:clamp(90px,9vw,160px);height:auto;fill:none;stroke:var(--nn-acc);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:stroke-width .25s,translate .35s var(--nn-ease)}.nn .nn-call--r .nn-arrow{scale:-1 1}.nn .nn-call:hover .nn-call-pct,.nn .nn-call:focus-visible .nn-call-pct,.nn .nn-call.is-on .nn-call-pct{color:var(--nn-acc)}.nn .nn-call:hover .nn-arrow,.nn .nn-call:focus-visible .nn-arrow{stroke-width:6.5;translate:6px 0}.nn .nn-call--r:hover .nn-arrow,.nn .nn-call--r:focus-visible .nn-arrow{translate:-6px 0}.nn .nn-disc-wrap{position:relative;aspect-ratio:836/900;perspective:900px}.nn .nn-disc-wrap:before{content:"";position:absolute;top:12%;right:8%;bottom:2%;left:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(240,100,90,.16),transparent 70%);filter:blur(10px);transition:opacity .4s;opacity:.6}.nn .nn-stage:hover .nn-disc-wrap:before{opacity:1}.nn .nn-disc{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--nn-ease)}.nn .nn-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin:clamp(28px,3vw,48px) auto 0}.nn .nn-chip{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px;border-radius:999px;border:1.5px solid var(--c);background:var(--nn-alt);transition:background .25s,color .25s,translate .25s var(--nn-ease),box-shadow .25s}.nn .nn-chip span{color:var(--nn-sub);transition:color .25s}.nn .nn-chip:hover,.nn .nn-chip:focus-visible{background:var(--c);color:#171618;translate:0 -3px;box-shadow:0 10px 22px -10px var(--c)}.nn .nn-chip:hover span,.nn .nn-chip:focus-visible span{color:#171618}.nn .nn-comp{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,3vw,44px)}.nn .nn-bar{display:flex;height:56px;border-radius:12px;background:var(--nn-card)}.nn .nn-seg{position:relative;flex:0 0 var(--w);background:var(--c);border-right:2px solid var(--nn-bg);transition:filter .2s,translate .25s var(--nn-ease),scale .25s var(--nn-ease);transform-origin:bottom}.nn .nn-seg:first-child{border-radius:12px 0 0 12px}.nn .nn-seg:last-child{border-radius:0 12px 12px 0;border-right:0}.nn .nn-seg:hover,.nn .nn-seg:focus-visible,.nn .nn-seg.is-on{filter:brightness(1.18);scale:1 1.18;z-index:2}.nn .nn-seg-tip{position:absolute;left:50%;bottom:calc(100% + 16px);translate:-50% 6px;white-space:nowrap;padding:8px 12px;border-radius:9px;background:var(--nn-fg);color:#171618;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,translate .25s var(--nn-ease);z-index:3}.nn .nn-seg-tip:after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--nn-fg)}.nn .nn-seg:hover .nn-seg-tip,.nn .nn-seg:focus-visible .nn-seg-tip{opacity:1;translate:-50% 0}.nn .nn-seg:first-child .nn-seg-tip{left:0;translate:0 6px}.nn .nn-seg:first-child:hover .nn-seg-tip,.nn .nn-seg:first-child:focus-visible .nn-seg-tip{translate:0 0}.nn .nn-seg:first-child .nn-seg-tip:after{left:24px}.nn .nn-seg:nth-last-child(-n+4) .nn-seg-tip{left:auto;right:0;translate:0 6px}.nn .nn-seg:nth-last-child(-n+4):hover .nn-seg-tip,.nn .nn-seg:nth-last-child(-n+4):focus-visible .nn-seg-tip{translate:0 0}.nn .nn-seg:nth-last-child(-n+4) .nn-seg-tip:after{left:auto;right:10px}.nn .nn-legend{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--nn-sub)}.nn .nn-legend span{display:inline-flex;align-items:center;gap:8px}.nn .nn-legend i{width:12px;height:12px;border-radius:3px}.nn .nn-legend b{color:var(--nn-fg)}.nn .nn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.nn .nn-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:var(--nn-card);border:1px solid var(--nn-line);min-height:190px;position:relative;overflow:hidden;transition:translate .3s var(--nn-ease),border-color .25s,box-shadow .3s,background .25s}.nn .nn-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--c);scale:0 1;transform-origin:left;transition:scale .4s var(--nn-ease)}.nn .nn-card:hover,.nn .nn-card:focus-visible{translate:0 -5px;border-color:var(--c);box-shadow:0 18px 34px -18px #000000e6}.nn .nn-card:hover:before,.nn .nn-card:focus-visible:before,.nn .nn-card[aria-selected=true]:before{scale:1 1}.nn .nn-card[aria-selected=true]{background:var(--nn-card2);border-color:var(--nn-acc);box-shadow:0 0 0 2px var(--nn-acc)}.nn .nn-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.nn .nn-card-top b{font-weight:800;font-size:17px;line-height:1.2}.nn .nn-card-pct{color:var(--c);white-space:nowrap}.nn .nn-card-what{font-size:14px;line-height:1.45;color:var(--nn-sub)}.nn .nn-card .nn-tag{margin-top:auto;align-self:flex-start;font-size:11px}.nn .nn-detail{margin-top:18px}.nn .nn-panel{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);border-radius:22px;overflow:hidden;background:var(--nn-card);border:1px solid var(--nn-line)}.nn .nn-panel[hidden]{display:none}.nn .nn-panel.is-in{animation:nnPanel .5s var(--nn-ease)}@keyframes nnPanel{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}.nn .nn-panel-id{background:var(--nn-fg);color:#171618;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}.nn .nn-panel-id h3{color:#171618;font-size:clamp(30px,2.8vw,46px)}.nn .nn-panel-k{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nn-red);margin-bottom:12px!important}.nn .nn-panel-pct{font-family:NomiCup,Montserrat,Arial,sans-serif;font-weight:800;font-size:clamp(64px,6.5vw,110px);letter-spacing:-.05em;line-height:1}.nn .nn-panel-pct small{font-size:.34em;letter-spacing:0}.nn .nn-panel-sub{font-size:14px;color:#5a544e;margin-top:6px!important}.nn .nn-share{display:block;height:6px;border-radius:3px;background:#ddd3c6;margin-top:16px;overflow:hidden}.nn .nn-share i{display:block;height:100%;width:var(--w);background:var(--c);border-radius:3px;transform-origin:left}.nn .nn-panel.is-in .nn-share i{animation:nnGrow .9s var(--nn-ease) .1s both}@keyframes nnGrow{0%{scale:0 1}to{scale:1 1}}.nn .nn-panel-rows{margin:0;padding:clamp(20px,2.6vw,40px) clamp(24px,3vw,48px)}.nn .nn-panel-rows>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--nn-line)}.nn .nn-panel-rows>div:last-child{border-bottom:0}.nn .nn-panel-rows dt{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nn-mute);padding-top:4px}.nn .nn-panel-rows dd{margin:0;font-size:clamp(15px,1.05vw,18px);line-height:1.6}.nn .nn-left{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(40px,5vw,88px);align-items:start}.nn .nn-left h2{margin:16px 0}.nn .nn-nos{list-style:none;margin:0;padding:clamp(24px,2.6vw,40px);border:3px dashed var(--nn-acc);border-radius:20px;background:var(--nn-card);display:grid;grid-template-columns:1fr 1fr;gap:26px 36px}.nn .nn-no{display:flex;gap:14px;align-items:flex-start}.nn .nn-x{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0645a1f;transition:background .25s,rotate .45s var(--nn-ease),scale .3s var(--nn-ease)}.nn .nn-x svg{width:16px;height:16px;fill:none;stroke:var(--nn-acc);stroke-width:2.6;stroke-linecap:round;transition:stroke .25s}.nn .nn-no:hover .nn-x{rotate:90deg;scale:1.12;background:var(--nn-acc)}.nn .nn-no:hover .nn-x svg{stroke:#171618}.nn .nn-no b{font-weight:800;font-size:17px}.nn .nn-no p{font-size:14px;line-height:1.5;color:var(--nn-sub);margin-top:4px}.nn .nn-strike{background:linear-gradient(var(--nn-acc),var(--nn-acc)) 0 58%/0% 2px no-repeat;transition:background-size .5s var(--nn-ease)}.nn .nn-no:hover .nn-strike,.nn .nn-nos.is-struck .nn-strike{background-size:100% 2px}.nn .nn-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative}.nn .nn-steps-line{position:absolute;left:0;right:0;top:-18px;height:3px;border-radius:2px;background:var(--nn-line);overflow:hidden}.nn .nn-steps-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--nn-acc),#d29636);scale:var(--p,1) 1;transform-origin:left;transition:scale 1.6s var(--nn-ease)}.nn .nn-step{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:var(--nn-card);border:1px solid var(--nn-line);transition:translate .3s var(--nn-ease),box-shadow .3s,border-color .25s}.nn .nn-step:hover{translate:0 -5px;border-color:var(--nn-sub);box-shadow:0 18px 34px -18px #000000e6}.nn .nn-step-k{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--nn-mute)}.nn .nn-step b{font-weight:800;font-size:18px}.nn .nn-step p{font-size:14px;line-height:1.5;color:var(--nn-sub)}.nn .nn-step.is-key{background:var(--nn-red);border-color:var(--nn-red)}.nn .nn-step.is-key .nn-step-k{color:#ffe3de}.nn .nn-step.is-key p{color:#fff}.nn .nn-step.is-key:hover{box-shadow:0 18px 34px -14px #d23636b3}.nn .nn-make .nn-fine{margin-top:22px}.nn.nn-motion .nn-rv{opacity:0;translate:0 26px;transition:opacity .8s var(--nn-ease),translate .8s var(--nn-ease)}.nn.nn-motion .nn-rv.is-in{opacity:1;translate:0 0}.nn.nn-motion .nn-grid.nn-rv .nn-card,.nn.nn-motion .nn-steps.nn-rv .nn-step{opacity:0;translate:0 18px;transition:opacity .6s var(--nn-ease) calc(var(--d,0)*55ms),translate .6s var(--nn-ease) calc(var(--d,0)*55ms),border-color .25s,box-shadow .3s,background .25s}.nn.nn-motion .nn-grid.nn-rv.is-in .nn-card,.nn.nn-motion .nn-steps.nn-rv.is-in .nn-step{opacity:1;translate:0 0}.nn.nn-motion .nn-grid.nn-rv.is-in .nn-card:hover,.nn.nn-motion .nn-steps.nn-rv.is-in .nn-step:hover{translate:0 -5px;transition-delay:0s}.nn.nn-motion .nn-steps{--p:0}.nn.nn-motion .nn-steps.is-in{--p:1}.nn.nn-motion .nn-arrow path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--nn-ease)}.nn.nn-motion .nn-arrow .nn-head{transition-delay:.7s;transition-duration:.35s}.nn.nn-motion .nn-call{opacity:0;translate:0 12px;transition:opacity .6s var(--nn-ease),translate .6s var(--nn-ease)}.nn.nn-motion .nn-stage.is-in .nn-call{opacity:1;translate:0 0}.nn.nn-motion .nn-stage.is-in .nn-arrow path{stroke-dashoffset:0}.nn.nn-motion .nn-stage.is-in .nn-call:nth-child(2){transition-delay:.15s}.nn.nn-motion .nn-stage.is-in .nn-side--r .nn-call{transition-delay:.3s}.nn.nn-motion .nn-stage.is-in .nn-side--r .nn-call:nth-child(2){transition-delay:.45s}.nn.nn-motion .nn-stage.is-in .nn-call .nn-arrow path{transition-delay:.35s}.nn.nn-motion .nn-stage.is-in .nn-call .nn-arrow .nn-head{transition-delay:1.05s}.nn.nn-motion .nn-disc-wrap{opacity:0;scale:.9;transition:opacity 1s var(--nn-ease),scale 1.2s var(--nn-ease)}.nn.nn-motion .nn-stage.is-in .nn-disc-wrap{opacity:1;scale:1}.nn.nn-motion .nn-disc{animation:nnSpin 90s linear infinite}@keyframes nnSpin{to{rotate:360deg}}.nn.nn-motion .nn-stage:hover .nn-disc{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.nn *{animation:none!important;transition:none!important}}@media(max-width:1100px){.nn .nn-grid,.nn .nn-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.nn .nn-left{grid-template-columns:1fr}}@media(max-width:820px){.nn .nn-head{flex-direction:column;align-items:flex-start;gap:16px}.nn .nn-stage{grid-template-columns:1fr 1fr;grid-template-areas:"disc disc" "l r";gap:28px 18px}.nn .nn-disc-wrap{grid-area:disc;width:min(78vw,380px);margin:0 auto}.nn .nn-side--l{grid-area:l}.nn .nn-side--r{grid-area:r}.nn .nn-side{gap:22px;justify-content:flex-start}.nn .nn-arrow{display:none}.nn .nn-call,.nn .nn-call--r{flex-direction:row;padding:14px;border-radius:14px;background:var(--nn-alt);border:1px solid var(--nn-line)}.nn .nn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nn .nn-card{min-height:0;padding:16px}.nn .nn-card .nn-tag{display:none}.nn .nn-card-top{flex-direction:column;gap:4px}.nn .nn-panel{grid-template-columns:1fr}.nn .nn-panel-rows>div{grid-template-columns:1fr;gap:6px}.nn .nn-nos{grid-template-columns:1fr}.nn .nn-steps{grid-template-columns:1fr 1fr}.nn .nn-steps-line{display:none}.nn .nn-bar{height:44px}.nn .nn-seg-tip{display:none}}#MainContent .nn .nn-card{border-radius:16px}#MainContent .nn .nn-seg{border-radius:0}#MainContent .nn .nn-seg:first-child{border-radius:12px 0 0 12px}#MainContent .nn .nn-seg:last-child{border-radius:0 12px 12px 0}#MainContent .nn .nn-call{border-radius:14px}#MainContent .nn .nn-chip{border-radius:999px}
/*# sourceMappingURL=/cdn/shop/t/144/assets/nomi-noodle.css.map */