/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
:host(.v-text-primary),
.v-text-primary {
  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
}

:host(.v-text-secondary),
.v-text-secondary {
  color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
}

:host(.v-text-inverted-primary),
.v-text-inverted-primary {
  color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
}

:host(.v-text-inverted-secondary),
.v-text-inverted-secondary {
  color: rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1));
}

:host(.v-text-black),
.v-text-black {
  color: rgba(var(--v-text-black, 32, 54, 69, 1));
}

:host(.v-text-white),
.v-text-white {
  color: rgba(var(--v-text-white, 252, 252, 252, 1));
}

:host(.v-text-brand),
.v-text-brand {
  color: rgba(var(--v-text-brand, 51, 57, 61, 1));
}

:host(.v-text-danger-link),
.v-text-danger-link {
  color: rgba(var(--v-text-danger-link, 230, 50, 87, 1));
}

:host(.v-text-danger-link-hover),
.v-text-danger-link-hover {
  color: rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1));
}

:host(.v-text-danger-link-active),
.v-text-danger-link-active {
  color: rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));
}

:host(.v-text-danger-link-focus),
.v-text-danger-link-focus {
  color: rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1));
}

:host(.v-text-danger-link-visited),
.v-text-danger-link-visited {
  color: rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1));
}

:host(.v-text-disabled),
.v-text-disabled {
  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
}

:host(.v-text-error),
.v-text-error {
  color: rgba(var(--v-text-error, 189, 41, 71, 1));
}

:host(.v-text-input-disabled),
.v-text-input-disabled {
  color: rgba(var(--v-text-input-disabled, 107, 116, 125, 1));
}

:host(.v-text-input-placeholder),
.v-text-input-placeholder {
  color: rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));
}

:host(.v-text-link),
.v-text-link {
  color: rgba(var(--v-text-link, 19, 98, 226, 1));
}

:host(.v-text-link-hover),
.v-text-link-hover {
  color: rgba(var(--v-text-link-hover, 4, 112, 236, 1));
}

:host(.v-text-link-active),
.v-text-link-active {
  color: rgba(var(--v-text-link-active, 29, 65, 195, 1));
}

:host(.v-text-link-focus),
.v-text-link-focus {
  color: rgba(var(--v-text-link-focus, 4, 112, 236, 1));
}

:host(.v-text-link-visited),
.v-text-link-visited {
  color: rgba(var(--v-text-link-visited, 95, 56, 206, 1));
}

:host(.v-text-on-action),
.v-text-on-action {
  color: rgba(var(--v-text-on-action, 252, 252, 252, 1));
}

:host(.v-text-on-danger),
.v-text-on-danger {
  color: rgba(var(--v-text-on-danger, 252, 252, 252, 1));
}

:host(.v-text-on-disabled),
.v-text-on-disabled {
  color: rgba(var(--v-text-on-disabled, 252, 252, 252, 1));
}

:host(.v-text-sidebar-link),
.v-text-sidebar-link {
  color: rgba(var(--v-text-sidebar-link, 188, 186, 213, 1));
}

:host(.v-text-sidebar-link-hover),
.v-text-sidebar-link-hover {
  color: rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1));
}

:host(.v-text-sidebar-link-selected),
.v-text-sidebar-link-selected {
  color: rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1));
}

:host(.v-text-site-footer-link),
.v-text-site-footer-link {
  color: rgba(var(--v-text-site-footer-link, 171, 198, 216, 1));
}

:host(.v-text-site-footer-link-hover),
.v-text-site-footer-link-hover {
  color: rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1));
}

:host(.v-text-site-footer-link-active),
.v-text-site-footer-link-active {
  color: rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1));
}

:host(.v-text-success),
.v-text-success {
  color: rgba(var(--v-text-success, 1, 128, 31, 1));
}

:host(.v-text-inverted-success),
.v-text-inverted-success {
  color: rgba(var(--v-text-inverted-success, 89, 217, 119, 1));
}

:host(.v-text-accent1-primary),
.v-text-accent1-primary {
  color: rgba(var(--v-text-accent1-primary, 115, 230, 220, 1));
}

