:root {
  --black-2: rgba(0, 0, 0, 0.502);
  --black: rgba(0, 0, 0, 1);
  --malachite-2: rgba(0, 213, 72, 1);
  --madison-2: #1e1e1e;
  --madison: #302d2d;
  --tuna-3: rgba(52, 59, 75, 0.502);
  --tuna-2: rgba(52, 59, 75, 0.8);
  --tuna: rgba(52, 59, 75, 1);
  --picton-blue: rgba(66, 212, 244, 1);
  --malachite: rgba(70, 153, 144, 1);
  --blueberry-2: rgba(84, 119, 234, 0.18);
  --blueberry-5: rgba(84, 119, 234, 0.251);
  --blueberry-4: rgba(85, 120, 234, 0.071);
  --blueberry-3: rgba(85, 120, 234, 0.102);
  --blueberry: #4a90e2;
  --violet-eggplant: rgba(145, 30, 180, 1);
  --inchworm: rgba(191, 239, 69, 1);
  --mist-gray: rgba(196, 196, 196, 0.502);
  --ghost: rgba(202, 202, 210, 1);
  --hawkes-blue: rgba(212, 221, 250, 0.102);
  --hawkes-blue-2: rgba(212, 221, 250, 0.251);
  --titan-white: rgba(236, 240, 255, 1);
  --selago: rgba(238, 242, 253, 1);
  --razzle-dazzle-rose: rgba(240, 50, 230, 1);
  --zircon: rgba(245, 248, 255, 1);
  --your-pink: rgba(250, 190, 190, 1);
  --scarlet: rgba(255, 25, 0, 1);
  --white: rgba(255, 255, 255, 1);
  --off-white: #bdbdbd;
  --madison-22: rgba(255, 255, 255, 1);
  --sidebar-color-hover-12: rgba(0, 0, 0, 0.52);
  --sidebar-color-hover-13: #1f69c1;
  --primary-color-normal-5: #4a90e2;
  --primary-color-hover-5: #1f69c1;
  --primary-color-pressed-5: #1f69c1;
  --primary-color-disable-5: rgba(202, 202, 210, 1);
  --secondary-color-normal-6: #4a90e2;
  --secondary-color-hover-6: #4a90e2;
  --secondary-color-pressed-6: #1f69c1;
  --secondary-color-disable-6: rgba(202, 202, 210, 1);
  --ps-new-light-blue: rgba(193, 54, 22, 0.251);
  --madison2: #1e1e1e;
  --blueberry-32: #4a90e2;
  --font-size-xs: 8px;
  --font-size-s: 10px;
  --font-size-m: 12px;
  --font-size-l: 14px;
  --font-size-xl: 16px;
  --font-size-xxl: 275px;
  --font-size-s2: 10px;
  --font-size-m2: 12px;
  --font-size-xs2: 8px;
  --font-family-poppins: "Roboto" !important;
}

.poppins-semi-bold-tuna-16px {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}
.poppins-medium-blueberry-12px {
  color: var(--blueberry);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  font-style: normal;
}
.poppins-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-black-14px-weight {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 600 !important;
  font-style: normal;
}

.poppins-normal-black-16px-weight {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600 !important;
  font-style: normal;
}
.border-2px-blueberry {
  border-width: 2px;
  border-style: solid;
  border-color: var(--blueberry);
}
.border-1px-white {
  border-width: 1px;
  border-style: solid;
  border-color: var(--white);
}
.poppins-normal-madison-8px {
  color: var(--madison-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-black-14px-2 {
  color: var(--black-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.poppins-semi-bold-tuna-16px-2 {
  color: var(--tuna-3);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-white-12px-force {
  color: var(--white) !important;
  font-family: var(--font-family-poppins) !important;
  font-size: var(--font-size-m) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.border-2px-ghost {
  border-width: 2px;
  border-style: solid;
  border-color: var(--ghost);
}
.poppins-semi-bold-madison-14px {
  color: var(--madison-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 600;
  font-style: normal;
}
.border-1px-ghost {
  border-width: 1px;
  border-style: solid;
  border-color: var(--ghost);
}
.border-1px-ghost-rep1 {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--ghost) !important;
  border-radius: 3px !important;
}
.poppins-semi-bold-tuna-14px {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-black-12px-2 {
  color: var(--black-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-medium-white-12px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  font-style: normal;
}
.poppins-semi-bold-blueberry-14px {
  color: var(--blueberry);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 600;
  font-style: normal;
}
.poppins-semi-bold-malachite-16px {
  color: var(--malachite-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-blueberry-12px {
  color: var(--blueberry);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-blueberry-12px-nocolor {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-disabled-12px {
  color: var(--primary-color-disable-5);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-disabled-14px {
  color: var(--primary-color-disable-5);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-tuna-12px-3 {
  color: var(--tuna-3);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-tuna-14px-3 {
  color: var(--tuna-3);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.poppins-medium-black-14px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 500;
  font-style: normal;
}
.poppins-light-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 300;
  font-style: normal;
}
.poppins-normal-tuna-16px {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-tuna-16px-5 {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 500;
  font-style: normal;
}
.poppins-semi-bold-blueberry-16px {
  color: var(--blueberry);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-tuna-12px {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}

.poppins-normal-tuna-12px-nocolor {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}

.poppins-normal-tuna-12px-5 {
  color: var(--tuna) !important;
  font-family: var(--font-family-poppins) !important;
  font-size: var(--font-size-m) !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.poppins-normal-tuna-12px-2 {
  color: var(--tuna-2) !important;
  font-family: var(--font-family-poppins) !important;
  font-size: var(--font-size-m) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.poppins-normal-white-14px {
  color: var(--off-white);
  font-family: var(--font-family-poppins);
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
}
.poppins-semi-bold-blueberry-12px {
  color: var(--blueberry);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-tuna-14px {
  color: var(--tuna);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-ghost-14px {
  color: var(--ghost);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  font-style: normal;
}
.poppins-normal-black-10px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-weight: 400;
  font-style: normal;
}
.poppins-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}
.poppins-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  font-style: normal;
}
.poppins-semi-bold-scarlet-16px {
  color: var(--scarlet);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
  font-style: normal;
}