.tabs{display:flex;flex-direction:column;width:100%}.tabs__nav{border-bottom:var(--tabs-nav-borderWidth,var(--tabs-nav-borderWidth)) solid var(--tabs-nav-borderColor,var(--tabs-nav-borderColor));display:flex;position:relative}.tabs__tab{align-items:center;background:var(--tabs-tab-background-default,var(--tabs-tab-background-default));border:none;color:var(--tabs-tab-text-default,var(--tabs-tab-text-default));cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;padding:var(--tabs-tab-padding-y,var(--tabs-tab-padding-y)) var(--tabs-tab-padding-x,var(--tabs-tab-padding-x));position:relative;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.tabs__tab:hover:not(.tabs__tab--state-active):not(.tabs__tab--state-disabled),.tabs__tab[data-state~=hover]:not(.tabs__tab--state-active):not(.tabs__tab--state-disabled){background:var(--tabs-tab-background-hover,var(--tabs-tab-background-hover));color:var(--tabs-tab-text-hover,var(--tabs-tab-text-hover))}.tabs__tab:focus-visible,.tabs__tab[data-state~=focus-visible]{outline:var(--tabs-focus-ringWidth,var(--tabs-focus-ringWidth)) solid var(--tabs-focus-ringColor,var(--tabs-focus-ringColor));outline-offset:var(--tabs-focus-ringOffset,var(--tabs-focus-ringOffset));z-index:1}.tabs__tab--state-active{background:linear-gradient(90deg,var(--accent-gradient-start,var(--accent-gradient-start)),var(--accent-gradient-end,var(--accent-gradient-end)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tabs__tab--state-disabled{color:var(--tabs-tab-text-disabled,var(--tabs-tab-text-disabled));cursor:not-allowed;opacity:.7}.tabs__indicator{background:linear-gradient(90deg,var(--accent-gradient-start,var(--accent-gradient-start)),var(--accent-gradient-end,var(--accent-gradient-end)));bottom:0;height:var(--tabs-indicator-height,var(--tabs-indicator-height));left:0;position:absolute;transition:transform .2s ease,width .2s ease}.tabs__panels{flex:1}.tabs__panel{padding:var(--tabs-content-padding,var(--tabs-content-padding))}.tabs__panel:focus-visible,.tabs__panel[data-state~=focus-visible]{outline:var(--tabs-focus-ringWidth,var(--tabs-focus-ringWidth)) solid var(--tabs-focus-ringColor,var(--tabs-focus-ringColor));outline-offset:calc(var(--tabs-focus-ringOffset, var(--tabs-focus-ringOffset))*-1)}
