.driver-popover.jpinfo-tour {
  pointer-events: auto;
  background: #00222e;
  color: #edf2ff;
  border: 1px solid #8c9cd4;
  border-radius: 10px;
  max-width: min(360px, calc(100vw - 24px));
}

.jpinfo-tour .driver-popover-progress-text,
.jpinfo-tour .driver-popover-close-btn {
  color: #c4ceed;
}

.jpinfo-tour .driver-popover-footer-btn {
  background: #1c3650;
  border-color: #8c9cd4;
  color: #edf2ff;
  text-shadow: none;
  font-size: 14px;
  min-height: 32px;
  padding: 6px 10px;
}

.jpinfo-tour .driver-popover-footer-btn:hover,
.jpinfo-tour .driver-popover-footer-btn:focus {
  background: #345270;
}

.jpinfo-tour .driver-popover-close-btn:hover,
.jpinfo-tour .driver-popover-close-btn:focus {
  color: #fff;
}

.jpinfo-tour .driver-popover-close-btn:focus-visible,
.jpinfo-tour .driver-popover-footer-btn:focus-visible {
  outline: 2px solid #edf2ff;
  outline-offset: 2px;
}

.jpinfo-tour .driver-popover-arrow-side-left { border-left-color: #8c9cd4; }
.jpinfo-tour .driver-popover-arrow-side-right { border-right-color: #8c9cd4; }
.jpinfo-tour .driver-popover-arrow-side-top { border-top-color: #8c9cd4; }
.jpinfo-tour .driver-popover-arrow-side-bottom { border-bottom-color: #8c9cd4; }

.jpinfo-tour-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.jpinfo-tour-actions .driver-popover-footer-btn {
  white-space: normal;
  text-align: center;
}

.vocab-settings-tour-controls:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
  margin-right: 8px;
}

.vocab-settings-card-header > :first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  .vocab-settings-header {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .vocab-settings-header > .btn-close {
    margin-left: auto;
  }

  .vocab-settings-tour-controls:not([hidden]) {
    order: 1;
    width: 100%;
    margin: 0;
  }
}