#driver-popover-content {
  background-color: var(--bg-color);
  color: var(--fg-color);
  padding: var(--vst-space-xs);
}
.driver-popover-close-btn {
  border: var(--vst-space-3xs) solid var(--bg-color);
  border-radius: var(--vst-radius);
  padding: var(--vst-space-2xs);
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.driver-popover-close-btn svg {
  fill: var(--fg-color);
}
header.driver-popover-title {
  font-family: var(--vst-font-family);
  font-size: var(--vst-font-size);
  padding: var(--vst-space-l) 0 var(--vst-space-xs) 0;
}
#driver-popover-description {
  font-family: var(--vst-font-family);
  font-size: var(--vst-font-size);
  padding-bottom: var(--vst-space-l);
}
#driver-popover-description vst-ui-icon,
#driver-popover-description svg {
  height: var(--vst-space-m);
  fill: var(--fg-color);
  --vst-ui-icon-color: var(--fg-color);
}
footer.driver-popover-footer {
  border-top: 1px solid var(--brand-color);
  font-family: var(--vst-font-family);
  padding-top: var(--vst-space-xs);
}
.driver-popover-navigation-btns {
  display: contents;
}
button.driver-popover-prev-btn,
button.driver-popover-next-btn {
  border: none;
  text-shadow: none;
  text-transform: uppercase;
}
button.driver-popover-prev-btn:focus,
button.driver-popover-prev-btn {
  background-color: var(--bg-color);
  border: 1px solid var(--brand-color);
  color: var(--brand-color);
}
button.driver-popover-next-btn:focus,
button.driver-popover-next-btn {
  background-color: var(--brand-color);
  color: var(--bg-color);
  order: 2;
}
button.driver-popover-prev-btn:hover,
button.driver-popover-prev-btn:active,
button.driver-popover-next-btn:active,
button.driver-popover-next-btn:hover {
  background-color: var(--button-hover-bg-color);
  color: var(--bg-color);
}
.driver-popover-close-btn:hover,
.driver-popover-close-btn:active {
  background-color: var(--close-button-hover-bg-color);
}
.driver-popover-close-btn:hover svg,
.driver-popover-close-btn:active svg {
  fill: var(--close-icon-hover-fill);
}
button.driver-popover-prev-btn:focus,
button.driver-popover-next-btn:focus {
  outline: var(--vst-space-3xs) solid var(--focus-color);
  outline-offset: var(--vst-space-3xs);
}
button.driver-popover-close-btn:focus {
  border: var(--vst-space-3xs) solid var(--focus-color);
}
.driver-popover-progress-text {
  color: var(--fg-color);
  order: 1;
}
.driver-popover-arrow-side-left {
  border-left-color: var(--bg-color);
}
.driver-popover-arrow-side-right {
  border-right-color: var(--bg-color);
}
.driver-popover-arrow-side-top {
  border-top-color: var(--bg-color);
}
.driver-popover-arrow-side-bottom {
  border-bottom-color: var(--bg-color);
}
svg.driver-overlay {
  pointer-events: none;
}

[visually-hidden] {
  clip: rect(0 0 0 0);
  block-size: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe#.z90bhg9ou */
  inline-size: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
}
