.btn.btn-inner-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625em;
}
.btn.btn-inner-icon svg {
  align-items: center;
  fill: currentColor;
  display: inline-block;
  height: 1.5em;
  transform: scale(0.8);
  margin: 0 -0.25em;
}
.btn.btn-icon {
  padding: 0.375rem;
  border-radius: 50rem;
  display: inline-flex;
}
.btn.btn-icon svg {
  margin: 0;
  fill: currentColor;
  width: 1.5em;
  height: 1.5em;
  display: block;
}

:root,
[data-bs-theme=light] {
  --bse-base-1: #fff;
  --bse-base-2: #f7f7f7;
  --bse-base-3: #f0f0f0;
  --bse-base-4: #e9e9e9;
  --bse-base-i1: #212529;
  --bse-base-i2: #35393c;
  --bse-base-i3: #474b4e;
  --bse-base-i4: #585b5e;
  --bse-base-1-rgb: 255, 255, 255;
  --bse-base-2-rgb: 247, 247, 247;
  --bse-base-3-rgb: 240, 240, 240;
  --bse-base-4-rgb: 233, 233, 233;
  --bse-base-i1-rgb: 33, 37, 41;
  --bse-base-i2-rgb: 53, 57, 60;
  --bse-base-i3-rgb: 71, 75, 78;
  --bse-base-i4-rgb: 88, 91, 94;
  --bse-base-1-hover: white;
  --bse-base-2-hover: #fafafa;
  --bse-base-3-hover: whitesmoke;
  --bse-base-4-hover: #f0f0f0;
  --bse-base-i1-hover: #111315;
  --bse-base-i2-hover: #1c1e1f;
  --bse-base-i3-hover: #252729;
  --bse-base-i4-hover: #2e2f31;
  --bse-base-1-active: white;
  --bse-base-2-active: #fcfcfc;
  --bse-base-3-active: #f9f9f9;
  --bse-base-4-active: #f6f6f6;
  --bse-base-i1-active: #090a0b;
  --bse-base-i2-active: #0f1011;
  --bse-base-i3-active: #141516;
  --bse-base-i4-active: #19191a;
}

[data-bs-theme=dark] {
  --bse-base-1: #212529;
  --bse-base-2: #282c2f;
  --bse-base-3: #2e3235;
  --bse-base-4: #34383b;
  --bse-base-i1: #dee2e6;
  --bse-base-i2: #caced1;
  --bse-base-i3: #b8bbbe;
  --bse-base-i4: #a7aaad;
  --bse-base-1-rgb: 33, 37, 41;
  --bse-base-2-rgb: 40, 44, 47;
  --bse-base-3-rgb: 46, 50, 53;
  --bse-base-4-rgb: 52, 56, 59;
  --bse-base-i1-rgb: 222, 226, 230;
  --bse-base-i2-rgb: 202, 206, 209;
  --bse-base-i3-rgb: 184, 187, 190;
  --bse-base-i4-rgb: 167, 170, 173;
  --bse-base-1-hover: #1d2124;
  --bse-base-2-hover: #232729;
  --bse-base-3-hover: #282c2f;
  --bse-base-4-hover: #2e3134;
  --bse-base-i1-hover: #e6e9ec;
  --bse-base-i2-hover: #d7dadc;
  --bse-base-i3-hover: #c9cbce;
  --bse-base-i4-hover: #bcbec1;
  --bse-base-1-active: #1a1e21;
  --bse-base-2-active: #202326;
  --bse-base-3-active: #25282a;
  --bse-base-4-active: #2a2d2f;
  --bse-base-i1-active: #eaecef;
  --bse-base-i2-active: #dde0e2;
  --bse-base-i3-active: #d2d3d5;
  --bse-base-i4-active: #c7c9cb;
}

.bg-base-1 {
  background: var(--bse-base-1) !important;
}

.text-base-1 {
  color: var(--bse-base-1) !important;
}

.text-bg-base-1 {
  background: var(--bse-base-1) !important;
  color: var(--bse-base-i1) !important;
}

.link-base-1 {
  color: var(--bse-base-1) !important;
}
.link-base-1:hover {
  color: var(--bse-base-1-hover) !important;
}

.link-underline-base-1 {
  text-decoration-color: var(--bse-base-1) !important;
}

.border-base-1 {
  border-color: var(--bse-base-1) !important;
}

.btn-base-1 {
  --bs-btn-color: var(--bse-base-i1);
  --bs-btn-bg: var(--bse-base-1);
  --bs-btn-border-color: var(--bse-base-1);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-1-hover);
  --bs-btn-hover-border-color: var(--bse-base-1-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i4-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-1-active);
  --bs-btn-active-border-color: var(
    --bse-base-1-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i1);
  --bs-btn-disabled-bg: var(--bse-base-1);
  --bs-btn-disabled-border-color: var(--bse-base-1);
}

.btn-outline-base-1 {
  --bs-btn-color: var(--bse-base-1);
  --bs-btn-border-color: var(--bse-base-1);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-1);
  --bs-btn-hover-border-color: var(--bse-base-1);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i4-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-1);
  --bs-btn-active-border-color: var(--bse-base-1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-1);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-1);
  --bs-gradient: none;
}

.bg-base-2 {
  background: var(--bse-base-2) !important;
}

.text-base-2 {
  color: var(--bse-base-2) !important;
}

.text-bg-base-2 {
  background: var(--bse-base-2) !important;
  color: var(--bse-base-i1) !important;
}

.link-base-2 {
  color: var(--bse-base-2) !important;
}
.link-base-2:hover {
  color: var(--bse-base-2-hover) !important;
}

