.ds-seg{background:var(--seg-bg);border:1px solid var(--card-border);border-radius:var(--r-input);padding:3px;display:inline-flex}.ds-seg__opt{font:500 15px / 1 var(--font-body);color:var(--fg-sec);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;padding:10px 20px}.ds-seg__opt:hover{color:var(--fg)}.ds-seg__opt--active{background:var(--seg-active);color:var(--fg);box-shadow:var(--seg-shadow)}.ds-seg__opt--active:hover{color:var(--fg)}.ds-seg__opt:focus-visible{outline:2px solid var(--focus);outline-offset:1px}