/*--- VERTICAL-NAVIGATION ---*/

.cmp-vertical-navigation.default {
  --vertical-navigation-width: 60px;
  --vertical-navigation-overlay: #00000080;
  --vertical-navigation-border-top: 1px solid #00000000;
  --vertical-navigation-border-right: 1px solid #00000000;
  --vertical-navigation-border-bottom: 1px solid #00000000;
  --vertical-navigation-border-left: 1px solid #00000000;
  --vertical-navigation-border-radius-top-right: 0px;
  --vertical-navigation-border-radius-top-left: 0px;
  --vertical-navigation-border-radius-bottom-right: 0px;
  --vertical-navigation-border-radius-bottom-left: 0px;
  --vertical-navigation-help-note-background: #00000000;
  --vertical-navigation-help-note-border-top: 1px solid #00000000;
  --vertical-navigation-help-note-border-right: 1px solid #00000000;
  --vertical-navigation-help-note-border-bottom: 1px solid #00000000;
  --vertical-navigation-help-note-border-left: 1px solid #00000000;
  --vertical-navigation-help-note-text: 400 12px "Montserrat";
  --vertical-navigation-help-note-letter-spacing: 0%;
  --vertical-navigation-help-note-text-color: #ffffff;
  --vertical-navigation-help-note-text-case: capitalize;
  --vertical-navigation-close-background: #222222;
  --vertical-navigation-close-border-top: 1px solid #ffffff;
  --vertical-navigation-close-border-right: 0px solid #ffffff;
  --vertical-navigation-close-border-bottom: 0px solid #ffffff;
  --vertical-navigation-close-border-left: 0px solid #ffffff;
  --vertical-navigation-close-text: 400 12px "Montserrat";
  --vertical-navigation-close-letter-spacing: 0%;
  --vertical-navigation-close-text-color: #000000;
  --vertical-navigation-close-text-case: capitalize;
  --vertical-navigation-home-background: #222222;
  --vertical-navigation-home-border-top: 1px solid #ffffff;
  --vertical-navigation-home-border-right: 0px solid #ffffff;
  --vertical-navigation-home-border-bottom: 0px solid #ffffff;
  --vertical-navigation-home-border-left: 0px solid #ffffff;
  --vertical-navigation-home-text: 400 12px "Montserrat";
  --vertical-navigation-home-letter-spacing: 0%;
  --vertical-navigation-home-text-color: #000000;
  --vertical-navigation-home-text-case: capitalize;
  --vertical-navigation-call-flow-background: #222222;
  --vertical-navigation-call-flow-border-top: 1px solid #ffffff;
  --vertical-navigation-call-flow-border-right: 0px solid #ffffff;
  --vertical-navigation-call-flow-border-bottom: 0px solid #ffffff;
  --vertical-navigation-call-flow-border-left: 0px solid #ffffff;
  --vertical-navigation-call-flow-text: 400 12px "Montserrat";
  --vertical-navigation-call-flow-letter-spacing: 0%;
  --vertical-navigation-call-flow-text-color: #ffffff;
  --vertical-navigation-call-flow-text-case: capitalize;
  --vertical-navigation-link-background: #222222;
  --vertical-navigation-link-border-top: 1px solid #ffffff;
  --vertical-navigation-link-border-right: 0px solid #ffffff;
  --vertical-navigation-link-border-bottom: 0px solid #ffffff;
  --vertical-navigation-link-border-left: 0px solid #ffffff;
  --vertical-navigation-link-text: 400 12px "Montserrat";
  --vertical-navigation-link-letter-spacing: 0%;
  --vertical-navigation-link-text-color: #ffffff;
  --vertical-navigation-link-text-case: capitalize;
  --vertical-navigation-help-background: #222222;
  --vertical-navigation-help-border-top: 1px solid #ffffff;
  --vertical-navigation-help-border-right: 0px solid #ffffff;
  --vertical-navigation-help-border-bottom: 0px solid #ffffff;
  --vertical-navigation-help-border-left: 0px solid #ffffff;
  --vertical-navigation-help-text: 400 12px "Montserrat";
  --vertical-navigation-help-letter-spacing: 0%;
  --vertical-navigation-help-text-color: #000000;
  --vertical-navigation-help-text-case: capitalize;
  --vertical-navigation-slide-navigation-title-text: 400 24px "Arial";
  --vertical-navigation-slide-navigation-title-letter-spacing: 0%;
  --vertical-navigation-slide-navigation-title-text-color: #ffffff;
  --vertical-navigation-navigation-card-section-padding-top: 0px;
  --vertical-navigation-navigation-card-section-padding-right: 0px;
  --vertical-navigation-navigation-card-section-padding-bottom: 0px;
  --vertical-navigation-navigation-card-section-padding-left: 0px;
  --vertical-navigation-navigation-card-section-background: #00000000;
  --vertical-navigation-navigation-card-background: #222222;
  --vertical-navigation-navigation-card-gap: 24px;
  --vertical-navigation-navigation-card-border-top: 1px solid #000000;
  --vertical-navigation-navigation-card-border-right: 1px solid #000000;
  --vertical-navigation-navigation-card-border-bottom: 1px solid #000000;
  --vertical-navigation-navigation-card-border-left: 1px solid #000000;
  --vertical-navigation-navigation-card-border-radius-top-right: 0px;
  --vertical-navigation-navigation-card-border-radius-top-left: 0px;
  --vertical-navigation-navigation-card-border-radius-bottom-right: 0px;
  --vertical-navigation-navigation-card-border-radius-bottom-left: 0px;
  --vertical-navigation-navigation-card-title-padding-top: 8px;
  --vertical-navigation-navigation-card-title-padding-right: 8px;
  --vertical-navigation-navigation-card-title-padding-bottom: 8px;
  --vertical-navigation-navigation-card-title-padding-left: 8px;
  --vertical-navigation-navigation-card-title-text: 400 14px "Arial";
  --vertical-navigation-navigation-card-title-letter-spacing: 0%;
  --vertical-navigation-navigation-card-title-text-color: #ffffff;
}