: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;
}