.driver-popover.driverjs-theme {
  max-width: 360px;
  background-color: var(--mantine-color-carbon-9);
  color: var(--mantine-color-carbon-0);
  padding: 16px;
  box-shadow: none;
}

.driver-popover.driverjs-theme .driver-popover-title {
  font-size: 18px;
  padding-right: 32px;
}

.driver-popover.driverjs-theme .driver-popover-title,
.driver-popover.driverjs-theme .driver-popover-description,
.driver-popover.driverjs-theme .driver-popover-progress-text {
  font-family: moderat;
  color: var(--mantine-color-carbon-0);
}

.driver-popover.driverjs-theme button {
  text-align: center;
  background-color: var(--mantine-color-carbon-9);
  color: var(--mantine-color-carbon-0);
  border: none;
  text-shadow: none;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 8px;
}

.driver-popover.driverjs-theme .driver-popover-navigation-btns {
  justify-content: flex-end;
  gap: 3px;
}

.driver-popover.driverjs-theme .driver-popover-close-btn {
  border: none;
  font-size: 30px;
  font-weight: 200;
  padding: 6px 12px;
  background-color: var(--mantine-color-carbon-9);
  color: var(--mantine-color-carbon-0);
}

.driver-popover.driverjs-theme .driver-popover-close-btn:hover {
  background-color: var(--mantine-color-carbon-9);
  color: var(--mantine-color-carbon-0);
}

.driver-popover.driverjs-theme .driver-popover-next-btn {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-carbon-8);
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: transparent;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: transparent;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: transparent;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: transparent;
}