app-tabs{display:block}app-tabs .app-tabs{box-shadow:inset 0 -1.5px 0 var(--border-color);scrollbar-width:none;gap:4px;margin-bottom:20px;display:flex;position:relative;overflow:auto hidden}app-tabs .app-tabs::-webkit-scrollbar{display:none}app-tabs .app-tabs__item{font-family:inherit;font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--motion-instant) var(--ease-standard);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:0;padding:10px 16px;font-weight:500;line-height:1.5;display:inline-flex}@media (hover:hover){app-tabs .app-tabs__item:hover:not(.app-tabs__item--disabled){color:var(--text-primary)}}app-tabs .app-tabs__item:active:not(.app-tabs__item--disabled){transform:scale(var(--motion-press))}app-tabs .app-tabs__item--active{color:var(--primary);font-weight:600}app-tabs .app-tabs:not(.is-measured) .app-tabs__item--active{border-bottom-color:var(--primary)}app-tabs .app-tabs__indicator{background:var(--primary);opacity:0;transform-origin:0;pointer-events:none;border-radius:2px 2px 0 0;width:0;height:2px;position:absolute;bottom:0;left:0}app-tabs .app-tabs.is-measured .app-tabs__indicator{transition:transform var(--motion-base) var(--ease-standard),width var(--motion-base) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}app-tabs .app-tabs__item--disabled{color:var(--text-muted);cursor:not-allowed}app-tabs .app-tabs__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}app-tabs .app-tabs__dot{background:var(--color-error);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:6px}@media (max-width:640px){app-tabs .app-tabs__item{font-size:var(--font-sm);padding:10px 12px}}