.ds-toggle-role{display:inline-flex;gap:0;padding:4px;background:var(--color-bg-subtle, rgba(0, 0, 0, .04));border-radius:var(--radius-full)}.ds-toggle-role-btn{padding:10px 24px;font-size:15px;font-weight:600;font-family:inherit;line-height:1.2;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast, .2s) var(--ease-smooth, ease)}.ds-toggle-role-btn:focus{outline:none}.ds-toggle-role-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ds-toggle-role-btn-active{background:var(--color-text);color:var(--color-bg, #fff);box-shadow:0 2px 8px #0000001f}html.dark .ds-toggle-role{background:var(--color-bg-subtle)}html.dark .ds-toggle-role-btn{color:var(--color-text-secondary)}html.dark .ds-toggle-role-btn-active{background:var(--color-accent);color:#fff}@media(max-width:480px){.ds-toggle-role{display:flex;width:100%;max-width:360px}.ds-toggle-role-btn{flex:1;padding:10px 16px}}@media(prefers-reduced-motion:reduce){.ds-toggle-role-btn{transition:none!important}}