.SwitchToggle_switch-toggle___Kaq0{--tab-height:30px;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));grid-gap:4px;gap:4px;width:100%;padding:4px;margin:0;list-style:none;background-color:var(--s-color-main-interaction-secondary-container-x-subtle-default);border:1px solid var(--s-color-main-border-default);border-radius:12px}.SwitchToggle_switch-toggle___Kaq0,.SwitchToggle_switch-toggle___Kaq0.SwitchToggle_blue__bwdyU{--tab-bg-hover:var(--s-color-main-interaction-secondary-container-x-subtle-hover);--tab-fg-hover:var(--s-color-main-interaction-neutral-foreground-hover);--tab-fg-selected:var(--s-color-main-interaction-secondary-foreground-selected-on-subtle);--selected-bg:var(--s-color-main-interaction-secondary-container-x-subtle-selected)}.SwitchToggle_switch-toggle___Kaq0.SwitchToggle_green__VaMh5{--tab-bg-hover:var(--s-color-green-interaction-secondary-container-hover);--tab-fg-hover:var(--s-color-green-interaction-primary-foreground-hover);--tab-fg-selected:var(--s-color-green-interaction-primary-foreground-on-subtle);--selected-bg:var(--s-color-green-interaction-secondary-container-selected)}.SwitchToggle_switch-toggle___Kaq0.SwitchToggle_neutral__cTxgX{--tab-bg-hover:var(--s-color-main-interaction-neutral-container-x-subtle-hover);--tab-bg-active:var(--s-color-main-interaction-neutral-container-x-subtle-pressed);--tab-fg-hover:var(--s-color-main-interaction-neutral-foreground-hover);--tab-fg-selected:var(--s-color-main-interaction-neutral-foreground-selected);--selected-bg:var(--s-color-main-interaction-neutral-container-x-subtle-selected-bold);background-color:var(--s-color-main-interaction-neutral-container-x-subtle-default)}.SwitchToggle_switch-toggle___Kaq0.SwitchToggle_purple__ipkvf{--tab-bg-hover:var(--s-color-purple-interaction-secondary-container-hover);--tab-fg-hover:var(--s-color-purple-interaction-primary-foreground-hover);--tab-fg-selected:var(--s-color-purple-interaction-primary-foreground-on-subtle);--selected-bg:var(--s-color-purple-interaction-secondary-container-selected)}.SwitchToggle_switch-toggle___Kaq0.SwitchToggle_tangerine__UDG3y{--tab-bg-hover:var(--s-color-tangerine-interaction-secondary-container-hover);--tab-fg-hover:var(--s-color-tangerine-interaction-primary-foreground-hover);--tab-fg-selected:var(--s-color-tangerine-interaction-primary-foreground-on-subtle);--selected-bg:var(--s-color-tangerine-interaction-secondary-container-selected)}.SwitchToggle_switch-toggle___Kaq0 .SwitchToggle_selected-background__o6hYo{position:absolute;top:4px;left:4px;width:var(--selected-width,0);height:var(--tab-height);background-color:var(--selected-bg);border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.12);transform-origin:top left}.SwitchToggle_switch-toggle___Kaq0 .SwitchToggle_selected-background__o6hYo.SwitchToggle_horizontal__irs5f{transform:translateX(calc(var(--translate-value, 4px) - 4px))}.SwitchToggle_switch-toggle___Kaq0 .SwitchToggle_selected-background__o6hYo.SwitchToggle_horizontal__irs5f.SwitchToggle_with-transition__vNvcX{transition:transform .3s ease-out}.SwitchToggle_switch-toggle___Kaq0 .SwitchToggle_selected-background__o6hYo.SwitchToggle_vertical__h1TKU{transform:translateY(calc(var(--translate-value, 4px) - 4px))}.SwitchToggle_switch-toggle___Kaq0 .SwitchToggle_selected-background__o6hYo.SwitchToggle_vertical__h1TKU.SwitchToggle_with-transition__vNvcX{transition:transform .15s ease-out}.SwitchToggle_switch-toggle___Kaq0>li{z-index:1}.SwitchToggle_switch-toggle-tab__LacDH{display:flex;gap:4px;align-items:center;justify-content:center;width:100%;min-height:var(--tab-height);color:var(--s-color-main-interaction-neutral-foreground-subtle);cursor:pointer;background-color:rgba(0,0,0,0);border-radius:8px;transition:color .3s ease-out,background-color .3s ease-out}.SwitchToggle_switch-toggle-tab__LacDH>span{max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SwitchToggle_switch-toggle-tab__LacDH:hover:not(.SwitchToggle_selected__4Pek8){color:var(--tab-fg-hover);background-color:var(--tab-bg-hover)}.SwitchToggle_switch-toggle-tab__LacDH:active:not(.SwitchToggle_selected__4Pek8){background-color:var(--tab-bg-active)}.SwitchToggle_switch-toggle-tab__LacDH.SwitchToggle_selected__4Pek8{color:var(--tab-fg-selected)}.SwitchToggle_switch-toggle-tab__LacDH:focus-visible{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:4px}.SwitchToggle_addon__LOHlH{display:inline-flex}