.link-underline-base-2 {
  text-decoration-color: var(--bse-base-2) !important;
}

.border-base-2 {
  border-color: var(--bse-base-2) !important;
}

.btn-base-2 {
  --bs-btn-color: var(--bse-base-i1);
  --bs-btn-bg: var(--bse-base-2);
  --bs-btn-border-color: var(--bse-base-2);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-2-hover);
  --bs-btn-hover-border-color: var(--bse-base-2-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i3-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-2-active);
  --bs-btn-active-border-color: var(
    --bse-base-2-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i1);
  --bs-btn-disabled-bg: var(--bse-base-2);
  --bs-btn-disabled-border-color: var(--bse-base-2);
}

.btn-outline-base-2 {
  --bs-btn-color: var(--bse-base-2);
  --bs-btn-border-color: var(--bse-base-2);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-2);
  --bs-btn-hover-border-color: var(--bse-base-2);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i3-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-2);
  --bs-btn-active-border-color: var(--bse-base-2);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-2);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-2);
  --bs-gradient: none;
}

.bg-base-3 {
  background: var(--bse-base-3) !important;
}

.text-base-3 {
  color: var(--bse-base-3) !important;
}

.text-bg-base-3 {
  background: var(--bse-base-3) !important;
  color: var(--bse-base-i1) !important;
}

.link-base-3 {
  color: var(--bse-base-3) !important;
}
.link-base-3:hover {
  color: var(--bse-base-3-hover) !important;
}

.link-underline-base-3 {
  text-decoration-color: var(--bse-base-3) !important;
}

.border-base-3 {
  border-color: var(--bse-base-3) !important;
}

.btn-base-3 {
  --bs-btn-color: var(--bse-base-i1);
  --bs-btn-bg: var(--bse-base-3);
  --bs-btn-border-color: var(--bse-base-3);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-3-hover);
  --bs-btn-hover-border-color: var(--bse-base-3-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i2-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-3-active);
  --bs-btn-active-border-color: var(
    --bse-base-3-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i1);
  --bs-btn-disabled-bg: var(--bse-base-3);
  --bs-btn-disabled-border-color: var(--bse-base-3);
}

.btn-outline-base-3 {
  --bs-btn-color: var(--bse-base-3);
  --bs-btn-border-color: var(--bse-base-3);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-3);
  --bs-btn-hover-border-color: var(--bse-base-3);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i2-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-3);
  --bs-btn-active-border-color: var(--bse-base-3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-3);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-3);
  --bs-gradient: none;
}

.bg-base-4 {
  background: var(--bse-base-4) !important;
}

.text-base-4 {
  color: var(--bse-base-4) !important;
}

.text-bg-base-4 {
  background: var(--bse-base-4) !important;
  color: var(--bse-base-i1) !important;
}

.link-base-4 {
  color: var(--bse-base-4) !important;
}
.link-base-4:hover {
  color: var(--bse-base-4-hover) !important;
}

.link-underline-base-4 {
  text-decoration-color: var(--bse-base-4) !important;
}

.border-base-4 {
  border-color: var(--bse-base-4) !important;
}

.btn-base-4 {
  --bs-btn-color: var(--bse-base-i1);
  --bs-btn-bg: var(--bse-base-4);
  --bs-btn-border-color: var(--bse-base-4);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-4-hover);
  --bs-btn-hover-border-color: var(--bse-base-4-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i1-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-4-active);
  --bs-btn-active-border-color: var(
    --bse-base-4-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i1);
  --bs-btn-disabled-bg: var(--bse-base-4);
  --bs-btn-disabled-border-color: var(--bse-base-4);
}

.btn-outline-base-4 {
  --bs-btn-color: var(--bse-base-4);
  --bs-btn-border-color: var(--bse-base-4);
  --bs-btn-hover-color: var(--bse-base-i1);
  --bs-btn-hover-bg: var(--bse-base-4);
  --bs-btn-hover-border-color: var(--bse-base-4);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i1-rgb);
  --bs-btn-active-color: var(--bse-base-i1);
  --bs-btn-active-bg: var(--bse-base-4);
  --bs-btn-active-border-color: var(--bse-base-4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-4);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-4);
  --bs-gradient: none;
}

.bg-base-i1 {
  background: var(--bse-base-i1) !important;
}

.text-base-i1 {
  color: var(--bse-base-i1) !important;
}

.text-bg-base-i1 {
  background: var(--bse-base-i1) !important;
  color: var(--bse-base-1) !important;
}

.link-base-i1 {
  color: var(--bse-base-i1) !important;
}
.link-base-i1:hover {
  color: var(--bse-base-i1-hover) !important;
}

.link-underline-base-i1 {
  text-decoration-color: var(--bse-base-i1) !important;
}

.border-base-i1 {
  border-color: var(--bse-base-i1) !important;
}

.btn-base-i1 {
  --bs-btn-color: var(--bse-base-1);
  --bs-btn-bg: var(--bse-base-i1);
  --bs-btn-border-color: var(--bse-base-i1);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i1-hover);
  --bs-btn-hover-border-color: var(--bse-base-i1-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i1-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i1-active);
  --bs-btn-active-border-color: var(
    --bse-base-i1-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-1);
  --bs-btn-disabled-bg: var(--bse-base-i1);
  --bs-btn-disabled-border-color: var(--bse-base-i1);
}

.btn-outline-base-i1 {
  --bs-btn-color: var(--bse-base-i1);
  --bs-btn-border-color: var(--bse-base-i1);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i1);
  --bs-btn-hover-border-color: var(--bse-base-i1);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i1-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i1);
  --bs-btn-active-border-color: var(--bse-base-i1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i1);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-i1);
  --bs-gradient: none;
}

