.bi {
  vertical-align:-.125em;
  fill:currentColor
}
.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8
}
.bd-mode-toggle {
  z-index:1500
}
.bd-mode-toggle .bi {
  width:1em;
  height:1em
}
.bd-mode-toggle .dropdown-menu .active .bi {
  display:block!important
}

/*
 * Theme selector with colored rectangles
 */

.theme-selector {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}

.color-rectangle {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 2px solid rgba(127, 127, 127, 1);
  border-radius: 2px;
  vertical-align: middle;
}

.dark-rect {
  background-color: #212529;
}

.blue-rect {
  background-color: #0d6efd;
}

.light-rect {
  background-color: #f8f9fa;
  border-color: rgba(0, 0, 0, 0.3);
}

.beige-rect {
  background-color: #F5F5DC;
  border-color: rgba(139, 115, 85, 0.5);
}