@layer onyx.component{.onyx-tab,.onyx-tab-skeleton{--onyx-tab-padding-vertical:var(--onyx-density-xs);--onyx-tab-highlight-gap:var(--onyx-density-3xs)}.onyx-tab--h1,.onyx-tab-skeleton--h1{font-size:var(--onyx-font-size-xl);line-height:var(--onyx-font-line-height-xl);font-family:var(--onyx-font-family-h1)}.onyx-tab--h2,.onyx-tab-skeleton--h2{font-size:var(--onyx-font-size-lg);line-height:var(--onyx-font-line-height-lg);font-family:var(--onyx-font-family-h2)}.onyx-tab--h3,.onyx-tab-skeleton--h3{font-size:var(--onyx-font-size-md);line-height:var(--onyx-font-line-height-md);font-family:var(--onyx-font-family-h3)}.onyx-tab--h4,.onyx-tab--h5,.onyx-tab--h6,.onyx-tab-skeleton--h4,.onyx-tab-skeleton--h5,.onyx-tab-skeleton--h6{font-size:var(--onyx-font-size-sm);line-height:var(--onyx-font-line-height-sm);font-family:var(--onyx-font-family-h4)}.onyx-tab{--onyx-tab-color:var(--onyx-color-text-icons-neutral-medium);--onyx-tab-color-selected:var(--onyx-color-text-icons-neutral-intense);--onyx-tab-color-active:var(--onyx-color-text-icons-primary-bold);--onyx-tab-color-disabled:var(--onyx-color-text-icons-neutral-soft);color:var(--onyx-tab-color);border-radius:var(--onyx-radius-sm);padding:var(--onyx-tab-padding-vertical) var(--onyx-density-md);font-weight:var(--onyx-font-weight-semibold);background-color:#0000;border:none;min-width:max-content}.onyx-tab--selected{color:var(--onyx-tab-color-selected)}.onyx-tab--selected .onyx-tab__label:after{content:"";background-color:var(--onyx-color-component-nav-stroke);height:.125rem;width:calc(100% - 2 * var(--onyx-density-xs));min-width:1rem;left:50%;bottom:calc(-1 * var(--onyx-tab-highlight-gap));position:absolute;transform:translate(-50%)}.onyx-tab:enabled{cursor:pointer}.onyx-tab:enabled:hover,.onyx-tab:enabled:focus-visible,.onyx-tab:enabled:active{background-color:var(--onyx-color-base-neutral-200);color:var(--onyx-tab-color-selected)}.onyx-tab:enabled:focus-visible{outline:var(--onyx-outline-width) solid var(--onyx-color-component-focus-primary)}.onyx-tab:enabled:active{color:var(--onyx-tab-color-active)}.onyx-tab:disabled{color:var(--onyx-tab-color-disabled)}.onyx-tab__label{justify-content:center;align-items:center;gap:var(--onyx-density-xs);display:flex;position:relative}.onyx-tab__panel{font-family:var(--onyx-font-family-paragraph);color:var(--onyx-color-text-icons-neutral-intense);font-size:var(--onyx-font-size-md);line-height:var(--onyx-font-line-height-md)}.onyx-tab-skeleton{width:var(--onyx-density-4xl);height:calc(1lh + 2 * var(--onyx-tab-padding-vertical) + var(--onyx-tab-highlight-gap));vertical-align:middle;display:inline-block}}