.io-tabs{display:block;inline-size:100%;font-family:var(--io-font-primary)}.io-tabs__list{display:flex;align-items:stretch;gap:var(--io-spacing-24);-webkit-border-after:var(--io-border-width-thin) solid var(--io-border-default);border-block-end:var(--io-border-width-thin) solid var(--io-border-default)}.io-tabs__tab{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:var(--io-spacing-12) var(--io-spacing-4);margin:0;border:0;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent;-webkit-margin-after:calc(-1 * var(--io-border-width-thin));margin-block-end:calc(-1 * var(--io-border-width-thin));background:transparent;color:var(--io-text-secondary);font-family:var(--io-font-primary);font-size:var(--io-type-size-body);line-height:var(--io-type-line-body);font-weight:var(--io-type-weight-h4);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.io-tabs__tab:hover:not(:disabled):not([data-state=active]){color:var(--io-text-primary)}.io-tabs__tab[data-state=active]{color:var(--io-text-primary);border-block-end-color:var(--io-action-primary)}@media (forced-colors:active){.io-tabs__tab{border-block-end-color:Canvas}.io-tabs__tab[data-state=active]{border-block-end-color:Highlight}}.io-tabs__tab:disabled{color:var(--io-text-muted);cursor:not-allowed}.io-tabs__tab:focus-visible{outline:var(--io-border-width-thin) solid var(--io-border-focus);outline-offset:2px}.io-tabs__panel{padding-block:var(--io-spacing-16);color:var(--io-text-primary);font-family:var(--io-font-primary)}.io-tabs__panel:focus-visible{outline:var(--io-border-width-thin) solid var(--io-border-focus);outline-offset:2px}