.np{--np-axis:180deg;--np-lamp:9px;--np-wire:1px;--np-gap-x:clamp(1rem,2vw,1.75rem);--np-gap-y:1.5rem;--np-pad:clamp(1.125rem,1.7vw,1.5rem);--np-lead:clamp(0.875rem,1.6vw,1.25rem);--np-label-line:1rem;--np-lead-in:calc(var(--np-pad) + (var(--np-label-line) - var(--np-lamp)) / 2);--np-fade:100%;--np-conduit:var(--ns-edge-strong)}.np__list{display:grid;row-gap:var(--np-gap-y);column-gap:var(--np-gap-x);margin-block-start:clamp(2.5rem,5vw,3.5rem)}.np__step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem}.np__rail{display:flex;flex-direction:column;align-items:center;padding-block-start:var(--np-lead-in);margin-block-end:calc((var(--np-gap-y) + var(--np-lead-in)) * -1)}.np__step:last-child .np__rail{margin-block-end:0}@media (min-width:640px){.np{--np-axis:90deg}.np__list{grid-template-columns:repeat(2,minmax(0,1fr))}.np__step{display:flex;flex-direction:column}.np__rail{flex:none;flex-direction:row;block-size:var(--np-lamp);padding-block-start:0;margin-block-end:var(--np-lead);margin-inline-end:calc(var(--np-gap-x) * -1)}.np__step:last-child .np__rail{margin-block-end:var(--np-lead);margin-inline-end:0}.np__plate{flex:1}}@media (min-width:1024px){.np__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.np__step:last-child .np__wire{--np-fade:42%}@media (min-width:640px) and (max-width:1023px){.np__step:nth-child(2n) .np__rail{margin-inline-end:0}.np__step:nth-child(2n) .np__wire{--np-fade:42%}}.np__lamp{position:relative;z-index:1;flex:none;inline-size:var(--np-lamp);block-size:var(--np-lamp);border-radius:50%;background:var(--ns-accent);box-shadow:0 0 0 3px var(--ns-void)}.np__wire{flex:1;inline-size:var(--np-wire);background-image:linear-gradient(var(--np-axis),var(--np-conduit) 0,var(--np-conduit) var(--np-fade),transparent 100%)}@media (min-width:640px){.np__wire{inline-size:auto;block-size:var(--np-wire)}}.np .np__plate{position:relative;padding:var(--np-pad)}.np__label{line-height:var(--np-label-line)}