:root { --tab-color: #fff; --tab-padding: 12px; --tab-active-color: var(--color-primary); --tab-inactive-color: #646566; --tab-disabled-color: var(--color-disabled); --tab-font-size: var(--font-size-md);}.ppsv-tab { display: flex; justify-content: center; align-items: center; flex: 1 0 auto; padding: 0 var(--tab-padding); font-size: var(--tab-font-size); color: var(--tab-color); cursor: pointer; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.ppsv-tab--active { color: var(--tab-active-color);}.ppsv-tab--inactive { color: var(--tab-inactive-color);}.ppsv-tab--disabled { color: var(--tab-disabled-color); cursor: not-allowed;}.ppsv-tab--horizontal { flex-direction: row;}.ppsv-tab--vertical { flex-direction: column;}