:root{--tab-color:rgb(var(--primary))}.tabs__item.--selected,.tabs__item:hover:not(.--disabled){color:var(--tab-color)}.tabs__item.--disabled{color:rgb(var(--gray-400))}.tabs.--pills,.tabs.--underline{border-color:rgb(var(--gray-200))}.tabs.--pills{background-color:rgb(var(--white));border-radius:.375rem;border-width:1px;display:grid;gap:.25rem;grid-auto-flow:column;max-width:-moz-min-content;max-width:min-content;padding:.25rem}.tabs.--pills .tabs__item{animation-duration:.1s;background-color:transparent;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;line-height:1.25rem;line-height:22px;padding:.25rem .5rem;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.tabs.--pills .tabs__item.--selected{--tw-bg-opacity:1;background-color:rgb(245 248 255/var(--tw-bg-opacity,1))}.tabs.--underline{border-bottom-width:1px;display:flex;flex-grow:1;gap:2rem}.tabs.--underline .tabs__item{cursor:pointer;font-weight:500;padding-bottom:.5rem;padding-top:.75rem;position:relative}.tabs.--underline .tabs__item:before{background-color:var(--tab-color);bottom:0;content:"";display:block;height:.125rem;left:0;position:absolute;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:0}.tabs.--underline .tabs__item.--selected:before{width:100%}