.toggle-container{background-color:var(--smoke);border:1px solid var(--smoke);border-radius:6px;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);position:relative}.toggle-container.vertical{grid-template-columns:none;grid-template-rows:repeat(var(--tab-count),1fr)}.toggle-container .tab{align-items:center;cursor:pointer;display:flex;flex:1 1 0;justify-content:center;margin:-1px;padding:6px;z-index:1}.toggle-container .tab .icon,.toggle-container .tab .txt-component.heading{color:var(--steel);transition:var(--smooth)}.toggle-container .tab.selected .icon,.toggle-container .tab.selected .txt-component.heading,.toggle-container .tab:hover .icon,.toggle-container .tab:hover .txt-component.heading{color:var(--coal)}.toggle-container .selected-toggle{background-color:#fff;border-radius:6px;box-shadow:var(--shadow-base);position:absolute;transition:var(--smooth)}.toggle-container.disabled .tab{cursor:default;pointer-events:none}.toggle-container.disabled .tab.selected .icon,.toggle-container.disabled .tab.selected .txt-component.heading,.toggle-container.disabled .tab:hover .icon,.toggle-container.disabled .tab:hover .txt-component.heading{color:var(--steel)}.toggle-container.dark{background-color:#ffffff1f;border:0}.toggle-container.dark .selected-toggle{background-color:#ffffff80}.toggle-container.dark .tab.selected .icon,.toggle-container.dark .tab.selected .txt-component.heading,.toggle-container.dark .tab:hover .icon,.toggle-container.dark .tab:hover .txt-component.heading{color:#fff;fill:#fff}.toggle-container.dark.disabled .tab .icon,.toggle-container.dark.disabled .tab .txt-component.heading{color:#ffffff1a}.toggle-container.dark.disabled .tab.selected .icon,.toggle-container.dark.disabled .tab.selected .txt-component.heading,.toggle-container.dark.disabled .tab:hover .icon,.toggle-container.dark.disabled .tab:hover .txt-component.heading{color:#fff;fill:#fff}