.tab-container{--bg:#fff;--border-color:var(--global-border-color,#e4e8ec);width:100%;position:relative;overflow:hidden;container-type:inline-size}.tab-container:has(.select-group) .card{border-top-left-radius:0;border-top-right-radius:0}.tab-container:has(.select-group) .tab-content{border-top-left-radius:0;border-top-right-radius:0}.tab-container .tab-nav{gap:var(--spacing-2);z-index:1;max-width:100%;padding-top:2px;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;translate:0 1px}.tab-container .tab-nav.always-tabs .select-group{display:none}@container (width<1000px){.tab-container .tab-nav:not(.always-tabs){translate:0}.tab-container .tab-nav:not(.always-tabs) .tab{display:none}}@container (width>1000px){.tab-container .tab-nav:not(.always-tabs) .select-group{display:none}}.tab-container .tab-nav .select-group:first-of-type{background-color:var(--card-background-color);border:1px solid var(--card-border-color);padding:var(--spacing-3,1rem);border-bottom:none;width:100%;margin-bottom:-1px}.tab-container .tab-content{background:var(--bg);border:1px solid var(--global-border-color,#666);padding:var(--card-padding)}
.tab{--bg:rgba(255,255,255,.5);--bg-active:#fff;--border-color:var(--global-border-color,#e4e8ec);--border-color-active:var(--global-border-color,#666);--font-color:var(--typography-title-color-normal,#221810);--font-color-active:var(--typography-title-color-normal,#221810);background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--global-border-radius)var(--global-border-radius)0 0;font-family:var(--typography-title-font,sans-serif);color:var(--font-color);cursor:pointer;padding:var(--spacing-2)var(--spacing-3);opacity:.7;text-transform:capitalize;white-space:nowrap;border-bottom:none;font-weight:500;translate:0 -2px;box-shadow:inset 0 -2px 5px rgba(0,0,0,.05)}.tab.active{background-color:var(--bg-active);border:1px solid var(--border-color-active);box-shadow:none;color:var(--font-color-active);opacity:1;padding:var(--spacing-2)var(--spacing-3);z-index:1;border-bottom:none;position:relative;translate:0 -1px}.tab.active.card{border-radius:var(--global-border-radius)var(--global-border-radius)0 0;border:none}