:host(.v-text-accent2-primary),
.v-text-accent2-primary {
  color: rgba(var(--v-text-accent2-primary, 128, 107, 255, 1));
}

:host(.v-text-accent3-primary),
.v-text-accent3-primary {
  color: rgba(var(--v-text-accent3-primary, 255, 220, 131, 1));
}

:host(.v-text-accent4-primary),
.v-text-accent4-primary {
  color: rgba(var(--v-text-accent4-primary, 255, 149, 113, 1));
}

:host(.v-text-accent5-primary),
.v-text-accent5-primary {
  color: rgba(var(--v-text-accent5-primary, 0, 187, 255, 1));
}

:host(.v-text-accent6-primary),
.v-text-accent6-primary {
  color: rgba(var(--v-text-accent6-primary, 240, 52, 91, 1));
}

:host(.v-text-accent7-primary),
.v-text-accent7-primary {
  color: rgba(var(--v-text-accent7-primary, 37, 159, 159, 1));
}

:host(.v-text-accent8-primary),
.v-text-accent8-primary {
  color: rgba(var(--v-text-accent8-primary, 86, 61, 130, 1));
}

:host(.v-text-accent9-primary),
.v-text-accent9-primary {
  color: rgba(var(--v-text-accent9-primary, 255, 191, 63, 1));
}

:host(.v-text-accent10-primary),
.v-text-accent10-primary {
  color: rgba(var(--v-text-accent10-primary, 237, 122, 35, 1));
}

/* This file is generated by vega-design 2.0.77 */
:host(.v-font-h1),
.v-font-h1 {
  font-family: "Inter", sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -0.42px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h1:not(.disable-responsive)),
  .v-font-h1:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.67px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h1:not(.disable-responsive)),
  .v-font-h1:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -1.06px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h1:not(.disable-responsive)),
  .v-font-h1:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: -1.8px;
  }
}
:host(.v-font-h2),
.v-font-h2 {
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h2:not(.disable-responsive)),
  .v-font-h2:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h2:not(.disable-responsive)),
  .v-font-h2:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.18px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h2:not(.disable-responsive)),
  .v-font-h2:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.42px;
  }
}
:host(.v-font-h3),
.v-font-h3 {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.28px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h3:not(.disable-responsive)),
  .v-font-h3:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h3:not(.disable-responsive)),
  .v-font-h3:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.28px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h3:not(.disable-responsive)),
  .v-font-h3:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.32px;
  }
}
:host(.v-font-h4),
.v-font-h4 {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h4:not(.disable-responsive)),
  .v-font-h4:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h4:not(.disable-responsive)),
  .v-font-h4:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h4:not(.disable-responsive)),
  .v-font-h4:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0px;
  }
}
:host(.v-font-h5),
.v-font-h5 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h5:not(.disable-responsive)),
  .v-font-h5:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h5:not(.disable-responsive)),
  .v-font-h5:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h5:not(.disable-responsive)),
  .v-font-h5:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
:host(.v-font-h6),
.v-font-h6 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h6:not(.disable-responsive)),
  .v-font-h6:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h6:not(.disable-responsive)),
  .v-font-h6:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h6:not(.disable-responsive)),
  .v-font-h6:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
  }
}
:host(.v-font-p1-short),
.v-font-p1-short {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-p1-short:not(.disable-responsive)),
  .v-font-p1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-p1-short:not(.disable-responsive)),
  .v-font-p1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-p1-short:not(.disable-responsive)),
  .v-font-p1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0px;
  }
}
:host(.v-font-p1-long),
.v-font-p1-long {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-p1-long:not(.disable-responsive)),
  .v-font-p1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-p1-long:not(.disable-responsive)),
  .v-font-p1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-p1-long:not(.disable-responsive)),
  .v-font-p1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
:host(.v-font-p2-short),
.v-font-p2-short {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-p2-short:not(.disable-responsive)),
  .v-font-p2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-p2-short:not(.disable-responsive)),
  .v-font-p2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-p2-short:not(.disable-responsive)),
  .v-font-p2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-p2-long),
.v-font-p2-long {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-p2-long:not(.disable-responsive)),
  .v-font-p2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-p2-long:not(.disable-responsive)),
  .v-font-p2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-p2-long:not(.disable-responsive)),
  .v-font-p2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-label),
