.nw-segments-field{border:0;min-width:0;margin:0;padding:0}.nw-segments-field legend{color:var(--nw-text-primary);margin-bottom:8px;padding:0;font-size:14px}.nw-segments{isolation:isolate;background:#15181b;border:1px solid #f4f1e92e;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px);padding:4px;display:grid;position:relative}.nw-segments:before{content:"";z-index:-1;background:#f4f1e9;border-radius:8px;width:calc(50% - 4px);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;inset:4px auto 4px 4px;box-shadow:0 2px 12px #0003}.nw-segments[data-selected="1"]:before{transform:translate(100%)}.nw-segments[data-selected="-1"]:before{opacity:0}.nw-segments label{color:#b8c5cd;cursor:pointer;border-radius:8px;place-items:center;min-height:44px;padding:12px 8px;font-size:14px;font-weight:600;transition:color .3s;display:grid;position:relative}.nw-segments input,.nw-segments-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nw-segments label:has(input:checked){color:#171b1e}.nw-segments label:has(input:focus-visible){outline:2px solid var(--nw-accent);outline-offset:4px}.nw-segments label>span>span{opacity:.8;margin-left:8px;font-size:11px}@media (prefers-reduced-motion:reduce){.nw-segments:before,.nw-segments label{transition:none}}