.nm{--nm-roll:.76s;--nm-step:45ms;--nm-rim:var(--line);--nm-wr:14px;--nm-dots:2px dotted color-mix(in srgb, var(--text) 18%, transparent)}.nm-light{pointer-events:none;background:radial-gradient(60% 44% at 50% 40%, color-mix(in srgb, var(--glow) 30%, transparent), transparent 72%);position:absolute;inset:0}@media (min-width:1024px){.nm-light{background:radial-gradient(42% 56% at calc(50% + var(--dir) * 19%) 40%, color-mix(in srgb, var(--glow) 34%, transparent), transparent 72%)}}.nm-unit{display:grid}.nm-title{padding-block-end:30px}.nm-body{border:1px solid var(--nm-rim);background:var(--card);transition:transform var(--t-press) var(--ease-out), border-color var(--t-control) var(--ease-out);position:relative}.nm-head{z-index:1;border-radius:var(--r-m) var(--r-m) 0 0;border-block-end:0;margin-block-end:-1px;padding:10px 12px 0}.nm-base{border-radius:0 0 var(--r-m) var(--r-m);box-shadow:var(--shadow);padding:12px}@media (min-width:1024px){.nm-unit{grid-template-columns:minmax(0,.56fr) minmax(0,1fr)}.nm-title{grid-area:1/1;align-content:center;padding-block:68px 14px;padding-inline-end:56px;display:grid}.nm-head{grid-area:1/2;padding:12px 14px 0}.nm-base{border-start-start-radius:var(--r-m);grid-area:2/1/3/3;padding:14px}.nm-head:before{content:"";width:calc(var(--r-m) + 1px);height:calc(var(--r-m) + 1px);background:radial-gradient(circle at 0 0, transparent calc(var(--r-m) - .5px), var(--nm-rim) var(--r-m), var(--nm-rim) calc(var(--r-m) + .6px), transparent calc(var(--r-m) + 1.2px)), radial-gradient(circle at 0 0, transparent calc(var(--r-m) - .5px), var(--card) var(--r-m));pointer-events:none;position:absolute;inset-block-end:0;inset-inline-end:100%}[dir=rtl] .nm-head:before{background:radial-gradient(circle at 100% 0, transparent calc(var(--r-m) - .5px), var(--nm-rim) var(--r-m), var(--nm-rim) calc(var(--r-m) + .6px), transparent calc(var(--r-m) + 1.2px)), radial-gradient(circle at 100% 0, transparent calc(var(--r-m) - .5px), var(--card) var(--r-m))}}.nm-win{border-radius:var(--nm-wr);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--ground-raised) 78%, transparent), transparent 64%), color-mix(in srgb, var(--glow) 15%, var(--ground));box-shadow:inset 0 3px 7px -3px color-mix(in srgb, var(--text) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--text) 11%, transparent);position:relative;overflow:hidden}.nm-win:before,.nm-win:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);position:absolute;inset:0}.nm-win:before{z-index:2;background:radial-gradient(260px circle at var(--rx,-400px) var(--ry,-400px), var(--signal), transparent 72%);padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.nm-win:after{background:radial-gradient(300px circle at var(--rx,-400px) var(--ry,-400px), color-mix(in srgb, var(--ground-raised) 92%, transparent), transparent 70%)}.nm-win>*{z-index:1;position:relative}.nm-win-a{margin-block-end:12px}.nm-matrix{width:100%;height:auto;fill:var(--code);transition:fill .52s var(--ease-out);display:block;overflow:hidden}.nm-cells{fill:color-mix(in srgb, var(--text) 7%, transparent)}.nm-reel{transform:translateY(calc((var(--nm-on,1) - 1) * 18px))}@keyframes nm-roll{0%{animation-timing-function:cubic-bezier(.5,0,.2,1);transform:translateY(-18px)}58%{animation-timing-function:ease-in-out;transform:translateY(.82px)}76%{animation-timing-function:ease-in-out;transform:translateY(-.28px)}90%{animation-timing-function:ease-in-out;transform:translateY(.08px)}to{transform:translateY(0)}}@keyframes nm-roll-type{0%{animation-timing-function:cubic-bezier(.5,0,.2,1);transform:translateY(-2em)}58%{animation-timing-function:ease-in-out;transform:translateY(.085em)}76%{animation-timing-function:ease-in-out;transform:translateY(-.03em)}90%{animation-timing-function:ease-in-out;transform:translateY(.01em)}to{transform:translateY(0)}}[data-nm-r][data-s=idle]{--nm-on:0}[data-nm-r][data-s=busy] .nm-reel{animation:nm-roll var(--nm-roll) calc(var(--i) * var(--nm-step)) both}[data-nm-r][data-s=busy] .nm-strip{animation:nm-roll-type var(--nm-roll) calc(var(--i) * var(--nm-step)) both}@keyframes nm-in{0%{opacity:0}}[data-nm-r][data-s=busy] .nm-sep{animation:nm-in .16s linear calc(var(--nm-roll) * .42) both}[data-nm-r][data-s=busy] .nm-matrix{fill:var(--signal);transition:none}.nm-label{font-size:var(--fs-small);color:var(--text-muted);align-items:center;gap:10px;font-weight:600;line-height:1.3;display:flex}[dir=rtl] .nm-label{line-height:1.5}.nm-lamp{background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 4px var(--signal-soft);transition:background-color var(--t-state) var(--ease-out), box-shadow var(--t-state) var(--ease-out);border-radius:50%;flex:none}[data-nm-r][data-s=idle] .nm-lamp{background:color-mix(in srgb, var(--text) 24%, transparent);box-shadow:0 0 #0000}[data-nm-r][data-s=busy] .nm-lamp{box-shadow:0 0 #0000}.nm-top{align-items:center;gap:14px;min-height:46px;margin-block-end:10px;padding-inline-start:6px;display:flex}.nm-top>.nm-label{margin-inline-end:auto}.nm-status{font-size:var(--fs-small);color:var(--text);transition:opacity var(--t-state) var(--ease-out);align-items:center;gap:7px;font-weight:650;display:inline-flex}.nm-tick{color:var(--signal-text);flex:none}.nm-tick path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .42s var(--ease-out) 60ms}.nm-head[data-s] .nm-status{opacity:0;transition:none}.nm-body[data-s] .nm-tick path{stroke-dashoffset:1px;transition:none}.nm-win>.nm-pass{pointer-events:none;display:grid;position:absolute;inset-block-end:12px;inset-inline-end:12px}.nm-win>.nm-round{z-index:2;fill:none;pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;inset:1px;overflow:visible}.nm-round rect{stroke:var(--signal);stroke-width:2px;stroke-linecap:round;stroke-dasharray:.14 .86;opacity:0}.nm-body[data-pass] .nm-round rect{animation:nm-round 1.1s var(--ease-in-out) both}@keyframes nm-round{0%{stroke-dashoffset:.14px;opacity:0}14%,80%{opacity:1}to{stroke-dashoffset:-.86px;opacity:0}}.nm-key{border:1px solid var(--line);background:var(--ground);min-width:46px;min-height:46px;color:var(--text);font-size:var(--fs-small);box-shadow:0 2px 0 -1px color-mix(in srgb, var(--text) 16%, transparent);border-radius:999px;flex:none;align-items:center;gap:10px;padding:6px;font-weight:650;display:inline-flex}.nm-key-icon{background:var(--btn);width:32px;height:32px;color:var(--btn-ink);border-radius:50%;place-items:center;display:grid}.nm-key-icon svg{transition:transform var(--t-control) var(--ease-out)}.nm-key-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:640px){.nm-key{padding-inline-end:18px}.nm-key-text{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}.nm-key:active{box-shadow:0 0 #0000}.nm-head[data-s=busy] .nm-key-icon svg{animation:nm-turn .72s var(--ease-in-out) both}@keyframes nm-turn{to{transform:rotate(-360deg)}}.nm-chs{grid-template-columns:1fr 1fr;display:grid}.nm-ch{grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:14px 14px 16px;display:grid}.nm-ch>.nm-label{grid-column:1/-1;align-self:start}.nm-ch>.nm-label .nm-lamp{align-self:start;margin-block-start:.38em}.nm-value{font-family:var(--font-latin), system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;color:var(--text);transform-origin:0 100%;transition:transform var(--t-control) var(--ease-out), color .52s var(--ease-out);justify-self:start;align-items:flex-end;font-size:clamp(28px,9.4vw,44px);font-weight:750;font-stretch:112%;line-height:1;display:inline-flex}[dir=rtl] .nm-value{transform-origin:100% 100%}.nm-ch[data-s=busy] .nm-value{color:var(--signal-text);transition:transform var(--t-control) var(--ease-out)}.nm-num{align-items:flex-end;display:inline-flex;position:relative}.nm-num:before{content:"";background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--text) 15%, transparent) 0 .1em, transparent calc(.1em + .6px)) 0 50% / .62em 100% repeat-x;opacity:calc(1 - var(--nm-on,1));position:absolute;inset:0}.nm-drum{height:1em;display:block;overflow:hidden}.nm-strip{transform:translateY(calc((var(--nm-on,1) - 1) * 2em));display:block}.nm-strip>span{height:1em;display:block}.nm-sep{height:1em;opacity:var(--nm-on,1);display:block}.nm-suffix{color:var(--signal-text);margin-block-end:.3em;margin-inline-start:.05em;font-size:.62em}.nm-gauge{justify-content:flex-end;display:flex}.nm-marks{grid-template-columns:repeat(3,8px);gap:6px;display:grid}.nm-marks i{background:var(--text);width:8px;height:8px;opacity:calc(.15 + .85 * var(--nm-on,1));transition:opacity .2s linear, background-color .52s var(--ease-out);border-radius:50%}.nm-ch[data-s=idle] .nm-marks i{transition:none}.nm-ch[data-s=busy] .nm-marks i{background:var(--signal);transition-delay:calc(.3s + var(--i) * 40ms)}.nm-points{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;font-size:13px;font-weight:550;line-height:1.3;display:flex}[dir=rtl] .nm-points{line-height:1.5}.nm-point{opacity:calc(.28 + .72 * var(--nm-on,1));transition:opacity var(--t-state) var(--ease-out);align-items:center;gap:8px;display:flex}.nm-point i{background:var(--text);width:7px;height:7px;transition:background-color .52s var(--ease-out);border-radius:50%}.nm-ch[data-s=idle] .nm-point{transition:none}.nm-ch[data-s=busy] .nm-point{transition-delay:calc(.3s + var(--i) * .11s)}.nm-ch[data-s=busy] .nm-point i{background:var(--signal);transition-delay:calc(.3s + var(--i) * .11s)}@media (max-width:1023px){.nm-ch:nth-child(3){grid-column:1/-1}.nm-ch:nth-child(n+3){border-block-start:var(--nm-dots)}.nm-ch:nth-child(2),.nm-ch:nth-child(5){border-inline-start:var(--nm-dots)}.nm-ch:nth-child(5){padding-inline-end:34px}}@media (min-width:1024px){.nm-chs{grid-template-columns:1fr .96fr 1.2fr 1.12fr 1fr}.nm-ch{grid-template-columns:auto minmax(0,1fr);gap:12px 20px;padding:16px 20px 18px}.nm-ch+.nm-ch{border-inline-start:var(--nm-dots)}.nm-value{font-size:clamp(36px,3.7vw,54px)}.nm-gauge{justify-content:flex-start}.nm-marks{grid-template-columns:repeat(3,9px);gap:7px}.nm-marks i{width:9px;height:9px}.nm-points{gap:3px;font-size:12.5px;display:grid}}.nm-key:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.nm-unit:has(.nm-key:focus-visible){--nm-rim:var(--signal)}.nm[data-nm=live] .nm-win:active:before,.nm[data-nm=live] .nm-win:active:after{opacity:1;transition-duration:.15s}.nm[data-nm=live] .nm-ch:active .nm-value{transform:scale(1.06)}@media (hover:hover) and (pointer:fine){.nm[data-nm=live] .nm-body{cursor:pointer}.nm[data-nm=live] .nm-unit:has(.nm-body:active) .nm-body{transform:translateY(2px)}.nm[data-nm=live] .nm-unit:has(.nm-body:hover){--nm-rim:color-mix(in srgb, var(--text) 26%, transparent)}.nm[data-nm=live] .nm-unit:has(.nm-body:hover) .nm-key-icon svg{transform:rotate(-55deg)}.nm[data-nm=live] .nm-key:hover{border-color:var(--signal)}.nm[data-nm=live] .nm-win:hover:before,.nm[data-nm=live] .nm-win:hover:after{opacity:1;transition-duration:.2s}.nm[data-nm=live] .nm-ch:hover .nm-value{transform:scale(1.06)}.nm[data-nm=live] .nm-ch:hover .nm-lamp{box-shadow:0 0 0 6px var(--signal-soft)}}@media (prefers-reduced-motion:no-preference){.js .nm:not([data-nm]) [data-nm-r]{--nm-on:0}.js .nm:not([data-nm]) :is(.nm-lamp,.nm-status,.nm-pass){visibility:hidden}}@media (prefers-reduced-motion:reduce){.nm-key{display:none}.nm-body,.nm-matrix,.nm-lamp,.nm-value,.nm-marks i,.nm-point,.nm-point i,.nm-status,.nm-tick path,.nm-key-icon svg{transition:none}.nm-reel,.nm-strip,.nm-sep,.nm-round rect,.nm-key-icon svg{animation:none}}
