.introjs-tooltip {
  --onboarding-background: var(--bg-color);
  --onboarding-color: var(--color);
  --onboarding-padding: var(--spacing-scale-2x);
  --onboarding-title: var(--font-size-scale-up-01);
  --onboarding-font-size: var(--font-size-scale-base);
  --onboarding-font-weight: var(--font-weight-semi-bold);
  --onboarding-width: var(--onboarding-width-mobile);
  --onboarding-width-mobile: 90vw;
  --onboarding-width-tablet: 400px;
  --onboarding-tooltip-background: var(--color-warning);
  --onboarding-tooltip-color: inhrerit;
  width: var(--onboarding-width);
  max-width: var(--onboarding-width-tablet);
  background: var(--onboarding-tooltip-background);
  color: var(--onboarding-tooltip-color);
}
@media (min-width: 575px) {
  .introjs-tooltip {
    --onboarding-width: var(--onboarding-width-tablet);
  }
}
.introjs-tooltip .introjs-bullets ul li a {
  background: var(--off);
  opacity: var(--disabled);
  position: relative;
  z-index: 1;
}
.introjs-tooltip .introjs-bullets ul li a.active {
  background: var(--color-primary-lighten-01);
  opacity: 1;
  width: 6px;
}
.introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
  visibility: hidden;
  position: absolute;
  z-index: 0;
}
.introjs-tooltip .introjs-skip {
  margin-bottom: var(--onboarding-padding);
  text-align: center;
  position: relative;
  z-index: 1;
}
.introjs-tooltip .introjs-tooltipbuttons {
  border: 0;
  position: relative;
  text-align: center;
  margin: 0 var(--onboarding-padding);
  padding: 0;
}
.introjs-tooltip .introjs-button {
  --pressed: 0;
  --button-size: var(--button-medium);
  --button-background: transparent;
  --button-border: transparent;
  --button-color: var(--interactive);
  --button-radius: 100em;
  --button-font-size: var(--font-size-scale-up-01);
  --button-font-weight: var(--font-weight-semi-bold);
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-img: 20px;
  --interactive-rgb: var(--rgb-primary-default);
  align-items: center;
  background-color: var(--button-background);
  border: 1px solid var(--button-border);
  border-radius: var(--button-radius);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  height: var(--button-size);
  justify-content: center;
  padding: var(--button-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}
.introjs-tooltip .introjs-button img {
  max-height: var(--button-img);
}
.introjs-tooltip .introjs-button:not(.introjs-disabled):focus {
  outline: none;
}
.introjs-tooltip .introjs-button:not(.introjs-disabled).focus-visible, .introjs-tooltip .introjs-button:not(.introjs-disabled):focus-visible {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}
.introjs-tooltip .introjs-button:not(.introjs-disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}
.introjs-tooltip .introjs-button:not(.introjs-disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}
.introjs-tooltip .introjs-button:not(.introjs-disabled):focus {
  box-shadow: none;
}
.introjs-tooltip .introjs-nextbutton,
.introjs-tooltip .introjs-prevbutton {
  --button-radius: 50%;
  --button-padding: 0;
  position: absolute;
  top: calc(var(--onboarding-padding) * -5.5);
  width: var(--button-size);
}
.introjs-tooltip .introjs-prevbutton {
  left: 0;
}
.introjs-tooltip .introjs-nextbutton {
  right: 0;
}
.introjs-tooltip .introjs-donebutton {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-radius: 100em;
  text-shadow: none;
  width: auto;
  position: static;
  float: none;
  margin-bottom: var(--onboarding-padding);
}
.introjs-tooltip .introjs-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}
.introjs-tooltip .introjs-disabled * {
  pointer-events: none;
}
.introjs-tooltip .introjs-arrow.left-bottom {
  border-right-color: var(--onboarding-tooltip-background);
}
.introjs-tooltip .introjs-arrow.right-bottom {
  border-left-color: var(--onboarding-tooltip-background);
}
.introjs-tooltip .introjs-arrow.top, .introjs-tooltip .introjs-arrow.top-middle, .introjs-tooltip .introjs-arrow.top-right {
  border-bottom-color: var(--onboarding-tooltip-background);
}
.introjs-tooltip .introjs-arrow.bottom {
  border-top-color: var(--onboarding-tooltip-background);
}
.introjs-tooltip.introjs-floating {
  background: var(--onboarding-background);
  color: var(--onboarding-color);
}
.introjs-tooltip.introjs-floating .introjs-nextbutton {
  --interactive-rgb: var(--rgb-secondary-01);
  --button-background: var(--color-primary-default);
  --button-color: var(--color-secondary-01);
}
.introjs-tooltip.introjs-floating .introjs-prevbutton {
  --button-background: var(--color-secondary-01);
  --button-border: var(--color-primary-default);
}

/*# sourceMappingURL=onboarding.css.map*/