.v-font-btn-label {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-label:not(.disable-responsive)),
  .v-font-btn-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-label:not(.disable-responsive)),
  .v-font-btn-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-label:not(.disable-responsive)),
  .v-font-btn-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-label-lg),
.v-font-btn-label-lg {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-label-lg:not(.disable-responsive)),
  .v-font-btn-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-label-lg:not(.disable-responsive)),
  .v-font-btn-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-label-lg:not(.disable-responsive)),
  .v-font-btn-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-label-sm),
.v-font-btn-label-sm {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-label-sm:not(.disable-responsive)),
  .v-font-btn-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-label-sm:not(.disable-responsive)),
  .v-font-btn-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-label-sm:not(.disable-responsive)),
  .v-font-btn-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-link-label),
.v-font-btn-link-label {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-link-label:not(.disable-responsive)),
  .v-font-btn-link-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-link-label:not(.disable-responsive)),
  .v-font-btn-link-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-link-label:not(.disable-responsive)),
  .v-font-btn-link-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-link-label-lg),
.v-font-btn-link-label-lg {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-link-label-lg:not(.disable-responsive)),
  .v-font-btn-link-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-link-label-lg:not(.disable-responsive)),
  .v-font-btn-link-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-link-label-lg:not(.disable-responsive)),
  .v-font-btn-link-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-btn-link-label-sm),
.v-font-btn-link-label-sm {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-btn-link-label-sm:not(.disable-responsive)),
  .v-font-btn-link-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-btn-link-label-sm:not(.disable-responsive)),
  .v-font-btn-link-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-btn-link-label-sm:not(.disable-responsive)),
  .v-font-btn-link-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-label),
.v-font-field-label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label:not(.disable-responsive)),
  .v-font-field-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label:not(.disable-responsive)),
  .v-font-field-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label:not(.disable-responsive)),
  .v-font-field-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-label-sm),
.v-font-field-label-sm {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-sm:not(.disable-responsive)),
  .v-font-field-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-sm:not(.disable-responsive)),
  .v-font-field-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-sm:not(.disable-responsive)),
  .v-font-field-label-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}
:host(.v-font-field-label-xs),
.v-font-field-label-xs {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-xs:not(.disable-responsive)),
  .v-font-field-label-xs:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-xs:not(.disable-responsive)),
  .v-font-field-label-xs:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-xs:not(.disable-responsive)),
  .v-font-field-label-xs:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
}
:host(.v-font-field-label-lg),
.v-font-field-label-lg {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-lg:not(.disable-responsive)),
  .v-font-field-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-lg:not(.disable-responsive)),
  .v-font-field-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-lg:not(.disable-responsive)),
  .v-font-field-label-lg:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-label-em),
.v-font-field-label-em {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-em:not(.disable-responsive)),
  .v-font-field-label-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-em:not(.disable-responsive)),
  .v-font-field-label-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-em:not(.disable-responsive)),
  .v-font-field-label-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
:host(.v-font-field-label-sm-em),
.v-font-field-label-sm-em {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-sm-em:not(.disable-responsive)),
  .v-font-field-label-sm-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-sm-em:not(.disable-responsive)),
  .v-font-field-label-sm-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-sm-em:not(.disable-responsive)),
  .v-font-field-label-sm-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
  }
}
:host(.v-font-field-label-xs-em),
.v-font-field-label-xs-em {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-xs-em:not(.disable-responsive)),
  .v-font-field-label-xs-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-xs-em:not(.disable-responsive)),
  .v-font-field-label-xs-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-xs-em:not(.disable-responsive)),
  .v-font-field-label-xs-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-label-lg-em),
.v-font-field-label-lg-em {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-label-lg-em:not(.disable-responsive)),
  .v-font-field-label-lg-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-label-lg-em:not(.disable-responsive)),
  .v-font-field-label-lg-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-label-lg-em:not(.disable-responsive)),
  .v-font-field-label-lg-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-value),
.v-font-field-value {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-value:not(.disable-responsive)),
  .v-font-field-value:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-value:not(.disable-responsive)),
  .v-font-field-value:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-value:not(.disable-responsive)),
  .v-font-field-value:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-value-sm),
