.toggle{position:relative;display:inline-flex;align-items:stretch;padding:4px;border-radius:999px;background:var(--input-background);user-select:none}.toggle__selector{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background-color:rgba(96,218,246,.6352941176);border-left:1px solid hsla(0,0%,100%,.0862745098);box-shadow:inset 0 1px 4px rgba(0,0,0,.26),1px 0 2px rgba(0,0,0,.26);pointer-events:none;z-index:0}.toggle__option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:rgba(0,0,0,0);border:none;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#fff;cursor:pointer;transition:color .18s ease;white-space:nowrap}.toggle__option:focus{outline:none}.toggle__option:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.toggle__option:disabled{cursor:not-allowed;opacity:.5}.toggle__option--active{color:var(--text)}.toggle--compact{height:30px;padding:2px;box-sizing:border-box}.toggle--compact .toggle__selector{top:2px;bottom:2px}.toggle--compact .toggle__option{padding:0 12px;font-size:11px}