@layer components{:root{--tabs-trigger-px:.75rem;--tabs-trigger-py:.5rem;--tabs-trigger-radius:var(--radius-sm);--tabs-trigger-font-size:inherit;--tabs-trigger-font-weight:400;--tabs-trigger-active-font-weight:500;--tabs-trigger-color:inherit;--tabs-trigger-bg:var(--color-gray-100);--tabs-trigger-border-color:var(--color-gray-100);--tabs-trigger-border-right-color:var(--color-gray-200);--tabs-trigger-hover-border-color:var(--color-gray-200);--tabs-trigger-hover-bg:var(--color-gray-200);--tabs-trigger-active-border-color:var(--color-brand);--tabs-trigger-active-bg:var(--color-brand);--tabs-trigger-active-color:var(--color-white);--tabs-list-justify:flex-start}:where(.tabs){flex-direction:column;gap:12px;display:flex}:where(.tabs-list){justify-content:var(--tabs-list-justify);display:flex}:where(.tabs-trigger){justify-content:center;align-items:center;gap:var(--gap-default);cursor:pointer;padding:var(--tabs-trigger-py) var(--tabs-trigger-px);font-size:var(--tabs-trigger-font-size);font-weight:var(--tabs-trigger-font-weight);color:var(--tabs-trigger-color);background-color:var(--tabs-trigger-bg);border:1px solid var(--tabs-trigger-border-color);border-right-color:var(--tabs-trigger-border-right-color);white-space:nowrap;transition:var(--transition-default);outline:none;display:inline-flex}:where(.tabs-trigger):first-child{border-radius:var(--tabs-trigger-radius) 0 0 var(--tabs-trigger-radius)}:where(.tabs-trigger):last-child{border-radius:0 var(--tabs-trigger-radius) var(--tabs-trigger-radius) 0}@media (hover:hover){:where(.tabs-trigger):hover{border-color:var(--tabs-trigger-hover-border-color);background-color:var(--tabs-trigger-hover-bg)}}:where(.tabs-trigger):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}:where(.tabs-trigger):disabled{pointer-events:none;cursor:not-allowed;opacity:var(--disabled-opacity)}:where(.tabs-trigger)[data-state=active]{font-weight:var(--tabs-trigger-active-font-weight);border-color:var(--tabs-trigger-active-border-color);background-color:var(--tabs-trigger-active-bg);color:var(--tabs-trigger-active-color)}}