.v-font-field-value-sm {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-value-sm:not(.disable-responsive)),
  .v-font-field-value-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-value-sm:not(.disable-responsive)),
  .v-font-field-value-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-value-sm:not(.disable-responsive)),
  .v-font-field-value-sm:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
}
:host(.v-font-field-value-em),
.v-font-field-value-em {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-value-em:not(.disable-responsive)),
  .v-font-field-value-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-value-em:not(.disable-responsive)),
  .v-font-field-value-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-value-em:not(.disable-responsive)),
  .v-font-field-value-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-field-value-disabled),
.v-font-field-value-disabled {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-field-value-disabled:not(.disable-responsive)),
  .v-font-field-value-disabled:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-field-value-disabled:not(.disable-responsive)),
  .v-font-field-value-disabled:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-field-value-disabled:not(.disable-responsive)),
  .v-font-field-value-disabled:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-sidebar-link),
.v-font-sidebar-link {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-sidebar-link:not(.disable-responsive)),
  .v-font-sidebar-link:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-sidebar-link:not(.disable-responsive)),
  .v-font-sidebar-link:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-sidebar-link:not(.disable-responsive)),
  .v-font-sidebar-link:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-sidebar-link-em),
.v-font-sidebar-link-em {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-sidebar-link-em:not(.disable-responsive)),
  .v-font-sidebar-link-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-sidebar-link-em:not(.disable-responsive)),
  .v-font-sidebar-link-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-sidebar-link-em:not(.disable-responsive)),
  .v-font-sidebar-link-em:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
  }
}
:host(.v-font-footnote1-short),
.v-font-footnote1-short {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-footnote1-short:not(.disable-responsive)),
  .v-font-footnote1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-footnote1-short:not(.disable-responsive)),
  .v-font-footnote1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-footnote1-short:not(.disable-responsive)),
  .v-font-footnote1-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
:host(.v-font-footnote1-long),
.v-font-footnote1-long {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-footnote1-long:not(.disable-responsive)),
  .v-font-footnote1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-footnote1-long:not(.disable-responsive)),
  .v-font-footnote1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-footnote1-long:not(.disable-responsive)),
  .v-font-footnote1-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
:host(.v-font-footnote2-short),
.v-font-footnote2-short {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-footnote2-short:not(.disable-responsive)),
  .v-font-footnote2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-footnote2-short:not(.disable-responsive)),
  .v-font-footnote2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-footnote2-short:not(.disable-responsive)),
  .v-font-footnote2-short:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
  }
}
:host(.v-font-footnote2-long),
.v-font-footnote2-long {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-footnote2-long:not(.disable-responsive)),
  .v-font-footnote2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-footnote2-long:not(.disable-responsive)),
  .v-font-footnote2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-footnote2-long:not(.disable-responsive)),
  .v-font-footnote2-long:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
:host(.v-font-h-modal),
.v-font-h-modal {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h-modal:not(.disable-responsive)),
  .v-font-h-modal:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h-modal:not(.disable-responsive)),
  .v-font-h-modal:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h-modal:not(.disable-responsive)),
  .v-font-h-modal:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
}
:host(.v-font-keypad-label),
.v-font-keypad-label {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-keypad-label:not(.disable-responsive)),
  .v-font-keypad-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-keypad-label:not(.disable-responsive)),
  .v-font-keypad-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-keypad-label:not(.disable-responsive)),
  .v-font-keypad-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
}
:host(.v-font-keypad-label-large),
.v-font-keypad-label-large {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-keypad-label-large:not(.disable-responsive)),
  .v-font-keypad-label-large:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-keypad-label-large:not(.disable-responsive)),
  .v-font-keypad-label-large:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-keypad-label-large:not(.disable-responsive)),
  .v-font-keypad-label-large:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
}
:host(.v-font-notification-content),
.v-font-notification-content {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-notification-content:not(.disable-responsive)),
  .v-font-notification-content:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-notification-content:not(.disable-responsive)),
  .v-font-notification-content:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-notification-content:not(.disable-responsive)),
  .v-font-notification-content:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
  }
}
:host(.v-font-counter-badge-label),
.v-font-counter-badge-label {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-counter-badge-label:not(.disable-responsive)),
  .v-font-counter-badge-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-counter-badge-label:not(.disable-responsive)),
  .v-font-counter-badge-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-counter-badge-label:not(.disable-responsive)),
  .v-font-counter-badge-label:not(.disable-responsive) {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }
}
/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
:host(.v-text-start),
.v-text-start {
  text-align: start;
}

