$stepper-ol-padding: 0 !default;
$stepper-step-radius: 9999px !default;
$stepper-step-width: 32px !default;
$stepper-icon-size: 16px !default;
$stepper-progress-bar-height: 1.6px !default;
$stepper-progress-value-height: 100% !default;
$stepper-progress-position: 50% !default;
$stepper-temp-outline-width: 2px solid !default;
$stepper-label-top: 1em !default;
$stepper-label-bottom: 4.5em !default;
$stepper-label-position: 2.5em !default;
$stepper-validation-position: .25em !default;
$stepper-text-padding: 0 6px !default;
$stepper-icon-text-padding: 0 8px !default;
$stepper-text-vert-padding: 6px 0 !default;
$stepper-label-optional: 3em !default;
$stepper-text-postion: 10px !default;
$stepper-optional-size: 12px !default;
$step-border: 2px solid !default;
$stepper-label-order: -1 !default;
$stepper-font-weight: 600 !default;
$stepper-text-size: 14px !default;
$stepper-tooltip-tip-bottom-height: 8px !default;

$stepper-small-step-width: 28px !default;
$stepper-small-icon-size: 14px !default;
$stepper-small-optional-size: 10px !default;
$stepper-small-text-size: 12px !default;

$stepper-bigger-step-width: 40px !default;
$stepper-bigger-icon-size: 18px !default;
$stepper-bigger-optional-size: 14px !default;
$stepper-bigger-text-size: 16px !default;

$stepper-bigger-small-step-width: 36px !default;
$stepper-bigger-small-icon-size: 16px !default;
$stepper-bigger-small-optional-size: 12px !default;
$stepper-bigger-small-text-size: 14px !default;

$step-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $selection-bg, 0 0 0 8px $bg-base-0 !default;
$step-keyboard-selected-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $content-font, 0 0 0 8px $bg-base-0 !default;
$step-valid-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $success-alt, 0 0 0 8px $bg-base-0 !default;
$step-error-li-shadow: 0 0 0 2px $bg-base-0, 0 0 0 4px $error-alt, 0 0 0 8px $bg-base-0 !default;
$step-li-shadow: 0 0 0 8px $bg-base-0 !default;
$step-hover-text-color: $hover-font !default;
$step-hover-not-text-color: $selection-font !default;
$step-border-color: $border-default !default;
$step-hover-border-color: $border-default !default;
$step-active-border-color: $border-default !default;
$stepper-outline-color: $bg-base-0 !default;
$step-color: $content-font !default;
$step-optional-color: $content-font !default;
$step-bg-color: $bg-base-0 !default;
$step-completed-color: $selection-font !default;
$step-completed-bg-color: $selection-bg !default;
$step-progress-bg-color: $border-default !default;
$step-progress-value-bg-color: $selection-bg !default;
$step-disabled-bg-color: $disable !default;
$step-disabled-font-color: $disable !default;
$step-disabled-color: $selection-font !default;
$stepper-text-color: $content-font !default;
$step-valid-icon-only-color:$success-alt !default;
$step-error-icon-only-color: $error-alt !default;
$step-valid-completed-color: $selection-font !default;
$step-valid-completed-bg-color: $success-alt !default;
$step-error-icon-color: $selection-font !default;
$step-error-completed-color: $error-alt !default;
$step-error-completed-bg-color: $error-alt !default;
$step-hover-color: $hover-bg !default;
$step-active-color: $selection-bg !default;
$step-selected-hover-color: $hover-bg !default;
$step-selected-active-color: $selection-bg !default;