.bg-base-i2 {
  background: var(--bse-base-i2) !important;
}

.text-base-i2 {
  color: var(--bse-base-i2) !important;
}

.text-bg-base-i2 {
  background: var(--bse-base-i2) !important;
  color: var(--bse-base-1) !important;
}

.link-base-i2 {
  color: var(--bse-base-i2) !important;
}
.link-base-i2:hover {
  color: var(--bse-base-i2-hover) !important;
}

.link-underline-base-i2 {
  text-decoration-color: var(--bse-base-i2) !important;
}

.border-base-i2 {
  border-color: var(--bse-base-i2) !important;
}

.btn-base-i2 {
  --bs-btn-color: var(--bse-base-1);
  --bs-btn-bg: var(--bse-base-i2);
  --bs-btn-border-color: var(--bse-base-i2);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i2-hover);
  --bs-btn-hover-border-color: var(--bse-base-i2-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i2-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i2-active);
  --bs-btn-active-border-color: var(
    --bse-base-i2-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-1);
  --bs-btn-disabled-bg: var(--bse-base-i2);
  --bs-btn-disabled-border-color: var(--bse-base-i2);
}

.btn-outline-base-i2 {
  --bs-btn-color: var(--bse-base-i2);
  --bs-btn-border-color: var(--bse-base-i2);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i2);
  --bs-btn-hover-border-color: var(--bse-base-i2);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i2-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i2);
  --bs-btn-active-border-color: var(--bse-base-i2);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i2);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-i2);
  --bs-gradient: none;
}

.bg-base-i3 {
  background: var(--bse-base-i3) !important;
}

.text-base-i3 {
  color: var(--bse-base-i3) !important;
}

.text-bg-base-i3 {
  background: var(--bse-base-i3) !important;
  color: var(--bse-base-1) !important;
}

.link-base-i3 {
  color: var(--bse-base-i3) !important;
}
.link-base-i3:hover {
  color: var(--bse-base-i3-hover) !important;
}

.link-underline-base-i3 {
  text-decoration-color: var(--bse-base-i3) !important;
}

.border-base-i3 {
  border-color: var(--bse-base-i3) !important;
}

.btn-base-i3 {
  --bs-btn-color: var(--bse-base-1);
  --bs-btn-bg: var(--bse-base-i3);
  --bs-btn-border-color: var(--bse-base-i3);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i3-hover);
  --bs-btn-hover-border-color: var(--bse-base-i3-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i3-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i3-active);
  --bs-btn-active-border-color: var(
    --bse-base-i3-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-1);
  --bs-btn-disabled-bg: var(--bse-base-i3);
  --bs-btn-disabled-border-color: var(--bse-base-i3);
}

.btn-outline-base-i3 {
  --bs-btn-color: var(--bse-base-i3);
  --bs-btn-border-color: var(--bse-base-i3);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i3);
  --bs-btn-hover-border-color: var(--bse-base-i3);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i3-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i3);
  --bs-btn-active-border-color: var(--bse-base-i3);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i3);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-i3);
  --bs-gradient: none;
}

.bg-base-i4 {
  background: var(--bse-base-i4) !important;
}

.text-base-i4 {
  color: var(--bse-base-i4) !important;
}

.text-bg-base-i4 {
  background: var(--bse-base-i4) !important;
  color: var(--bse-base-1) !important;
}

.link-base-i4 {
  color: var(--bse-base-i4) !important;
}
.link-base-i4:hover {
  color: var(--bse-base-i4-hover) !important;
}

.link-underline-base-i4 {
  text-decoration-color: var(--bse-base-i4) !important;
}

.border-base-i4 {
  border-color: var(--bse-base-i4) !important;
}

.btn-base-i4 {
  --bs-btn-color: var(--bse-base-1);
  --bs-btn-bg: var(--bse-base-i4);
  --bs-btn-border-color: var(--bse-base-i4);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i4-hover);
  --bs-btn-hover-border-color: var(--bse-base-i4-hover);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i4-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i4-active);
  --bs-btn-active-border-color: var(
    --bse-base-i4-active
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-1);
  --bs-btn-disabled-bg: var(--bse-base-i4);
  --bs-btn-disabled-border-color: var(--bse-base-i4);
}

.btn-outline-base-i4 {
  --bs-btn-color: var(--bse-base-i4);
  --bs-btn-border-color: var(--bse-base-i4);
  --bs-btn-hover-color: var(--bse-base-1);
  --bs-btn-hover-bg: var(--bse-base-i4);
  --bs-btn-hover-border-color: var(--bse-base-i4);
  --bs-btn-focus-shadow-rgb: var(--bse-base-i4-rgb);
  --bs-btn-active-color: var(--bse-base-1);
  --bs-btn-active-bg: var(--bse-base-i4);
  --bs-btn-active-border-color: var(--bse-base-i4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bse-base-i4);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bse-base-i4);
  --bs-gradient: none;
}

