/* driver.js chrome is hidden: the React card mounted by OnboardingContext is the whole popover. */
.driver-popover.onboarding-popover {
  background: transparent;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  max-width: none;
  width: auto;
  /* The card is the popover; driver.js's own clipping would cut it off. */
  overflow: visible;
  color: inherit;
}

.driver-popover.onboarding-popover .driver-popover-title,
.driver-popover.onboarding-popover .driver-popover-description,
.driver-popover.onboarding-popover .driver-popover-footer,
.driver-popover.onboarding-popover .driver-popover-close-btn {
  display: none;
}

/* Arrow colour follows the card surface so it reads as part of it. */
.driver-popover.onboarding-popover .driver-popover-arrow-side-top {
  border-top-color: var(--card);
}
.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {
  border-bottom-color: var(--card);
}
.driver-popover.onboarding-popover .driver-popover-arrow-side-left {
  border-left-color: var(--card);
}
.driver-popover.onboarding-popover .driver-popover-arrow-side-right {
  border-right-color: var(--card);
}