.SUI-Tab-module-root-FzTyX{box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--sui-font-family);gap:.5rem;width:100%}.SUI-Tab-module-root-FzTyX *{box-sizing:border-box}.SUI-Tab-module-buttons-rFpyw{background-color:var(--sui-tab-buttons-bg);border-radius:var(--sui-border-radius-small);display:flex;flex-wrap:wrap;list-style:none;margin:0;overflow:hidden;padding:var(--sui-padding-small);width:100%}.SUI-Tab-module-buttons-rFpyw>li{display:flex;flex-grow:1;min-width:fit-content}.SUI-Tab-module-buttons-rFpyw>li>button{background-color:var(--sui-tab-button-bg);border:1px solid var(--sui-tab-button-border);border-radius:var(--sui-border-radius-small);color:var(--sui-tab-button-fg);cursor:pointer;padding:.25rem;transition:var(--sui-transition);width:100%}.SUI-Tab-module-buttons-rFpyw>li>button[disabled]{color:var(--sui-tab-button-disabled-fg);cursor:default}.SUI-Tab-module-buttons-rFpyw>li[data-selected=true]>button{background-color:var(--sui-tab-button-selected-bg);box-shadow:var(--sui-elevation-2);color:var(--sui-tab-button-selected-fg)}.SUI-Tab-module-content-ubUcv{background-color:var(--sui-tab-content-bg);border:1px solid var(--sui-tab-content-border);border-radius:var(--sui-border-radius-small);color:var(--sui-tab-content-fg);display:flex;flex-direction:column;padding:var(--sui-padding);width:100%}.SUI-Tab-module-root-FzTyX[data-variant=tab]{--sui-tab-buttons-bg:var(--sui-transparent);--sui-tab-button-fg:var(--sui-gray-500);--sui-tab-button-bg:var(--sui-transparent);--sui-tab-button-disabled-fg:var(--sui-gray-300);--sui-tab-button-selected-fg:var(--sui-info);--sui-tab-content-border:var(--sui-transparent)}.SUI-Tab-module-root-FzTyX[data-variant=tab] .SUI-Tab-module-buttons-rFpyw{border-radius:0;padding:0}.SUI-Tab-module-root-FzTyX[data-variant=tab] .SUI-Tab-module-buttons-rFpyw>li>button{border-bottom:2px solid var(--sui-tab-button-border);border-radius:0;box-shadow:none;font-size:1rem;font-weight:700;padding:.5rem}.SUI-Tab-module-root-FzTyX[data-variant=tab] .SUI-Tab-module-buttons-rFpyw>li[data-selected=true]>button{border-bottom:2px solid var(--sui-tab-button-selected-fg)}.SUI-Tab-module-root-FzTyX[data-variant=tab] .SUI-Tab-module-content-ubUcv{border-radius:0}[data-theme=dark] .SUI-Tab-module-root-FzTyX[data-variant=ghost]{--sui-tab-button-disabled-fg:var(--sui-gray-700)}