/*
  This sample applies the default Bootstrap 5 theme and any additional CSS overrides
   ↓ For a custom look-and-feel, a generated Bootstrap theme could be added below ↓
*/

/* ↑ End generated Bootstrap theme ↑ */

/* ↓  Additional custom overrides  ↓ */

.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--bs-primary-border);
  --bs-popover-header-bg: var(--bs-primary-bg);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 0.5rem;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary-bg);
}

/* Make all CSS themes scrollable */
.css-themes-list {
  height: calc(100vh - 6rem);
}

@media (max-width: 991.98px) {
  .css-themes-list {
    height: calc(100vh - 25rem);
  }
}