@media (min-width: 576px) {
  .container.container-max-sm, .container-fluid.container-max-sm, .container-sm.container-max-sm, .container-md.container-max-sm, .container-lg.container-max-sm, .container-xl.container-max-sm, .container-xxl.container-max-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container.container-max-md, .container-fluid.container-max-md, .container-sm.container-max-md, .container-md.container-max-md, .container-lg.container-max-md, .container-xl.container-max-md, .container-xxl.container-max-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container.container-max-lg, .container-fluid.container-max-lg, .container-sm.container-max-lg, .container-md.container-max-lg, .container-lg.container-max-lg, .container-xl.container-max-lg, .container-xxl.container-max-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container.container-max-xl, .container-fluid.container-max-xl, .container-sm.container-max-xl, .container-md.container-max-xl, .container-lg.container-max-xl, .container-xl.container-max-xl, .container-xxl.container-max-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container.container-max-xxl, .container-fluid.container-max-xxl, .container-sm.container-max-xxl, .container-md.container-max-xxl, .container-lg.container-max-xxl, .container-xl.container-max-xxl, .container-xxl.container-max-xxl {
    max-width: 1320px;
  }
}
.btn-contrast,
[data-bs-theme=light] .btn-contrast {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1c1f23;
  --bs-btn-hover-border-color: #1a1e21;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a1e21;
  --bs-btn-active-border-color: #191c1f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-contrast,
[data-bs-theme=light] .btn-outline-contrast {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

[data-bs-theme=dark] .btn-contrast {
  --bs-btn-color: #000;
  --bs-btn-bg: #dee2e6;
  --bs-btn-border-color: #dee2e6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e3e6ea;
  --bs-btn-hover-border-color: #e1e5e9;
  --bs-btn-focus-shadow-rgb: 189, 192, 196;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e5e8eb;
  --bs-btn-active-border-color: #e1e5e9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dee2e6;
  --bs-btn-disabled-border-color: #dee2e6;
}
[data-bs-theme=dark] .btn-outline-contrast {
  --bs-btn-color: #dee2e6;
  --bs-btn-border-color: #dee2e6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dee2e6;
  --bs-btn-hover-border-color: #dee2e6;
  --bs-btn-focus-shadow-rgb: 222, 226, 230;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dee2e6;
  --bs-btn-active-border-color: #dee2e6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dee2e6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dee2e6;
  --bs-gradient: none;
}

:root,
[data-bs-theme=light] {
  --bse-theme-switch-size: 2rem;
  --bse-theme-switch-bg-rgb: var(--bs-body-color-rgb);
  --bse-light-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23212529' d='m11 3c0-0.55228 0.4477-1 1-1s1 0.44772 1 1v3c0 0.55228-0.4477 1-1 1s-1-0.44772-1-1v-3zm5 9c0 2.2091-1.7908 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2091 1.7909-4 4-4 2.2092 0 4 1.7909 4 4zm4.6602-4.9999c-0.2762-0.47829-0.8878-0.64217-1.3661-0.36603l-2.598 1.5c-0.4783 0.27615-0.6422 0.88774-0.3661 1.366 0.2762 0.47829 0.8878 0.64214 1.3661 0.36602l2.598-1.5c0.4783-0.27614 0.6422-0.88773 0.3661-1.366zm-16.954 1.3659c-0.47829-0.27615-0.64217-0.88774-0.36602-1.366 0.27614-0.47829 0.88773-0.64217 1.366-0.36602l2.5981 1.5c0.47829 0.27614 0.64217 0.88773 0.36602 1.366-0.27614 0.47829-0.88773 0.64216-1.366 0.36603l-2.5981-1.5zm8.2941 8.634c-0.5523 0-1 0.4477-1 1v3c0 0.5523 0.4477 1 1 1s1-0.4477 1-1v-3c0-0.5523-0.4477-1-1-1zm-5.6961-2.866c0.47829-0.2761 1.0899-0.1122 1.366 0.3661 0.27614 0.4783 0.11226 1.0898-0.36603 1.366l-2.5981 1.5c-0.47829 0.2761-1.0899 0.1123-1.366-0.366s-0.11227-1.0899 0.36602-1.3661l2.5981-1.5zm10.026 0.3659c-0.2762 0.4783-0.1123 1.0899 0.366 1.3661l2.5981 1.5c0.4783 0.2761 1.0899 0.1122 1.366-0.3661 0.2762-0.4783 0.1123-1.0898-0.366-1.366l-2.5981-1.5c-0.4783-0.2761-1.0899-0.1123-1.366 0.366z'/%3e%3c/svg%3e");
  --bse-dark-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='m21.185 15.962c0.1289-0.2986-0.1782-0.5884-0.4862-0.4841-0.9994 0.3384-2.0761 0.5227-3.1982 0.5227-5.2468 0-9.5001-4.0294-9.5001-9 0-1.3591 0.31797-2.6478 0.88728-3.803 0.1516-0.30761-0.12642-0.66704-0.4469-0.54494-3.7654 1.4346-6.4406 5.0789-6.4406 9.348 0 5.5228 4.4772 10 10 10 4.1156 0 7.6504-2.4862 9.1847-6.0386zm-4.3754-5.6917c-0.0373-0.0124-0.0666-0.0417-0.0791-0.079l-0.6116-1.835c-0.038-0.11396-0.1992-0.11396-0.2372 0l-0.6116 1.835c-0.0125 0.0373-0.0418 0.0666-0.0791 0.079l-1.8349 0.6117c-0.114 0.038-0.114 0.1992 0 0.2372l1.8349 0.6116c0.0373 0.0125 0.0666 0.0417 0.0791 0.0791l0.6116 1.8349c0.038 0.114 0.1992 0.114 0.2372 0l0.6116-1.8349c0.0125-0.0374 0.0418-0.0666 0.0791-0.0791l1.8349-0.6116c0.114-0.038 0.114-0.1992 0-0.2372l-1.8349-0.6117zm-2.329-4.8291c0.0124 0.03733 0.0417 0.06662 0.079 0.07906l1.0849 0.36163c0.114 0.03799 0.114 0.19919 0 0.23717l-1.0848 0.36162c-0.0373 0.01244-0.0666 0.04173-0.0791 0.07906l-0.3616 1.085c-0.038 0.11396-0.1992 0.11396-0.2372 0l-0.3617-1.085c-0.0124-0.03733-0.0417-0.06662-0.079-0.07906l-1.085-0.36167c-0.114-0.03798-0.114-0.19918 0-0.23717l1.085-0.36168c0.0373-0.01244 0.0666-0.04173 0.0791-0.07906l0.3616-1.0848c0.038-0.11396 0.1992-0.11396 0.2372 0l0.3616 1.0849z'/%3e%3c/svg%3e");
  --bse-system-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23212529' d='m4 4c-1.1046 0-2 0.89543-2 2v8c0 1.1046 0.89543 2 2 2h6.75c0.1381 0 0.25 0.1119 0.25 0.25v1.5c0 0.1381-0.1119 0.25-0.25 0.25h-1.75c-0.55228 0-1 0.4477-1 1s0.44772 1 1 1h6c0.5523 0 1-0.4477 1-1s-0.4477-1-1-1h-1.75c-0.1381 0-0.25-0.1119-0.25-0.25v-1.5c0-0.1381 0.1119-0.25 0.25-0.25h6.75c1.1046 0 2-0.8954 2-2v-8c0-1.1046-0.8954-2-2-2h-16zm15.053 2.4736c0.2359-0.11798 0.152-0.47361-0.1118-0.47361h-14.691c-0.13807 0-0.25 0.11193-0.25 0.25v7.3455c0 0.1858 0.19558 0.3067 0.3618 0.2236l14.691-7.3455z' clip-rule='evenodd' fill-rule='evenodd'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] {
  --bse-system-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='m4 4c-1.1046 0-2 0.89543-2 2v8c0 1.1046 0.89543 2 2 2h6.75c0.1381 0 0.25 0.1119 0.25 0.25v1.5c0 0.1381-0.1119 0.25-0.25 0.25h-1.75c-0.55228 0-1 0.4477-1 1s0.44772 1 1 1h6c0.5523 0 1-0.4477 1-1s-0.4477-1-1-1h-1.75c-0.1381 0-0.25-0.1119-0.25-0.25v-1.5c0-0.1381 0.1119-0.25 0.25-0.25h6.75c1.1046 0 2-0.8954 2-2v-8c0-1.1046-0.8954-2-2-2h-16zm15.053 2.4736c0.2359-0.11798 0.152-0.47361-0.1118-0.47361h-14.691c-0.13807 0-0.25 0.11193-0.25 0.25v7.3455c0 0.1858 0.19558 0.3067 0.3618 0.2236l14.691-7.3455z' clip-rule='evenodd' fill-rule='evenodd'/%3e%3c/svg%3e");
}

.theme-switch.theme-switch-dark {
  --bse-theme-switch-bg-rgb: 33, 37, 41;
  --bse-light-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23212529' d='m11 3c0-0.55228 0.4477-1 1-1s1 0.44772 1 1v3c0 0.55228-0.4477 1-1 1s-1-0.44772-1-1v-3zm5 9c0 2.2091-1.7908 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2091 1.7909-4 4-4 2.2092 0 4 1.7909 4 4zm4.6602-4.9999c-0.2762-0.47829-0.8878-0.64217-1.3661-0.36603l-2.598 1.5c-0.4783 0.27615-0.6422 0.88774-0.3661 1.366 0.2762 0.47829 0.8878 0.64214 1.3661 0.36602l2.598-1.5c0.4783-0.27614 0.6422-0.88773 0.3661-1.366zm-16.954 1.3659c-0.47829-0.27615-0.64217-0.88774-0.36602-1.366 0.27614-0.47829 0.88773-0.64217 1.366-0.36602l2.5981 1.5c0.47829 0.27614 0.64217 0.88773 0.36602 1.366-0.27614 0.47829-0.88773 0.64216-1.366 0.36603l-2.5981-1.5zm8.2941 8.634c-0.5523 0-1 0.4477-1 1v3c0 0.5523 0.4477 1 1 1s1-0.4477 1-1v-3c0-0.5523-0.4477-1-1-1zm-5.6961-2.866c0.47829-0.2761 1.0899-0.1122 1.366 0.3661 0.27614 0.4783 0.11226 1.0898-0.36603 1.366l-2.5981 1.5c-0.47829 0.2761-1.0899 0.1123-1.366-0.366s-0.11227-1.0899 0.36602-1.3661l2.5981-1.5zm10.026 0.3659c-0.2762 0.4783-0.1123 1.0899 0.366 1.3661l2.5981 1.5c0.4783 0.2761 1.0899 0.1122 1.366-0.3661 0.2762-0.4783 0.1123-1.0898-0.366-1.366l-2.5981-1.5c-0.4783-0.2761-1.0899-0.1123-1.366 0.366z'/%3e%3c/svg%3e");
  --bse-dark-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23212529' d='m21.185 15.962c0.1289-0.2986-0.1782-0.5884-0.4862-0.4841-0.9994 0.3384-2.0761 0.5227-3.1982 0.5227-5.2468 0-9.5001-4.0294-9.5001-9 0-1.3591 0.31797-2.6478 0.88728-3.803 0.1516-0.30761-0.12642-0.66704-0.4469-0.54494-3.7654 1.4346-6.4406 5.0789-6.4406 9.348 0 5.5228 4.4772 10 10 10 4.1156 0 7.6504-2.4862 9.1847-6.0386zm-4.3754-5.6917c-0.0373-0.0124-0.0666-0.0417-0.0791-0.079l-0.6116-1.835c-0.038-0.11396-0.1992-0.11396-0.2372 0l-0.6116 1.835c-0.0125 0.0373-0.0418 0.0666-0.0791 0.079l-1.8349 0.6117c-0.114 0.038-0.114 0.1992 0 0.2372l1.8349 0.6116c0.0373 0.0125 0.0666 0.0417 0.0791 0.0791l0.6116 1.8349c0.038 0.114 0.1992 0.114 0.2372 0l0.6116-1.8349c0.0125-0.0374 0.0418-0.0666 0.0791-0.0791l1.8349-0.6116c0.114-0.038 0.114-0.1992 0-0.2372l-1.8349-0.6117zm-2.329-4.8291c0.0124 0.03733 0.0417 0.06662 0.079 0.07906l1.0849 0.36163c0.114 0.03799 0.114 0.19919 0 0.23717l-1.0848 0.36162c-0.0373 0.01244-0.0666 0.04173-0.0791 0.07906l-0.3616 1.085c-0.038 0.11396-0.1992 0.11396-0.2372 0l-0.3617-1.085c-0.0124-0.03733-0.0417-0.06662-0.079-0.07906l-1.085-0.36167c-0.114-0.03798-0.114-0.19918 0-0.23717l1.085-0.36168c0.0373-0.01244 0.0666-0.04173 0.0791-0.07906l0.3616-1.0848c0.038-0.11396 0.1992-0.11396 0.2372 0l0.3616 1.0849z'/%3e%3c/svg%3e");
  --bse-system-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23212529' d='m4 4c-1.1046 0-2 0.89543-2 2v8c0 1.1046 0.89543 2 2 2h6.75c0.1381 0 0.25 0.1119 0.25 0.25v1.5c0 0.1381-0.1119 0.25-0.25 0.25h-1.75c-0.55228 0-1 0.4477-1 1s0.44772 1 1 1h6c0.5523 0 1-0.4477 1-1s-0.4477-1-1-1h-1.75c-0.1381 0-0.25-0.1119-0.25-0.25v-1.5c0-0.1381 0.1119-0.25 0.25-0.25h6.75c1.1046 0 2-0.8954 2-2v-8c0-1.1046-0.8954-2-2-2h-16zm15.053 2.4736c0.2359-0.11798 0.152-0.47361-0.1118-0.47361h-14.691c-0.13807 0-0.25 0.11193-0.25 0.25v7.3455c0 0.1858 0.19558 0.3067 0.3618 0.2236l14.691-7.3455z' clip-rule='evenodd' fill-rule='evenodd'/%3e%3c/svg%3e");
}
.theme-switch.theme-switch-light {
  --bse-theme-switch-bg-rgb: 255, 255, 255;
  --bse-light-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='m11 3c0-0.55228 0.4477-1 1-1s1 0.44772 1 1v3c0 0.55228-0.4477 1-1 1s-1-0.44772-1-1v-3zm5 9c0 2.2091-1.7908 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2091 1.7909-4 4-4 2.2092 0 4 1.7909 4 4zm4.6602-4.9999c-0.2762-0.47829-0.8878-0.64217-1.3661-0.36603l-2.598 1.5c-0.4783 0.27615-0.6422 0.88774-0.3661 1.366 0.2762 0.47829 0.8878 0.64214 1.3661 0.36602l2.598-1.5c0.4783-0.27614 0.6422-0.88773 0.3661-1.366zm-16.954 1.3659c-0.47829-0.27615-0.64217-0.88774-0.36602-1.366 0.27614-0.47829 0.88773-0.64217 1.366-0.36602l2.5981 1.5c0.47829 0.27614 0.64217 0.88773 0.36602 1.366-0.27614 0.47829-0.88773 0.64216-1.366 0.36603l-2.5981-1.5zm8.2941 8.634c-0.5523 0-1 0.4477-1 1v3c0 0.5523 0.4477 1 1 1s1-0.4477 1-1v-3c0-0.5523-0.4477-1-1-1zm-5.6961-2.866c0.47829-0.2761 1.0899-0.1122 1.366 0.3661 0.27614 0.4783 0.11226 1.0898-0.36603 1.366l-2.5981 1.5c-0.47829 0.2761-1.0899 0.1123-1.366-0.366s-0.11227-1.0899 0.36602-1.3661l2.5981-1.5zm10.026 0.3659c-0.2762 0.4783-0.1123 1.0899 0.366 1.3661l2.5981 1.5c0.4783 0.2761 1.0899 0.1122 1.366-0.3661 0.2762-0.4783 0.1123-1.0898-0.366-1.366l-2.5981-1.5c-0.4783-0.2761-1.0899-0.1123-1.366 0.366z'/%3e%3c/svg%3e");
  --bse-dark-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='m21.185 15.962c0.1289-0.2986-0.1782-0.5884-0.4862-0.4841-0.9994 0.3384-2.0761 0.5227-3.1982 0.5227-5.2468 0-9.5001-4.0294-9.5001-9 0-1.3591 0.31797-2.6478 0.88728-3.803 0.1516-0.30761-0.12642-0.66704-0.4469-0.54494-3.7654 1.4346-6.4406 5.0789-6.4406 9.348 0 5.5228 4.4772 10 10 10 4.1156 0 7.6504-2.4862 9.1847-6.0386zm-4.3754-5.6917c-0.0373-0.0124-0.0666-0.0417-0.0791-0.079l-0.6116-1.835c-0.038-0.11396-0.1992-0.11396-0.2372 0l-0.6116 1.835c-0.0125 0.0373-0.0418 0.0666-0.0791 0.079l-1.8349 0.6117c-0.114 0.038-0.114 0.1992 0 0.2372l1.8349 0.6116c0.0373 0.0125 0.0666 0.0417 0.0791 0.0791l0.6116 1.8349c0.038 0.114 0.1992 0.114 0.2372 0l0.6116-1.8349c0.0125-0.0374 0.0418-0.0666 0.0791-0.0791l1.8349-0.6116c0.114-0.038 0.114-0.1992 0-0.2372l-1.8349-0.6117zm-2.329-4.8291c0.0124 0.03733 0.0417 0.06662 0.079 0.07906l1.0849 0.36163c0.114 0.03799 0.114 0.19919 0 0.23717l-1.0848 0.36162c-0.0373 0.01244-0.0666 0.04173-0.0791 0.07906l-0.3616 1.085c-0.038 0.11396-0.1992 0.11396-0.2372 0l-0.3617-1.085c-0.0124-0.03733-0.0417-0.06662-0.079-0.07906l-1.085-0.36167c-0.114-0.03798-0.114-0.19918 0-0.23717l1.085-0.36168c0.0373-0.01244 0.0666-0.04173 0.0791-0.07906l0.3616-1.0848c0.038-0.11396 0.1992-0.11396 0.2372 0l0.3616 1.0849z'/%3e%3c/svg%3e");
  --bse-system-theme-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23fff' d='m4 4c-1.1046 0-2 0.89543-2 2v8c0 1.1046 0.89543 2 2 2h6.75c0.1381 0 0.25 0.1119 0.25 0.25v1.5c0 0.1381-0.1119 0.25-0.25 0.25h-1.75c-0.55228 0-1 0.4477-1 1s0.44772 1 1 1h6c0.5523 0 1-0.4477 1-1s-0.4477-1-1-1h-1.75c-0.1381 0-0.25-0.1119-0.25-0.25v-1.5c0-0.1381 0.1119-0.25 0.25-0.25h6.75c1.1046 0 2-0.8954 2-2v-8c0-1.1046-0.8954-2-2-2h-16zm15.053 2.4736c0.2359-0.11798 0.152-0.47361-0.1118-0.47361h-14.691c-0.13807 0-0.25 0.11193-0.25 0.25v7.3455c0 0.1858 0.19558 0.3067 0.3618 0.2236l14.691-7.3455z' clip-rule='evenodd' fill-rule='evenodd'/%3e%3c/svg%3e");
}

input.theme-switch[type=checkbox] {
  appearance: none;
  width: var(--bse-theme-switch-size);
  height: var(--bse-theme-switch-size);
  background-image: var(--bse-light-theme-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75%;
  border-radius: 50rem;
  cursor: pointer;
  background-color: rgba(var(--bse-theme-switch-bg-rgb), 0.06);
  transition: background 0.2s;
}
input.theme-switch[type=checkbox]:hover {
  background-color: rgba(var(--bse-theme-switch-bg-rgb), 0.09);
}
input.theme-switch[type=checkbox]:focus {
  background-color: rgba(var(--bse-theme-switch-bg-rgb), 0.12);
}
input.theme-switch[type=checkbox]:checked {
  background-image: var(--bse-dark-theme-icon);
}
input.theme-switch[type=checkbox]:indeterminate {
  background-image: var(--bse-system-theme-icon);
}
[data-bs-theme=dark] input.theme-switch[type=checkbox]:indeterminate {
  background-image: var(--bse-system-theme-icon);
}

:root {
  --bse-dev: $dev;
  --bse-dev-rgb: to-rgb($dev);
  --bse-dev-secondary: $dev-secondary;
  --bse-dev-secondary-rgb: to-rgb($dev-secondary);
}

.dev-note {
  padding: 1rem 1rem;
  border-radius: 0.375rem;
  background: #dc3545;
  color: #fff;
  position: relative;
  border: 1px solid #dc3545;
  margin-bottom: 1rem;
}
.dev-note::before {
  content: var(--bse-dev-note-title, "Dev Note");
  display: block;
  background: #6e1b23;
  color: #fff;
  font-weight: bolder;
  padding: 0.5rem 1rem;
  top: 0;
  border-top-right-radius: calc(0.375rem - 1px);
  border-top-left-radius: calc(0.375rem - 1px);
  margin-right: -1rem;
  margin-left: -1rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed #dc3545;
}

.dev-mq-helper::before {
  content: "xs";
  text-transform: uppercase;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dc3545;
  color: #fff;
  border-radius: 50rem;
  opacity: 0.8;
  z-index: 1090;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  pointer-events: none;
}

.dev-mq-helper::before {
  content: "xs";
}

@media (min-width: 576px) {
  .dev-mq-helper::before {
    content: "sm";
  }
}
@media (min-width: 768px) {
  .dev-mq-helper::before {
    content: "md";
  }
}
@media (min-width: 992px) {
  .dev-mq-helper::before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  .dev-mq-helper::before {
    content: "xl";
  }
}
@media (min-width: 1400px) {
  .dev-mq-helper::before {
    content: "xxl";
  }
}
.dev-toolbar {
  background: #dc3545;
  color: #fff;
}
.dev-toolbar .dev-toolbar-body {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}

.dev-toolbar-collapse-container {
  position: relative;
  height: 1rem;
}
.dev-toolbar-collapse-container .dev-toolbar-collapse {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  pointer-events: none;
}
.dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar {
  position: relative;
  transition: all 0.2s ease-in-out;
  pointer-events: auto;
  transform: translateY(calc(-100% + 1rem));
}
.dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar:hover, .dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar:focus-within {
  transform: translateY(0);
}
.dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar:hover .dev-toolbar-body, .dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar:focus-within .dev-toolbar-body {
  opacity: 1;
}
.dev-toolbar-collapse-container .dev-toolbar-collapse .dev-toolbar .dev-toolbar-body {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

:root {
  --ss-content-height: 300px;
  --ss-animation-timing: 0.2s;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-form-select-deselect-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  border: var(--bs-border-width) solid var(--bs-border-color);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  overflow: hidden;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .ss-main {
    transition: none;
  }
}
.ss-main:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ss-main.ss-disabled {
  background-color: var(--bs-secondary-bg);
}
.ss-main.ss-disabled .ss-deselect {
  display: none;
}
.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.ss-main .ss-values .ss-placeholder {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: auto 0px auto 0px;
  color: var(--bs-secondary-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  padding: 0.35em 0.65em;
  background-color: #0d6efd;
  border-radius: var(--bs-border-radius);
}
.ss-main .ss-values .ss-single {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  background-color: #0d6efd;
  border-radius: var(--bs-border-radius);
  animation-name: ss-valueIn;
  animation-duration: opacity 0.15s linear;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: opacity 0.15s linear;
  animation-timing-function: ease-out;
}
.ss-main .ss-values .ss-value .ss-value-text {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  padding: 0.35em 0.65em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: 9px;
  width: 9px;
  padding: 0.35em 0.65em;
  cursor: pointer;
  border-left: solid 1px rgba(255, 255, 255, 0.18);
  box-sizing: content-box;
}
.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: 1em;
  width: 1em;
}
.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: #fff;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-main .ss-deselect {
  --bs-deselect-size: 1.5rem;
  min-width: var(--bs-deselect-size);
  min-height: var(--bs-deselect-size);
  cursor: pointer;
  align-self: center;
  background-image: var(--bs-form-select-deselect-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  margin-left: var(--bs-deselect-size);
  opacity: 0.625;
  transition: opacity 0.15s linear;
}
.ss-main .ss-deselect:hover {
  opacity: 1;
}
.ss-main .ss-deselect svg {
  display: none;
}
.ss-main .ss-arrow {
  display: none;
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  background-color: var(--bs-body-bg);
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
  z-index: 10000;
  border-radius: var(--bs-border-radius);
}
.ss-content.ss-relative {
  position: relative;
  height: 100%;
}
.ss-content.ss-fixed {
  position: fixed;
}
.ss-content.ss-dir-above {
  transform-origin: center bottom;
  flex-direction: column-reverse;
}
.ss-content.ss-dir-above .ss-search {
  border-top: 1px solid var(--bs-border-color-translucent);
}
.ss-content.ss-dir-below {
  transform-origin: center top;
}
.ss-content.ss-dir-below .ss-search {
  border-bottom: 1px solid var(--bs-border-color-translucent);
}
.ss-content.ss-open {
  opacity: 1;
  transform: scaleY(1);
}
.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: 0.5rem 0;
}
.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  margin: 0;
  padding: 0.25rem 1rem;
  border: none;
  outline: 0;
  text-align: left;
  background: transparent;
}
.ss-content .ss-search input::placeholder {
  color: var(--bs-secondary-color);
}
.ss-content .ss-search input:focus {
  box-shadow: none;
}
.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  opacity: 0.625;
  transition: opacity 0.15s linear;
  padding: 0.25rem 1rem;
}
.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 1rem;
  height: 1rem;
}
.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: black;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-search .ss-addable:hover {
  opacity: 1;
}
.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.5rem 0;
}
.ss-content .ss-list .ss-error {
  color: #dc3545;
  padding: 0 1rem;
}
.ss-content .ss-list .ss-searching {
  color: #212529;
  padding: 0 1rem;
}
.ss-content .ss-list .ss-optgroup .ss-option {
  transition: max-height var(--ss-animation-timing) ease, opacity var(--ss-animation-timing) ease, padding-top var(--ss-animation-timing) ease, padding-bottom var(--ss-animation-timing) ease, margin-top var(--ss-animation-timing) ease, margin-bottom var(--ss-animation-timing) ease;
}
.ss-content .ss-list .ss-optgroup.ss-open .ss-option {
  max-height: 100px;
  opacity: 1;
  overflow: visible;
}
.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  color: #6c757d;
  font-size: 0.875rem;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: #dc3545;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 6px 0 0;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: #198754;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}
.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: #212529;
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}
.ss-content .ss-list .ss-optgroup .ss-option {
  padding: 0.25rem 1rem;
}
.ss-content .ss-list .ss-option {
  display: flex;
  align-items: center;
  min-height: auto;
  padding: 0.25rem 1rem;
  white-space: normal;
  color: var(--bs-body-color);
  user-select: none;
}
.ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
  cursor: pointer;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
}
.ss-content .ss-list .ss-option.ss-highlighted {
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
}
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: #fff;
  background-color: #0d6efd;
}
.ss-content .ss-list .ss-option.ss-disabled {
  color: #adb5bd;
}
.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--bs-highlight-bg);
  color: var(--bs-highlight-color);
  padding: 0;
}
.ss-content .ss-list .ss-search {
  color: #6c757d;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1rem;
  border: none;
}

[data-bs-theme=dark] .ss-main {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .ss-main .ss-deselect {
  filter: invert(1) grayscale(100%) brightness(200%);
}
[data-bs-theme=dark] .ss-search .ss-addable {
  filter: invert(1) grayscale(100%) brightness(200%);
}