:root {
   --realsoft-checkbox-label-text-color: #201a1b;
    --realsoft-checkbox-label-text-font: Roboto, sans-serif;
    --realsoft-checkbox-label-text-line-height: 1.25rem;
    --realsoft-checkbox-label-text-size: 0.875rem;
    --realsoft-checkbox-label-text-letter-spacing: 0.016rem;
    --realsoft-checkbox-label-text-weight: 400;
    --realsoft-checkbox-selected-checkmark-color: #ffffff;
    --realsoft-checkbox-disabled-label-color: rgba(32, 26, 27, 0.38);
    --realsoft-checkbox-state-layer-size: 40px;
    --realsoft-checkbox-touch-target-display: block;
    --realsoft-checkbox-background-width: 18px;
    --realsoft-checkbox-background-height: 18px;
    --realsoft-checkbox-background-border-color: #514346;
    --realsoft-checkbox-disabled-unselected-icon-color: rgba(4, 3, 3, 0.38);
    --realsoft-checkbox-disabled-selected-checkmark-color: #fff8f8;
    --realsoft-checkbox-selected-focus-state-layer-opacity: 0.12;
    --realsoft-checkbox-selected-hover-state-layer-opacity: 0.08;
    --realsoft-checkbox-selected-pressed-state-layer-opacity: 0.12;
    --realsoft-checkbox-unselected-focus-state-layer-opacity: 0.12;
    --realsoft-checkbox-unselected-hover-state-layer-opacity: 0.08;
    --realsoft-checkbox-unselected-pressed-state-layer-opacity: 0.12;
    --realsoft-checkbox-unselected-icon-color: #707070;
    --realsoft-checkbox-selected-focus-state-layer-color: #03677e;
    --realsoft-checkbox-selected-icon-color: #03677e;
    --realsoft-checkbox-selected-hover-state-layer-color: #03677e;
    --realsoft-checkbox-selected-pressed-state-layer-color: #201a1b;
    --realsoft-checkbox-unselected-focus-state-layer-color: #201a1b;
    --realsoft-checkbox-unselected-hover-state-layer-color: #201a1b;
    --realsoft-checkbox-unselected-pressed-state-layer-color: #03677e;
    --realsoft-checkbox-disabled-selected-icon-color: rgba(32, 26, 27, .38);
    --realsoft-checkbox-unselected-hover-icon-color: #201a1b;
    --realsoft-checkbox-selected-hover-icon-color: #03677e;
    --realsoft-checkbox-unselected-focus-icon-color: #201a1b;
    --realsoft-checkbox-selected-focus-icon-color: #03677e;
    --realsoft-checkbox-secondary-selected-icon-color: #0A152F;

    --realsoft-pseudo-checkbox-width: 18px;
    --realsoft-pseudo-checkbox-height: 18px;
    --realsoft-pseudo-checkbox-border-radius: 2px;
    --realsoft-pseudo-checkbox-border-width: 2px;
    --realsoft-full-pseudo-checkbox-selected-icon-color: #03677e;
    --realsoft-full-pseudo-checkbox-selected-checkmark-color: #ffffff;
    --realsoft-full-pseudo-checkbox-unselected-icon-color: #514346;
    --realsoft-full-pseudo-checkbox-disabled-selected-checkmark-color: #fff8f8;
    --realsoft-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(32, 26, 27, .38);
    --realsoft-full-pseudo-checkbox-disabled-selected-icon-color: rgba(32, 26, 27, .38);
    --realsoft-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(32, 26, 27, .38);
    --realsoft-minimal-pseudo-checkbox-selected-checkmark-color: #03677e;

    --realsoft-option-label-text-color : #201a1b;
    --realsoft-option-label-text-line-height: 1.25rem;
    --realsoft-option-label-text-size: 1rem;
    --realsoft-option-label-text-tracking: 0.006rem;
    --realsoft-option-label-text-weight: 400;
    --realsoft-option-selected-state-label-text-color: #2b151b;
    --realsoft-option-hover-state-layer-color: rgba(3, 103, 126, 0.08);
    --realsoft-option-focus-state-layer-color: rgba(3, 103, 126, .12);
    --realsoft-option-selected-state-layer-color: #dff9ff;
    --realsoft-option-label-text-font: Roboto, sans-serif;

    --realsoft-filled-text-field-caret-color: #03677e;
    --realsoft-filled-text-field-error-caret-color: #ba1a1a;
    --realsoft-filled-text-field-focus-active-indicator-color: #03677e;
    --realsoft-filled-text-field-focus-label-text-color: #03677e;
    --realsoft-filled-text-field-container-color: rgba(3, 103, 126, 0.08);
    --realsoft-filled-text-field-disabled-container-color: rgba(32, 26, 27, .04);
    --realsoft-filled-text-field-label-text-color: #514346;
    --realsoft-filled-text-field-hover-label-text-color: #514346;
    --realsoft-filled-text-field-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-filled-text-field-input-text-color: #201a1b;
    --realsoft-filled-text-field-disabled-input-text-color: rgba(32, 26, 27, .38);
    --realsoft-filled-text-field-input-text-placeholder-color: #514346;
    --realsoft-filled-text-field-error-hover-label-text-color: #410002;
    --realsoft-filled-text-field-error-focus-label-text-color: #ba1a1a;
    --realsoft-filled-text-field-error-label-text-color: #ba1a1a;
    --realsoft-outlined-text-field-error-caret-color: #ba1a1a;
    --realsoft-filled-text-field-active-indicator-color: #514346;
    --realsoft-filled-text-field-disabled-active-indicator-color: rgba(32, 26, 27, .38);
    --realsoft-filled-text-field-hover-active-indicator-color: #201a1b;
    --realsoft-filled-text-field-error-active-indicator-color: #ba1a1a;
    --realsoft-filled-text-field-error-focus-active-indicator-color: #ba1a1a;
    --realsoft-filled-text-field-error-hover-active-indicator-color: #410002;
    --realsoft-filled-text-field-label-text-font: Roboto, sans-serif;
    --realsoft-filled-text-field-label-text-size: 1rem;
    --realsoft-filled-text-field-label-text-tracking: .031rem;
    --realsoft-filled-text-field-label-text-weight: 400;
    --realsoft-filled-text-field-active-indicator-height: 1px;
    --realsoft-filled-text-field-focus-active-indicator-height: 2px;
    --realsoft-filled-text-field-container-shape: 4px;
    --realsoft-outlined-text-field-caret-color: #03677e;
    --realsoft-outlined-text-field-focus-outline-color: #03677e;
    --realsoft-outlined-text-field-focus-label-text-color: #03677e;
    --realsoft-outlined-text-field-label-text-color: #BABABA;
    --realsoft-outlined-text-field-hover-label-text-color: #757575;
    --realsoft-outlined-text-field-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-outlined-text-field-input-text-color: #201a1b;
    --realsoft-outlined-text-field-disabled-input-text-color: rgba(32, 26, 27, .38);
    --realsoft-outlined-text-field-input-text-placeholder-color: #514346;
    --realsoft-outlined-text-field-error-focus-label-text-color: #ba1a1a;
    --realsoft-outlined-text-field-error-label-text-color: #ba1a1a;
    --realsoft-outlined-text-field-error-hover-label-text-color: #410002;
    --realsoft-outlined-text-field-outline-color: #BABABA;
    --realsoft-outlined-text-field-disabled-outline-color: rgba(32, 26, 27, .12);
    --realsoft-outlined-text-field-hover-outline-color: #757575;
    --realsoft-outlined-text-field-error-focus-outline-color: #ba1a1a;
    --realsoft-outlined-text-field-error-hover-outline-color: #410002;
    --realsoft-outlined-text-field-error-outline-color: #ba1a1a;
    --realsoft-outlined-text-field-label-text-font: Roboto, sans-serif;
    --realsoft-outlined-text-field-label-text-size: 1rem;
    --realsoft-outlined-text-field-label-text-tracking: .031rem;
    --realsoft-outlined-text-field-label-text-weight: 400;
    --realsoft-outlined-text-field-outline-width: 1px;
    --realsoft-outlined-text-field-focus-outline-width: 2px;
    --realsoft-outlined-text-field-container-shape: 4px;
    --realsoft-form-field-disabled-background: #EFEFEF;
    --realsoft-form-field-focus-select-arrow-color: #03677e;
    --realsoft-form-field-disabled-input-text-placeholder-color: rgba(32, 26, 27, .38);
    --realsoft-form-field-state-layer-color: #201a1b;
    --realsoft-form-field-error-text-color: #ba1a1a;
    --realsoft-form-field-select-option-text-color: #201a1b;
    --realsoft-form-field-select-disabled-option-text-color: rgba(32, 26, 27, .38);
    --realsoft-form-field-leading-icon-color: #514346;
    --realsoft-form-field-disabled-leading-icon-color: rgba(32, 26, 27, .38);
    --realsoft-form-field-trailing-icon-color: #514346;
    --realsoft-form-field-disabled-trailing-icon-color: rgba(32, 26, 27, .38);
    --realsoft-form-field-error-focus-trailing-icon-color: #ba1a1a;
    --realsoft-form-field-error-hover-trailing-icon-color: #410002;
    --realsoft-form-field-error-trailing-icon-color: #ba1a1a;
    --realsoft-form-field-enabled-select-arrow-color: #514346;
    --realsoft-form-field-disabled-select-arrow-color: rgba(32, 26, 27, .38);
    --realsoft-form-field-hover-state-layer-opacity: .08;
    --realsoft-form-field-container-text-font: Roboto, sans-serif;
    --realsoft-form-field-container-text-line-height: 1.5rem;
    --realsoft-form-field-container-text-size: 1rem;
    --realsoft-form-field-container-text-tracking: .031rem;
    --realsoft-form-field-container-text-weight: 400;
    --realsoft-form-field-subscript-text-font: Roboto, sans-serif;
    --realsoft-form-field-subscript-text-line-height: 1rem;
    --realsoft-form-field-subscript-text-size: .75rem;
    --realsoft-form-field-subscript-text-tracking: .025rem;
    --realsoft-form-field-subscript-text-weight: 400;
    --realsoft-form-field-container-height: 56px;
    --realsoft-form-field-filled-label-display: block;
    --realsoft-form-field-container-vertical-padding: 16px;
    --realsoft-form-field-filled-with-label-container-padding-top: 24px;
    --realsoft-form-field-filled-with-label-container-padding-bottom: 8px;
    --realsoft-form-field-focus-state-layer-opacity: 0;
    --realsoft-form-field-floating-label-scale: .75;
    --realsoft-text-field-wrapper-height: auto;
    --realsoft-text-field-wrapper-input-top-position: 0;
    --realsoft-text-field-wrapper-icon-height: auto;
    --realsoft-text-field-font-size: 16px;
    --realsoft-field-notch-max-width: calc(100% - 28px);

    --realsoft-select-enabled-trigger-text-color: #201a1b;
    --realsoft-select-trigger-text-font: Roboto, sans-serif;
    --realsoft-select-trigger-text-line-height: 1.5rem;
    --realsoft-select-trigger-text-size: 1rem;
    --realsoft-select-trigger-text-tracking: .031rem;
    --realsoft-select-trigger-text-weight: 400;
    --realsoft-select-arrow-transform: translateY(-8px);
    --realsoft-select-enabled-arrow-color: #514346;
    --realsoft-select-panel-background-color: #fff;
    --realsoft-select-disabled-trigger-text-color: rgba(32, 26, 27, .38);
    --realsoft-select-placeholder-text-color: #514346;
    --realsoft-select-disabled-arrow-color: rgba(32, 26, 27, .38);
    --realsoft-select-focused-arrow-color: #03677e;
    --realsoft-select-invalid-arrow-color: #ba1a1a;
    --realsoft-select-value-top-position: 0px;
    --realsoft-select-value-font-size: 16px;
    --realsoft-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);

    --realsoft-outlined-button-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-outlined-button-label-text-color: #03677e;
    --realsoft-outlined-button-label-secondary-text-color: #267ea7;
    --realsoft-outlined-button-label-ternary-text-color: #0D4261;
    --realsoft-outlined-button-outline-color: #03677e;
    --realsoft-outlined-button-secondary-outline-color: #267ea7;
    --realsoft-outlined-button-secondary-outline-text-color: #267ea7;
    --realsoft-outlined-button-ternary-outline-color: #0D4261;
    --realsoft-outlined-button-ternary-outline-text-color: #0D4261;
    --realsoft-outlined-button-label-text-font: Roboto, sans-serif;
    --realsoft-outlined-button-label-text-size: .875rem;
    --realsoft-outlined-button-label-text-tracking: .006rem;
    --realsoft-outlined-button-label-text-weight: 500;
    --realsoft-outlined-button-container-height: 40px;
    --realsoft-outlined-button-small-container-height: 30px;
    --realsoft-outlined-button-large-container-height: 50px;
    --realsoft-outlined-button-outline-width: 1px;
    --realsoft-outlined-button-container-shape: 6px;
    --realsoft-text-button-state-layer-color: #03677e;
    --realsoft-text-button-secondary-state-layer-color: #267ea7;
    --realsoft-text-button-ternary-state-layer-color: #0D4261;
    --realsoft-text-button-disabled-state-layer-color: #514346;
    --realsoft-text-button-ripple-color: rgba(186, 0, 92, .12);
    --realsoft-text-button-hover-state-layer-opacity: .08;
    --realsoft-text-button-focus-state-layer-opacity: .12;
    --realsoft-text-button-pressed-state-layer-opacity: .12;
    --realsoft-text-button-touch-target-display: block;
    --realsoft-text-button-horizontal-padding: 12px;
    --realsoft-text-button-with-icon-horizontal-padding: 6px;
    --realsoft-text-button-icon-spacing: 8px;
    --realsoft-text-button-icon-offset: -4px;
    --realsoft-protected-button-state-layer-color: #03677e;
    --realsoft-protected-button-secondary-state-layer-color: #267ea7;
    --realsoft-protected-button-ternary-state-layer-color: #0D4261;
    --realsoft-protected-button-disabled-state-layer-color: #514346;
    --realsoft-protected-button-ripple-color: rgba(186, 0, 92, .12);
    --realsoft-protected-button-hover-state-layer-opacity: .08;
    --realsoft-protected-button-focus-state-layer-opacity: .12;
    --realsoft-protected-button-pressed-state-layer-opacity: .12;
    --realsoft-protected-button-touch-target-display: block;
    --realsoft-protected-button-horizontal-padding: 24px;
    --realsoft-protected-button-icon-spacing: 8px;
    --realsoft-protected-button-icon-offset: -8px;
    --realsoft-filled-button-state-layer-color: #ffffff;
    --realsoft-filled-button-disabled-state-layer-color: #514346;
    --realsoft-filled-button-ripple-color: rgba(255, 255, 255, .12);
    --realsoft-filled-button-hover-state-layer-opacity: .08;
    --realsoft-filled-button-focus-state-layer-opacity: .12;
    --realsoft-filled-button-pressed-state-layer-opacity: .12;
    --realsoft-filled-button-touch-target-display: block;
    --realsoft-filled-button-horizontal-padding: 24px;
    --realsoft-filled-button-icon-spacing: 8px;
    --realsoft-filled-button-icon-offset: -8px;
    --realsoft-outlined-button-state-layer-color: #03677e;
    --realsoft-outlined-button-secondary-state-layer-color: #267ea7;
    --realsoft-outlined-button-ternary-state-layer-color: #0D4261;
    --realsoft-outlined-button-disabled-state-layer-color: #514346;
    --realsoft-outlined-button-ripple-color: rgba(186, 0, 92, .12);
    --realsoft-outlined-button-hover-state-layer-opacity: .08;
    --realsoft-outlined-button-focus-state-layer-opacity: .12;
    --realsoft-outlined-button-pressed-state-layer-opacity: .12;
    --realsoft-outlined-button-touch-target-display: block;
    --realsoft-outlined-button-horizontal-padding: 24px;
    --realsoft-outlined-button-icon-spacing: 8px;
    --realsoft-outlined-button-icon-offset: -8px;
    --realsoft-icon-button-icon-color: #514346;
    --realsoft-icon-button-disabled-icon-color: rgba(32, 26, 27, .38);
    --realsoft-icon-button-state-layer-size: 40px;
    --realsoft-icon-button-icon-size: 24px;
    --realsoft-icon-button-state-layer-color: #514346;
    --realsoft-icon-button-disabled-state-layer-color: #514346;
    --realsoft-icon-button-ripple-color: rgba(81, 67, 70, .12);
    --realsoft-icon-button-hover-state-layer-opacity: .08;
    --realsoft-icon-button-focus-state-layer-opacity: .12;
    --realsoft-icon-button-pressed-state-layer-opacity: .12;
    --realsoft-icon-button-touch-target-display: block;
    --realsoft-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-extended-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --realsoft-extended-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-extended-fab-label-text-font: Roboto, sans-serif;
    --realsoft-extended-fab-label-text-size: .875rem;
    --realsoft-extended-fab-label-text-tracking: .006rem;
    --realsoft-extended-fab-label-text-weight: 500;
    --realsoft-extended-fab-container-height: 40px;
    --realsoft-extended-fab-small-container-height: 30px;
    --realsoft-extended-fab-large-container-height: 50px;
    --realsoft-extended-fab-container-shape: 6px;
    --realsoft-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --realsoft-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-container-color: #03677e;
    --realsoft-fab-secondary-container-color: #267ea7;
    --realsoft-fab-ternary-container-color: #0D4261;
    --realsoft-fab-container-shape: 6px;
    --realsoft-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --realsoft-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --realsoft-fab-small-container-color: #03677e;
    --realsoft-fab-small-secondary-container-color: #267ea7;
    --realsoft-fab-small-ternary-container-color: #0D4261;
    --realsoft-fab-small-container-shape: 12px;
    --realsoft-fab-foreground-color: #fff8f8;
    --realsoft-fab-state-layer-color: #fff8f8;
    --realsoft-fab-ripple-color: rgba(63, 0, 27, .12);
    --realsoft-fab-hover-state-layer-opacity: .08;
    --realsoft-fab-focus-state-layer-opacity: .12;
    --realsoft-fab-pressed-state-layer-opacity: .12;
    --realsoft-fab-disabled-state-container-color: rgba(32, 26, 27, .12);
    --realsoft-fab-disabled-state-foreground-color: rgba(32, 26, 27, .38);
    --realsoft-fab-touch-target-display: block;
    --realsoft-fab-small-foreground-color: #fff8f8;
    --realsoft-fab-small-state-layer-color: #fff8f8;
    --realsoft-fab-small-ripple-color: rgba(63, 0, 27, .12);
    --realsoft-fab-small-hover-state-layer-opacity: .08;
    --realsoft-fab-small-focus-state-layer-opacity: .12;
    --realsoft-fab-small-pressed-state-layer-opacity: .12;
    --realsoft-fab-small-disabled-state-container-color: rgba(32, 26, 27, .12);
    --realsoft-fab-small-disabled-state-foreground-color: rgba(32, 26, 27, .38);
    --realsoft-text-button-label-text-color: #13121C;
    --realsoft-text-button-border-style: none;
    --realsoft-text-button-border-width: 0px;
    --realsoft-text-button-border-color: #D5D7DA;
    --realsoft-text-button-border-radius: 8px;
    --realsoft-text-button-label-secondary-text-color: #03677e;
    --realsoft-text-button-label-ternary-text-color: #267ea7;
    --realsoft-text-button-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-text-button-label-text-font: Roboto, sans-serif;
    --realsoft-text-button-label-text-size: .875rem;
    --realsoft-text-button-label-text-tracking: .006rem;
    --realsoft-text-button-label-text-weight: 500;
    --realsoft-text-button-container-height: 40px;
    --realsoft-text-button-container-shape: 6px;
    --realsoft-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --realsoft-protected-button-container-height: 40px;
    --realsoft-protected-button-small-container-height: 30px;
    --realsoft-protected-button-large-container-height: 50px;
    --realsoft-protected-button-label-text-font: Roboto, sans-serif;
    --realsoft-protected-button-label-text-size: .875rem;
    --realsoft-protected-button-label-text-tracking: .006rem;
    --realsoft-protected-button-label-text-weight: 500;
    --realsoft-protected-button-label-text-color: #03677e;
    --realsoft-protected-button-label-secondary-text-color: #267ea7;
    --realsoft-protected-button-label--ternary-text-color: #0D4261;
    --realsoft-protected-button-container-color: #fff8f8;
    --realsoft-filled-button-container-color: #03677e;
    --realsoft-filled-button-secondary-container-color: #267ea7;
    --realsoft-filled-button-ternary-container-color: #0D4261;
    --realsoft-filled-button-danger-container-color: #B42318;
    --realsoft-filled-button-success-container-color: #2E7D32;
    --realsoft-filled-button-label-text-color: #ffffff;
    --realsoft-filled-button-disabled-container-color: rgba(32, 26, 27, .12);
    --realsoft-filled-button-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-filled-button-container-height: 40px;
    --realsoft-filled-button-small-container-height: 30px;
    --realsoft-filled-button-large-container-height: 50px;
    --realsoft-filled-button-label-text-font: Roboto, sans-serif;
    --realsoft-filled-button-label-text-size: .875rem;
    --realsoft-filled-button-label-text-tracking: .006rem;
    --realsoft-filled-button-label-text-weight: 500;
    --realsoft-filled-button-container-shape: 6px;
    --realsoft-fab-border-color: transparent;
    --realsoft-fab-border-style: unset;
    --realsoft-fab-border-width: 0px;
    --realsoft-fab-ternary-foreground-color: #ffffff;

    --realsoft-standard-button-toggle-hover-state-layer-opacity: .08;
    --realsoft-standard-button-toggle-focus-state-layer-opacity: .12;
    --realsoft-standard-button-toggle-text-color: #201a1b;
    --realsoft-standard-button-toggle-state-layer-color: #201a1b;
    --realsoft-standard-button-toggle-selected-state-background-color: #03677e;
    --realsoft-standard-button-toggle-selected-state-secondary-background-color: #267ea7;
    --realsoft-standard-button-toggle-selected-state-ternary-background-color: #0D4261;
    --realsoft-standard-button-toggle-selected-state-text-color: #fff;
    --realsoft-standard-button-toggle-disabled-state-text-color: rgba(32, 26, 27, .38);
    --realsoft-standard-button-toggle-disabled-selected-state-text-color: rgba(32, 26, 27, .38);
    --realsoft-standard-button-toggle-disabled-selected-state-background-color: rgba(32, 26, 27, .12);
    --realsoft-standard-button-toggle-divider-color: #847376;
    --realsoft-standard-button-toggle-label-text-font: Roboto, sans-serif;
    --realsoft-standard-button-toggle-label-text-line-height: 1.25rem;
    --realsoft-standard-button-toggle-label-text-size: .875rem;
    --realsoft-standard-button-toggle-label-text-tracking: .006rem;
    --realsoft-standard-button-toggle-label-text-weight: 500;
    --realsoft-standard-button-toggle-height: 40px;
    --realsoft-standard-button-toggle-shape: 4px;
    --realsoft-standard-button-toggle-background-color: transparent;
    --realsoft-standard-button-toggle-disabled-state-background-color: transparent;


    --realsoft-linear-progress-active-indicator-color: #03677e;
    --realsoft-linear-progress-track-color: #f0fdfb;
    --realsoft-linear-progress-active-indicator-height: 4px;
    --realsoft-linear-progress-track-height: 4px;
    --realsoft-linear-progress-track-shape: 0;

    --realsoft-stepper-header-icon-foreground-color: #000000;
    --realsoft-stepper-header-selected-state-icon-background-color: #267ea7;
    --realsoft-stepper-header-selected-state-icon-foreground-color: #ffffff;
    --realsoft-stepper-header-done-state-icon-foreground-color: #ffffff;
    --realsoft-stepper-header-edit-state-icon-background-color: #03677e;
    --realsoft-stepper-header-edit-state-icon-foreground-color: #ffffff;
    --realsoft-stepper-container-color: #ffffff;
    --realsoft-stepper-line-color: #EDF3F6;
    --realsoft-stepper-header-hover-state-layer-color: rgba(53, 47, 48, .08);
    --realsoft-stepper-header-focus-state-layer-color: rgba(53, 47, 48, .12);
    --realsoft-stepper-header-label-text-color: #514346;
    --realsoft-stepper-header-optional-label-text-color: #514346;
    --realsoft-stepper-header-selected-state-label-text-color: #514346;
    --realsoft-stepper-header-error-state-label-text-color: #ba1a1a;
    --realsoft-stepper-header-icon-background-color: #EDF3F6;
    --realsoft-stepper-header-error-state-icon-foreground-color: #ba1a1a;
    --realsoft-stepper-container-text-font: Roboto, sans-serif;
    --realsoft-stepper-header-label-text-font: Roboto, sans-serif;
    --realsoft-stepper-header-label-text-size: .875rem;
    --realsoft-stepper-header-label-text-weight: 500;
    --realsoft-stepper-header-error-state-label-text-size: .875rem;
    --realsoft-stepper-header-selected-state-label-text-size: .875rem;
    --realsoft-stepper-header-selected-state-label-text-weight: 500;
    --realsoft-stepper-header-height: 72px;
    --realsoft-stepper-header-focus-state-layer-shape: 12px;
    --realsoft-stepper-header-hover-state-layer-shape: 12px;
    --realsoft-stepper-header-error-state-icon-background-color: transparent;
    --realsoft-stepper-header-done-state-icon-background-color: #03677e;
    --realsoft-stepper-header-done-state-icon-foreground-color: #ffffff;
    --realsoft-stepper-line-width: 1px;

    --realsoft-switch-selected-focus-state-layer-opacity: .12;
    --realsoft-switch-selected-hover-state-layer-opacity: .08;
    --realsoft-switch-selected-pressed-state-layer-opacity: .12;
    --realsoft-switch-unselected-focus-state-layer-opacity: .12;
    --realsoft-switch-unselected-hover-state-layer-opacity: .08;
    --realsoft-switch-unselected-pressed-state-layer-opacity: .12;
    --realsoft-switch-selected-focus-state-layer-color: #03677e;
    --realsoft-switch-selected-handle-color: #ffffff;
    --realsoft-switch-selected-hover-state-layer-color: #03677e;
    --realsoft-switch-selected-pressed-state-layer-color: #03677e;
    --realsoft-switch-selected-focus-handle-color: #e7fffd;
    --realsoft-switch-selected-hover-handle-color: #e7fffd;
    --realsoft-switch-selected-pressed-handle-color: #e7fffd;
    --realsoft-switch-selected-focus-track-color: #03677e;
    --realsoft-switch-selected-hover-track-color: #03677e;
    --realsoft-switch-selected-pressed-track-color: #03677e;
    --realsoft-switch-selected-track-color: #03677e;
    --realsoft-switch-disabled-selected-handle-color: #fff8f8;
    --realsoft-switch-disabled-selected-icon-color: #13121C;
    --realsoft-switch-disabled-selected-track-color: #13121C;
    --realsoft-switch-disabled-unselected-handle-color: #13121C;
    --realsoft-switch-disabled-unselected-icon-color: #cbc4cc;
    --realsoft-switch-disabled-unselected-track-color: #cbc4cc;
    --realsoft-switch-selected-icon-color: #3f001b;
    --realsoft-switch-unselected-focus-handle-color: #bababa;
    --realsoft-switch-unselected-focus-state-layer-color: #13121C;
    --realsoft-switch-unselected-focus-track-color: #cbc4cc;
    --realsoft-switch-unselected-handle-color: #847376;
    --realsoft-switch-unselected-hover-handle-color: #bababa;
    --realsoft-switch-unselected-hover-state-layer-color: #13121C;
    --realsoft-switch-unselected-hover-track-color: #e7fffd;
    --realsoft-switch-unselected-icon-color: #e7fffd;
    --realsoft-switch-unselected-pressed-handle-color: #bababa;
    --realsoft-switch-unselected-pressed-state-layer-color: #13121C;
    --realsoft-switch-unselected-pressed-track-color: #e7fffd;
    --realsoft-switch-unselected-track-color: #e7fffd;
    --realsoft-switch-disabled-selected-icon-opacity: .38;
    --realsoft-switch-disabled-track-opacity: .12;
    --realsoft-switch-disabled-unselected-icon-opacity: .38;
    --realsoft-switch-handle-shape: 9999px;
    --realsoft-switch-selected-icon-size: 16px;
    --realsoft-switch-track-height: 32px;
    --realsoft-switch-track-shape: 9999px;
    --realsoft-switch-track-width: 52px;
    --realsoft-switch-unselected-icon-size: 16px;
    --realsoft-switch-state-layer-size: 40px;
    --realsoft-switch-track-outline-color: #bababa;
    --realsoft-switch-disabled-unselected-track-outline-color: #13121C;
    --realsoft-switch-label-text-color: #13121C;
    --realsoft-switch-label-text-font: Roboto, sans-serif;
    --realsoft-switch-label-text-line-height: 1.25rem;
    --realsoft-switch-label-text-size: .875rem;
    --realsoft-switch-label-text-tracking: .016rem;
    --realsoft-switch-label-text-weight: 400;
    --realsoft-switch-disabled-selected-handle-opacity: 1;
    --realsoft-switch-disabled-unselected-handle-opacity: .38;
    --realsoft-switch-unselected-handle-size: 24px;
    --realsoft-switch-selected-handle-size: 24px;
    --realsoft-switch-pressed-handle-size: 28px;
    --realsoft-switch-with-icon-handle-size: 24px;
    --realsoft-switch-selected-handle-horizontal-margin: 0 24px;
    --realsoft-switch-selected-with-icon-handle-horizontal-margin: 0 24px;
    --realsoft-switch-selected-pressed-handle-horizontal-margin: 0 22px;
    --realsoft-switch-unselected-handle-horizontal-margin: 0 8px;
    --realsoft-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;
    --realsoft-switch-unselected-pressed-handle-horizontal-margin: 0 2px;
    --realsoft-switch-visible-track-opacity: 1;
    --realsoft-switch-hidden-track-opacity: 0;
    --realsoft-switch-visible-track-transition: opacity 75ms;
    --realsoft-switch-hidden-track-transition: opacity 75ms;
    --realsoft-switch-track-outline-width: 2px;
    --realsoft-switch-selected-track-outline-width: 2px;
    --realsoft-switch-selected-track-outline-color: transparent;
    --realsoft-switch-disabled-unselected-track-outline-width: 2px;
 
    --realsoft-expansion-container-background-color: #fff;
    --realsoft-expansion-container-border-color: rgba(32, 26, 27, .12);
    --realsoft-expansion-container-text-color: #201a1b;
    --realsoft-expansion-actions-divider-color: #847376;
    --realsoft-expansion-header-hover-state-layer-color: rgba(32, 26, 27, .08);
    --realsoft-expansion-header-focus-state-layer-color: rgba(32, 26, 27, .12);
    --realsoft-expansion-header-disabled-state-text-color: rgba(32, 26, 27, .38);
    --realsoft-expansion-header-text-color: #201a1b;
    --realsoft-expansion-header-description-color: #514346;
    --realsoft-expansion-header-indicator-color: #514346;
    --realsoft-expansion-header-text-font: Roboto, sans-serif;
    --realsoft-expansion-header-text-size: 1rem;
    --realsoft-expansion-header-text-weight: 500;
    --realsoft-expansion-header-text-line-height: 1.5rem;
    --realsoft-expansion-header-text-tracking: .009rem;
    --realsoft-expansion-container-text-font: Roboto, sans-serif;
    --realsoft-expansion-container-text-line-height: 1.5rem;
    --realsoft-expansion-container-text-size: 1rem;
    --realsoft-expansion-container-text-tracking: .031rem;
    --realsoft-expansion-container-text-weight: 400;
    --realsoft-expansion-header-collapsed-state-height: 48px;
    --realsoft-expansion-header-expanded-state-height: 64px;
    --realsoft-expansion-container-shape: 8px;
    --realsoft-expansion-legacy-header-indicator-display: none;
    --realsoft-expansion-header-indicator-display: inline-block;

    --realsoft-radio-disabled-selected-icon-color: #201a1b;
    --realsoft-radio-disabled-unselected-icon-color: #201a1b;
    --realsoft-radio-unselected-hover-icon-color: #757575;
    --realsoft-radio-unselected-focus-icon-color: #757575;
    --realsoft-radio-unselected-icon-color: #bababa;
    --realsoft-radio-unselected-pressed-icon-color: #201a1b;
    --realsoft-radio-selected-focus-icon-color: #03677e;
    --realsoft-radio-selected-hover-icon-color: #03677e;
    --realsoft-radio-selected-icon-color: #03677e;
    --realsoft-radio-selected-pressed-icon-color: #03677e;
    --realsoft-radio-state-layer-size: 40px;
    --realsoft-radio-disabled-selected-icon-opacity: .38;
    --realsoft-radio-disabled-unselected-icon-opacity: .38;
    --realsoft-radio-ripple-color: #201a1b;
    --realsoft-radio-checked-ripple-color: #03677e;
    --realsoft-radio-disabled-label-color: rgba(32, 26, 27, .38);
    --realsoft-radio-label-text-color: #201a1b;
    --realsoft-radio-label-text-font: Roboto, sans-serif;
    --realsoft-radio-label-text-line-height: 1.25rem;
    --realsoft-radio-label-text-size: .875rem;
    --realsoft-radio-label-text-tracking: .016rem;
    --realsoft-radio-label-text-weight: 400;
    --realsoft-radio-touch-target-display: block;

    --realsoft-table-background-color: #fff;
    --realsoft-table-header-headline-color: #34314C;
    --realsoft-table-row-item-label-text-color: #34314C;
    --realsoft-table-row-item-outline-color: #E5E5E5;
    --realsoft-table-header-headline-font: Roboto, sans-serif;
    --realsoft-table-header-headline-line-height: 1.25rem;
    --realsoft-table-header-headline-size: .875rem;
    --realsoft-table-header-headline-weight: 600;
    --realsoft-table-header-headline-tracking: .006rem;
    --realsoft-table-row-item-label-text-font: Roboto, sans-serif;
    --realsoft-table-row-item-label-text-line-height: 1.25rem;
    --realsoft-table-row-item-label-text-size: .875rem;
    --realsoft-table-row-item-label-text-weight: 400;
    --realsoft-table-row-item-label-text-tracking: .016rem;
    --realsoft-table-footer-supporting-text-font: Roboto, sans-serif;
    --realsoft-table-footer-supporting-text-line-height: 1.25rem;
    --realsoft-table-footer-supporting-text-size: .875rem;
    --realsoft-table-footer-supporting-text-weight: 400;
    --realsoft-table-footer-supporting-text-tracking: .016rem;
    --realsoft-table-header-container-height: 56px;
    --realsoft-table-footer-container-height: 52px;
    --realsoft-table-row-item-container-height: 52px;
    --realsoft-table-row-item-outline-width: 1px;

    --realsoft-tree-container-background-color: #ffffff;
    --realsoft-tree-node-text-color: #13121c;
    --realsoft-tree-node-text-font: Roboto, sans-serif;
    --realsoft-tree-node-text-size: 1rem;
    --realsoft-tree-node-text-weight: 400;
    --realsoft-tree-node-min-height: 48px;
    --realsoft-tree-node-border-color: #ffffff;
    --realsoft-tree-node-border-style: unset;
    --realsoft-tree-node-border-width: 0px;

    --realsoft-tab-indicator-active-indicator-color: #03677e;
    --realsoft-tab-indicator-active-indicator-height: 2px;
    --realsoft-secondary-navigation-tab-container-height: 48px;
    --realsoft-tab-indicator-active-indicator-shape: 0;
    --realsoft-tab-header-divider-color: #f4f0f7;
    --realsoft-tab-hover-color: rgba(3, 103, 126, 0.08);
    --realsoft-tab-header-pagination-icon-color: #13121C;
    --realsoft-tab-header-inactive-label-text-color: #13121C;
    --realsoft-tab-header-active-label-text-color: #13121C;
    --realsoft-tab-header-active-ripple-color: #13121C;
    --realsoft-tab-header-inactive-ripple-color: #13121C;
    --realsoft-tab-header-inactive-focus-label-text-color: #13121C;
    --realsoft-tab-header-inactive-hover-label-text-color: #13121C;
    --realsoft-tab-header-active-focus-label-text-color: #13121C;
    --realsoft-tab-header-active-hover-label-text-color: #13121C;
    --realsoft-tab-header-active-focus-indicator-color: #34314C;
    --realsoft-tab-header-active-hover-indicator-color: #34314C;
    --realsoft-tab-header-label-text-font: Roboto, sans-serif;
    --realsoft-tab-header-label-text-size: .875rem;
    --realsoft-tab-header-label-text-tracking: .006rem;
    --realsoft-tab-header-label-text-line-height: 1.25rem;
    --realsoft-tab-header-label-text-weight: 500;
    --realsoft-tab-header-divider-height: 1px;
    --realsoft-tab-body-content-overflow: auto;

    --realsoft-circular-progress-active-indicator-color: #03677e;
    --realsoft-circular-progress-active-indicator-width: 4px;

    --realsoft-menu-item-label-text-color: #13121C;
    --realsoft-menu-item-icon-color: #514346;
    --realsoft-menu-item-hover-state-layer-color: rgba(32, 26, 27, .08);
    --realsoft-menu-item-focus-state-layer-color: rgba(32, 26, 27, .12);
    --realsoft-menu-container-color: #fff;
    --realsoft-menu-divider-color: #f3dde1;
    --realsoft-menu-item-label-text-font: Roboto, sans-serif;
    --realsoft-menu-item-label-text-size: .875rem;
    --realsoft-menu-item-label-text-tracking: .006rem;
    --realsoft-menu-item-label-text-line-height: 1.25rem;
    --realsoft-menu-item-label-text-weight: 500;
    --realsoft-menu-container-shape: 4px;
    --realsoft-menu-divider-bottom-spacing: 8px;
    --realsoft-menu-divider-top-spacing: 8px;
    --realsoft-menu-item-spacing: 12px;
    --realsoft-menu-item-icon-size: 24px;
    --realsoft-menu-item-leading-spacing: 12px;
    --realsoft-menu-item-trailing-spacing: 12px;
    --realsoft-menu-item-with-icon-leading-spacing: 12px;
    --realsoft-menu-item-with-icon-trailing-spacing: 12px;
    --realsoft-menu-base-elevation-level: 2;
    --realsoft-paginator-container-text-color: #13121c;
    --realsoft-paginator-container-background-color: #fff;
    --realsoft-paginator-enabled-icon-color: #514346;
    --realsoft-paginator-disabled-icon-color: rgba(32, 26, 27, .38);
    --realsoft-paginator-container-text-font: Roboto, sans-serif;
    --realsoft-paginator-container-text-line-height: 1rem;
    --realsoft-paginator-container-text-size: .75rem;
    --realsoft-paginator-container-text-tracking: .025rem;
    --realsoft-paginator-container-text-weight: 400;
    --realsoft-paginator-select-trigger-text-size: .75rem;
    --realsoft-paginator-container-size: 56px;
    --realsoft-paginator-form-field-container-height: 40px;
    --realsoft-paginator-form-field-container-vertical-padding: 8px;
    --realsoft-paginator-touch-target-display: block;
    --realsoft-paginator-button-hover-background-color: #f1eaeb;
    --realsoft-paginator-button-background-color: #fff;
    --realsoft-paginator-container-select-height: 40px;
    --realsoft-paginator-button-state-layer-size: 40px;
    --realsoft-paginator-icon-button-icon-size: 24px;
    --realsoft-paginator-loader-color: #03677e;
    --realsoft-paginator-loader-border-color: #c3fffa;

    --realsoft-tooltip-background-color: rgba(0, 0, 0, 0.8);
    --realsoft-tooltip-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    --realsoft-tooltip-color: #ffffff;
    --realsoft-tooltip-font-size: 14px;
    --realsoft-tooltip-max-width: 250px;
    --realsoft-tooltip-padding: 6px 10px;
    --realsoft-tooltip-border-radius: 6px;

    --realsoft-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --realsoft-slider-handle-color: #03677e;
    --realsoft-slider-focus-handle-color: #03677e;
    --realsoft-slider-hover-handle-color: #03677e;
    --realsoft-slider-active-track-color: #03677e;
    --realsoft-slider-inactive-track-color: rgba(3, 103, 126, 0.1);
    --realsoft-slider-with-tick-marks-inactive-container-color: #514346;
    --realsoft-slider-with-tick-marks-active-container-color: #ffffff;
    --realsoft-slider-disabled-active-track-color: #201a1b;
    --realsoft-slider-disabled-handle-color: #201a1b;
    --realsoft-slider-disabled-inactive-track-color: #201a1b;
    --realsoft-slider-label-container-color: #03677e;
    --realsoft-slider-label-label-text-color: #ffffff;
    --realsoft-slider-with-overlap-handle-outline-color: #ffffff;
    --realsoft-slider-with-tick-marks-disabled-container-color: #201a1b;
    --realsoft-slider-label-label-text-font: Roboto, sans-serif;
    --realsoft-slider-label-label-text-size: .75rem;
    --realsoft-slider-label-label-text-line-height: 1rem;
    --realsoft-slider-label-label-text-tracking: .031rem;
    --realsoft-slider-label-label-text-weight: 500;
    --realsoft-slider-active-track-height: 4px;
    --realsoft-slider-active-track-shape: 9999px;
    --realsoft-slider-handle-height: 20px;
    --realsoft-slider-handle-shape: 9999px;
    --realsoft-slider-handle-width: 20px;
    --realsoft-slider-inactive-track-height: 4px;
    --realsoft-slider-inactive-track-shape: 9999px;
    --realsoft-slider-with-overlap-handle-outline-width: 1px;
    --realsoft-slider-with-tick-marks-active-container-opacity: .38;
    --realsoft-slider-with-tick-marks-container-shape: 9999px;
    --realsoft-slider-with-tick-marks-container-size: 2px;
    --realsoft-slider-with-tick-marks-inactive-container-opacity: .38;
    --realsoft-slider-ripple-color: #03677e;
    --realsoft-slider-hover-state-layer-color: rgba(186, 0, 92, .05);
    --realsoft-slider-focus-state-layer-color: rgba(186, 0, 92, .2);
    --realsoft-slider-value-indicator-width: 28px;
    --realsoft-slider-value-indicator-height: 28px;
    --realsoft-slider-value-indicator-caret-display: none;
    --realsoft-slider-value-indicator-border-radius: 50% 50% 50% 0;
    --realsoft-slider-value-indicator-padding: 0;
    --realsoft-slider-value-indicator-text-transform: rotate(45deg);
    --realsoft-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
    --realsoft-slider-value-indicator-opacity: 1;

    --realsoft-chip-outline-color: #847376;
    --realsoft-chip-disabled-outline-color: rgba(32, 26, 27, .12);
    --realsoft-chip-focus-outline-color: #514346;
    --realsoft-chip-hover-state-layer-opacity: .08;
    --realsoft-chip-selected-hover-state-layer-opacity: .08;
    --realsoft-chip-disabled-label-text-color: rgba(32, 26, 27, .38);
    --realsoft-chip-elevated-selected-container-color: #ffd9e1;
    --realsoft-chip-flat-disabled-selected-container-color: rgba(32, 26, 27, .12);
    --realsoft-chip-focus-state-layer-color: #514346;
    --realsoft-chip-hover-state-layer-color: #514346;
    --realsoft-chip-selected-hover-state-layer-color: #2b151b;
    --realsoft-chip-focus-state-layer-opacity: .12;
    --realsoft-chip-selected-focus-state-layer-color: #2b151b;
    --realsoft-chip-selected-focus-state-layer-opacity: .12;
    --realsoft-chip-label-text-color: #514346;
    --realsoft-chip-selected-label-text-color: #2b151b;
    --realsoft-chip-with-icon-icon-color: #514346;
    --realsoft-chip-with-icon-disabled-icon-color: #201a1b;
    --realsoft-chip-with-icon-selected-icon-color: #2b151b;
    --realsoft-chip-with-trailing-icon-disabled-trailing-icon-color: #201a1b;
    --realsoft-chip-with-trailing-icon-trailing-icon-color: #514346;
    --realsoft-chip-label-text-font: Roboto, sans-serif;
    --realsoft-chip-label-text-line-height: 1.25rem;
    --realsoft-chip-label-text-size: .875rem;
    --realsoft-chip-label-text-tracking: .006rem;
    --realsoft-chip-label-text-weight: 500;
    --realsoft-chip-container-height: 32px;
    --realsoft-chip-container-shape-radius: 8px;
    --realsoft-chip-with-avatar-avatar-shape-radius: 24px;
    --realsoft-chip-with-avatar-avatar-size: 24px;
    --realsoft-chip-with-icon-icon-size: 18px;
    --realsoft-chip-outline-width: 1px;
    --realsoft-chip-with-avatar-disabled-avatar-opacity: .38;
    --realsoft-chip-flat-selected-outline-width: 0;
    --realsoft-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;
    --realsoft-chip-with-icon-disabled-icon-opacity: .38;
    --realsoft-chip-elevated-container-color: transparent;
    --realsoft-chip-trailing-action-state-layer-color: #514346;
    --realsoft-chip-selected-trailing-action-state-layer-color: #2b151b;
    --realsoft-chip-trailing-action-hover-state-layer-opacity: .08;
    --realsoft-chip-trailing-action-focus-state-layer-opacity: .12;
    --realsoft-chip-selected-disabled-trailing-icon-color: #201a1b;
    --realsoft-chip-selected-trailing-icon-color: #2b151b;
    --realsoft-chip-disabled-container-opacity: 1;
    --realsoft-chip-trailing-action-opacity: 1;
    --realsoft-chip-trailing-action-focus-opacity: 1;
    --realsoft-chip-hover-color: #f1eaeb;

    --realsoft-datepicker-calendar-date-selected-state-text-color: #ffffff;
    --realsoft-datepicker-calendar-date-selected-state-background-color: #03677e;
    --realsoft-datepicker-calendar-date-selected-disabled-state-background-color: rgba(32, 26, 27, .38);
    --realsoft-datepicker-calendar-date-today-selected-state-outline-color: #03677e;
    --realsoft-datepicker-calendar-date-focus-state-background-color: rgba(32, 26, 27, .12);
    --realsoft-datepicker-calendar-date-hover-state-background-color: rgba(32, 26, 27, .08);
    --realsoft-datepicker-toggle-active-state-icon-color: #514346;
    --realsoft-datepicker-calendar-date-in-range-state-background-color: rgb(223, 248, 246);
    --realsoft-datepicker-calendar-date-in-comparison-range-state-background-color: #c4dde2;
    --realsoft-datepicker-calendar-date-in-overlap-range-state-background-color: #087a94;
    --realsoft-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #03677e;
    --realsoft-datepicker-toggle-icon-color: #514346;
    --realsoft-datepicker-calendar-body-label-text-color: #201a1b;
    --realsoft-datepicker-calendar-period-button-text-color: #514346;
    --realsoft-datepicker-calendar-period-button-icon-color: #514346;
    --realsoft-datepicker-calendar-navigation-button-icon-color: #514346;
    --realsoft-datepicker-calendar-header-text-color: #514346;
    --realsoft-datepicker-calendar-date-today-outline-color: #03677e;
    --realsoft-datepicker-calendar-date-today-disabled-state-outline-color: rgba(32, 26, 27, .38);
    --realsoft-datepicker-calendar-date-text-color: #201a1b;
    --realsoft-datepicker-calendar-date-disabled-state-text-color: rgba(32, 26, 27, .38);
    --realsoft-datepicker-calendar-date-preview-state-outline-color: #03677e;
    --realsoft-datepicker-range-input-separator-color: #201a1b;
    --realsoft-datepicker-range-input-disabled-state-separator-color: rgba(32, 26, 27, .38);
    --realsoft-datepicker-range-input-disabled-state-text-color: rgba(32, 26, 27, .38);
    --realsoft-datepicker-calendar-container-background-color: #ffffff;
    --realsoft-datepicker-calendar-container-border-color: #bababa;
    --realsoft-datepicker-calendar-container-text-color: #201a1b;
    --realsoft-datepicker-calendar-text-font: Roboto, sans-serif;
    --realsoft-datepicker-calendar-text-size: .875rem;
    --realsoft-datepicker-calendar-body-label-text-size: .875rem;
    --realsoft-datepicker-calendar-body-label-text-weight: 500;
    --realsoft-datepicker-calendar-period-button-text-size: .875rem;
    --realsoft-datepicker-calendar-period-button-text-weight: 500;
    --realsoft-datepicker-calendar-header-text-size: .875rem;
    --realsoft-datepicker-calendar-header-text-weight: 500;
    --realsoft-datepicker-calendar-container-shape: 6px;
    --realsoft-datepicker-calendar-container-touch-shape: 28px;
    --realsoft-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --realsoft-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --realsoft-datepicker-calendar-header-divider-color: transparent;
    --realsoft-datepicker-calendar-date-outline-color: transparent;
    --realsoft-icon-button-icon-color: #514346;
	--realsoft-icon-button-disabled-icon-color: rgba(32, 26, 27, .38);
	--realsoft-icon-button-state-layer-size: 40px;
	--realsoft-icon-button-icon-size: 24px;
	--realsoft-icon-button-state-layer-color: #514346;
    --realsoft-datepicker-toggle-margin-inline-end: 0px;
    --realsoft-datepicker-toggle-top-position: 0px;
    --realsoft-timepicker-container-shape: 4px;
    --realsoft-timepicker-container-background-color: #fff;

    --realsoft-alert-info-background-color: #d1ecf0;
    --realsoft-alert-info-color: #44809c;

    --realsoft-alert-success-background-color: #d3eddb;
    --realsoft-alert-success-color: #447439;

    --realsoft-alert-warning-background-color: #fff3cc;
    --realsoft-alert-warning-color: #896016;

    --realsoft-alert-danger-background-color: #f7d9da;
    --realsoft-alert-danger-color: #683331;

    
    --realsoft-breadcrumb-container-gap: 12px;
    --realsoft-breadcrumb-section-gap: 6px;
    --realsoft-breadcrumb-item-text-color: #13121C;
    --realsoft-breadcrumb-item-text-font: Roboto, sans-serif;
    --realsoft-breadcrumb-item-text-size: 16px;
    --realsoft-breadcrumb-item-text-weight: 500;
    --realsoft-breadcrumb-item-disabled-text-color: rgba(32, 26, 27, .38);
    --realsoft-breadcrumb-separator-color: #514346;
    --realsoft-breadcrumb-separator-text-weight: bold;
    --realsoft-breadcrumb-separator-text-size: 16px;
    --realsoft-breadcrumb-ellipsis-text-color: #514346;
    --realsoft-breadcrumb-ellipsis-text-weight: bold;
    --realsoft-breadcrumb-ellipsis-padding: 2px 6px;
    --realsoft-breadcrumb-ellipsis-border-radius: 4px;
    --realsoft-breadcrumb-ellipsis-transition: background 0.2s;
    --realsoft-breadcrumb-ellipsis-hover-background-color: #f1eaeb;
    --realsoft-breadcrumb-panel-background-color: #fff;
    --realsoft-breadcrumb-panel-border-color: rgba(13, 66, 97, 0.12);
    --realsoft-breadcrumb-panel-border-width: 1px;
    --realsoft-breadcrumb-panel-border-radius: 6px;
    --realsoft-breadcrumb-panel-padding: 10px;
    --realsoft-breadcrumb-panel-margin-top: 6px;
    --realsoft-breadcrumb-panel-left-position: 20px;
    --realsoft-breadcrumb-panel-gap: 6px;
    --realsoft-breadcrumb-panel-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    --realsoft-breadcrumb-panel-link-text-color: #13121C;
    --realsoft-breadcrumb-panel-link-text-size: 14px;
    --realsoft-breadcrumb-panel-link-padding: 2px 0;
    --realsoft-breadcrumb-panel-link-hover-background-color: rgba(32, 26, 27, .08);
}

.search-hidden {
  display: none !important;
}