@layer reset,tokens,base,layout,components,pages,utilities;@layer components{.tabs__list{gap:var(--seg-gap,var(--space-2));padding:var(--seg-pad,0);border-radius:var(--seg-radius,0);background:var(--seg-bg,transparent);display:flex}.tabs__tab{min-block-size:var(--seg-item-h,48px);padding-inline:var(--space-3);border-radius:var(--seg-item-radius,var(--radius-md));background:var(--seg-item-bg,var(--color-surface-field));color:var(--seg-item-text,var(--color-text-field-label));font-size:var(--seg-font-size,var(--text-md-size));font-weight:var(--seg-weight,var(--weight-bold));line-height:var(--text-md-loose-line);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:inline-flex}.tabs--stretch .tabs__tab{flex:1 1 0}.tabs__tab--selected{background:var(--seg-on-bg,var(--color-btn-light));color:var(--seg-on-text,var(--color-text-inverse))}.tabs__tab:disabled{opacity:var(--opacity-disabled)}@media (hover:hover){.tabs__tab:hover:not(.tabs__tab--selected,:disabled){color:var(--color-text)}}@media (prefers-reduced-motion:reduce){.tabs__tab{transition:none}}}