:host(.v-text-end),
.v-text-end {
  text-align: end;
}

:host(.v-text-left),
.v-text-left {
  text-align: left;
}

:host(.v-text-right),
.v-text-right {
  text-align: right;
}

:host(.v-text-center),
.v-text-center {
  text-align: center;
}

:host(.v-text-justify),
.v-text-justify {
  text-align: justify;
}

@media (min-width: 320px) {
  :host(.S\:v-text-start),
  .S\:v-text-start {
    text-align: start;
  }
  :host(.S\:v-text-end),
  .S\:v-text-end {
    text-align: end;
  }
  :host(.S\:v-text-left),
  .S\:v-text-left {
    text-align: left;
  }
  :host(.S\:v-text-right),
  .S\:v-text-right {
    text-align: right;
  }
  :host(.S\:v-text-center),
  .S\:v-text-center {
    text-align: center;
  }
  :host(.S\:v-text-justify),
  .S\:v-text-justify {
    text-align: justify;
  }
}
@media (min-width: 768px) {
  :host(.M\:v-text-start),
  .M\:v-text-start {
    text-align: start;
  }
  :host(.M\:v-text-end),
  .M\:v-text-end {
    text-align: end;
  }
  :host(.M\:v-text-left),
  .M\:v-text-left {
    text-align: left;
  }
  :host(.M\:v-text-right),
  .M\:v-text-right {
    text-align: right;
  }
  :host(.M\:v-text-center),
  .M\:v-text-center {
    text-align: center;
  }
  :host(.M\:v-text-justify),
  .M\:v-text-justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  :host(.L\:v-text-start),
  .L\:v-text-start {
    text-align: start;
  }
  :host(.L\:v-text-end),
  .L\:v-text-end {
    text-align: end;
  }
  :host(.L\:v-text-left),
  .L\:v-text-left {
    text-align: left;
  }
  :host(.L\:v-text-right),
  .L\:v-text-right {
    text-align: right;
  }
  :host(.L\:v-text-center),
  .L\:v-text-center {
    text-align: center;
  }
  :host(.L\:v-text-justify),
  .L\:v-text-justify {
    text-align: justify;
  }
}
@media (min-width: 1440px) {
  :host(.XL\:v-text-start),
  .XL\:v-text-start {
    text-align: start;
  }
  :host(.XL\:v-text-end),
  .XL\:v-text-end {
    text-align: end;
  }
  :host(.XL\:v-text-left),
  .XL\:v-text-left {
    text-align: left;
  }
  :host(.XL\:v-text-right),
  .XL\:v-text-right {
    text-align: right;
  }
  :host(.XL\:v-text-center),
  .XL\:v-text-center {
    text-align: center;
  }
  :host(.XL\:v-text-justify),
  .XL\:v-text-justify {
    text-align: justify;
  }
}
/* This file is generated by vega-design 2.0.77 */
/* Legacy letter-spacing values for typography tokens whose source
 * percentage was negative. Generated only for tokens affected by the converter bug.
 * Opt in by adding the `legacy-letter-spacing` class alongside `v-font-*`. */
:host(.v-font-h1.legacy-letter-spacing),
.v-font-h1.legacy-letter-spacing {
  letter-spacing: 0.42px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 2.52px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 0.96px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 1.8px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h2.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h2.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 1.8px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h2.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h2.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 0.42px;
  }
}
:host(.v-font-h3.legacy-letter-spacing),
.v-font-h3.legacy-letter-spacing {
  letter-spacing: 0.28px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 0.28px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 0.28px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 9999px) {
  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
    letter-spacing: 0.32px;
  }
}
/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
/**
 * Deprecated. Not for use in new websites.
 * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
 */