/*
  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  ↓ */

/* Add Bootstrap’s own documentation example highlight */

.bd-example {
  position: relative;
  padding: 1rem;
  margin: 1rem -0.75rem 0;
  border: solid #dee2e6 1px;
}

.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--bs-primary);
  --bs-popover-header-bg: var(--bs-primary);
  --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);
}

/* override part of the Bootstrap color scheme */
:root {
  --bs-code-color: var(--bs-secondary-color);
}

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

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