.el-segmented.vc-segmented{--el-segmented-bg-color: color-mix(in srgb, var(--ui-lines) 50%, transparent);--el-segmented-item-selected-color: var(--btn-filled-text);--el-segmented-item-selected-bg-color: var(--primary);--el-segmented-item-disabled-color: var(--inactive-elements);--el-segmented-item-selected-disabled-bg-color: var(--inactive-elements);--el-segmented-item-hover-color: var(--default-text);--el-segmented-item-hover-bg-color: var(--primary-actions-bg--focus);--el-segmented-item-active-bg-color: var(--primary-actions-bg--focus)}.el-segmented.vc-segmented--bordered{--el-segmented-padding: 0;border:1px solid var(--ui-lines)}.el-segmented.vc-segmented--rounded{--el-border-radius-base: 1rem}.el-segmented.vc-segmented--primary{--el-segmented-item-selected-bg-color: var(--primary-actions);--el-segmented-item-hover-bg-color: var(--primary-actions-bg--focus);--el-segmented-item-active-bg-color: var(--primary-actions-bg--focus)}.el-segmented.vc-segmented--success{--el-segmented-item-selected-bg-color: var(--success-actions);--el-segmented-item-hover-bg-color: var(--success-actions-bg--focus);--el-segmented-item-active-bg-color: var(--success-actions-bg--focus)}.el-segmented.vc-segmented--destructive{--el-segmented-item-selected-bg-color: var(--destructive-actions);--el-segmented-item-hover-bg-color: var(--destructive-actions-bg--focus);--el-segmented-item-active-bg-color: var(--destructive-actions-bg--focus)}.el-segmented.vc-segmented--warning{--el-segmented-item-selected-bg-color: var(--warning-actions);--el-segmented-item-hover-bg-color: var(--warning-actions-bg--focus);--el-segmented-item-active-bg-color: var(--warning-actions-bg--focus)}.el-segmented.vc-segmented--secondary{--el-segmented-item-selected-bg-color: var(--secondary-actions);--el-segmented-item-hover-bg-color: var(--secondary-actions-bg--focus);--el-segmented-item-active-bg-color: var(--secondary-actions-bg--focus)}.el-segmented.vc-segmented--primary-alternative{--el-segmented-item-selected-bg-color: var(--primary-alternative-actions);--el-segmented-item-hover-bg-color: var(--primary-alternative-actions-bg--focus);--el-segmented-item-active-bg-color: var(--primary-alternative-actions-bg--focus)}