@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);
:root {
  --core-bg-primary: #FFFFFF;
  --core-bg-secondary: #F8F8F8;
  --core-bg-disabled: #EFEFEF;
  --core-color-primary: #181818;
  --core-color-secondary: #5C5C5C;
  --core-color-tertiary: #747474;
  --core-color-quaternary: #6941C6;
  --core-color-disabled: #8A8A8A;
  --core-grey-stroke: #D7D7D7;
  --core-grey-dividers: #EDEDED;
  --core-accent-blue-primary: #1E6ADD;
  --core-accent-blue-secondary: #7DAAED;
  --core-accent-blue-tertiary: #BCD3F6;
  --core-accent-blue-quaternary: #ECF0FF;
  --core-accent-blue-hover: #1854AF;
  --core-accent-blue-click: #002ED0;
  --core-accent-orange-primary: #FF7F37;
  --core-accent-orange-secondary: #FC9D68;
  --core-accent-orange-tertiary: #FFD5BE;
  --core-accent-orange-quaternary: #FFECE1;
  --core-system-successful: #3AC922;
  --core-system-attention: #F6D523;
  --core-system-error: #FF3030;
  --core-extras-white: #FFFFFF;
  --core-extras-danger: #DC3545;
  --core-rgb-color-primary: 24, 24, 24;
  --core-rgb-color-secondary: 92, 92, 92;
  --core-rgb-color-tertiary: 116, 116, 116;
  --core-rgb-color-quaternary: 105, 65, 198;
  --core-rgb-color-disabled: 138, 138, 138;
  --core-rgb-primary: 255, 255, 255;
  --core-rgb-secondary: 248, 248, 248;
  --core-rgb-disabled: 239, 239, 239;
  --core-rgb-accent-blue-primary: 30, 106, 221;
  --core-rgb-accent-blue-secondary: 125, 170, 237;
  --core-rgb-accent-blue-tertiary: 188, 211, 246;
  --core-rgb-accent-blue-quaternary: 236, 240, 255;
  --core-rgb-accent-blue-hover: 24, 84, 175;
  --core-rgb-accent-blue-click: 0, 46, 208;
  --core-rgb-accent-orange-primary: 255, 127, 55;
  --core-rgb-accent-orange-secondary: 252, 157, 104;
  --core-rgb-accent-orange-tertiary: 255, 213, 190;
  --core-rgb-accent-orange-quaternary: 255, 236, 225;
  --core-rgb-white: 255, 255, 255;
  --core-rgb-danger: 220, 53, 69;
  --core-rgb-successful: 58, 201, 34;
  --core-rgb-attention: 246, 213, 35;
  --core-rgb-error: 255, 48, 48;
  --core-font-family-primary: "Poppins", serif;
  --core-font-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --core-border:var(--core-color-primary) !default;
}

:scope {
  --core-regular: 1.125rem;
  --core-subtitle-1: 2rem;
  --core-subtitle-2: 1.5rem;
  --core-m-regular: 1rem;
  --core-s-regular: 0.75rem;
  --core-s-subtitle-1: 1.5rem;
  --core-s-subtitle-2: 1.125rem;
}

.h1 {
  font-weight: 600;
  font-size: 2.5rem;
}
.h2 {
  font-weight: 600;
  font-size: 2.125rem;
}
.h3 {
  font-weight: 600;
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  .h1 {
    font-weight: 600;
    font-size: 3.5rem;
  }
  .h2 {
    font-weight: 600;
    font-size: 3rem;
  }
  .h3 {
    font-weight: 600;
    font-size: 2.5rem;
  }
}

.core-text {
  font-size: var(--core-s-regular);
  font-weight: 400;
}
@media (min-width: 768px) {
  .core-text {
    font-size: var(--core-m-regular);
  }
}
@media (min-width: 1200px) {
  .core-text {
    font-size: var(--core-regular);
  }
}
.core-text-bold {
  font-size: var(--core-s-regular);
  font-weight: 600;
}
@media (min-width: 768px) {
  .core-text-bold {
    font-size: var(--core-m-regular);
  }
}
@media (min-width: 1200px) {
  .core-text-bold {
    font-size: var(--core-regular);
  }
}

.core-bg-primary {
  background-color: var(--core-bg-primary);
}
.core-bg-secondary {
  background-color: var(--core-bg-secondary);
}
.core-bg-disabled {
  background-color: var(--core-bg-disabled);
}

.core-bg-color-primary {
  background-color: var(--core-color-primary);
}
.core-bg-color-secondary {
  background-color: var(--core-color-secondary);
}
.core-bg-color-tertiary {
  background-color: var(--core-color-tertiary);
}
.core-bg-color-quaternary {
  background-color: var(--core-color-quaternary);
}
.core-bg-color-disabled {
  background-color: var(--core-color-disabled);
}

.core-bg-stroke {
  background-color: var(--core-grey-stroke);
}
.core-bg-dividers {
  background-color: var(--core-grey-dividers);
}

.core-bg-accent-blue-primary {
  background-color: var(--core-accent-blue-primary);
}
.core-bg-accent-blue-secondary {
  background-color: var(--core-accent-blue-secondary);
}
.core-bg-accent-blue-tertiary {
  background-color: var(--core-accent-blue-tertiary);
}
.core-bg-accent-blue-quaternary {
  background-color: var(--core-accent-blue-quaternary);
}
.core-bg-accent-blue-hover {
  background-color: var(--core-accent-blue-hover);
}
.core-bg-accent-blue-click {
  background-color: var(--core-accent-blue-click);
}

.core-bg-accent-orange-primary {
  background-color: var(--core-accent-orange-primary);
}
.core-bg-accent-orange-secondary {
  background-color: var(--core-accent-orange-secondary);
}
.core-bg-accent-orange-tertiary {
  background-color: var(--core-accent-orange-tertiary);
}
.core-bg-accent-orange-quaternary {
  background-color: var(--core-accent-orange-quaternary);
}

.core-bg-successful {
  background-color: var(--core-system-successful);
}
.core-bg-attention {
  background-color: var(--core-system-attention);
}
.core-bg-error {
  background-color: var(--core-system-error);
}

.core-bg-white {
  background-color: var(--core-extras-white);
}
.core-bg-danger {
  background-color: var(--core-extras-danger);
}

.core-color-primary {
  color: var(--core-color-primary);
}
.core-color-secondary {
  color: var(--core-color-secondary);
}
.core-color-tertiary {
  color: var(--core-color-tertiary);
}
.core-color-quaternary {
  color: var(--core-color-quaternary);
}
.core-color-disabled {
  color: var(--core-color-disabled);
}

.core-color-stroke {
  color: var(--core-grey-stroke);
}
.core-color-dividers {
  color: var(--core-grey-dividers);
}

.core-color-accent-blue-primary {
  color: var(--core-accent-blue-primary);
}
.core-color-accent-blue-secondary {
  color: var(--core-accent-blue-secondary);
}
.core-color-accent-blue-tertiary {
  color: var(--core-accent-blue-tertiary);
}
.core-color-accent-blue-quaternary {
  color: var(--core-accent-blue-quaternary);
}
.core-color-accent-blue-hover {
  color: var(--core-accent-blue-hover);
}
.core-color-accent-blue-click {
  color: var(--core-accent-blue-click);
}

.core-color-accent-orange-primary {
  color: var(--core-accent-orange-primary);
}
.core-color-accent-orange-secondary {
  color: var(--core-accent-orange-secondary);
}
.core-color-accent-orange-tertiary {
  color: var(--core-accent-orange-tertiary);
}
.core-color-accent-orange-quaternary {
  color: var(--core-accent-orange-quaternary);
}

.core-color-successful {
  color: var(--core-system-successful);
}
.core-color-attention {
  color: var(--core-system-attention);
}
.core-color-error {
  color: var(--core-system-error);
}

.core-color-white {
  color: var(--core-extras-white);
}
.core-color-danger {
  color: var(--core-extras-danger);
}

.core-btn {
  font-size: var(--core-s-regular);
}
@media (min-width: 768px) {
  .core-btn {
    font-size: var(--core-m-regular);
  }
}
@media (min-width: 1200px) {
  .core-btn {
    font-size: var(--core-regular);
  }
}
.core-btn-color-primary {
  --core-bg-btn: var(--core-color-primary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-color-primary:hover, .core-btn-color-primary:active, .core-btn-color-primary:visited {
  --core-bg-btn:darken(var(--core-color-primary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-color-primary {
  --core-border-color-primary: var(--core-color-primary);
  border: 0.0625rem solid var(--core-border-color-primary);
}
.core-btn-outline-color-primary:hover, .core-btn-outline-color-primary:active, .core-btn-outline-color-primary:visited {
  --core-bg-color-primary: var(--core-color-primary);
  --core-color-color-primary: var(--core-extras-white);
  background-color: var(--core-bg-color-primary);
  color: var(--core-color-color-primary);
}
.core-btn-color-secondary {
  --core-bg-btn: var(--core-color-secondary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-color-secondary:hover, .core-btn-color-secondary:active, .core-btn-color-secondary:visited {
  --core-bg-btn:darken(var(--core-color-secondary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-color-secondary {
  --core-border-color-secondary: var(--core-color-secondary);
  border: 0.0625rem solid var(--core-border-color-secondary);
}
.core-btn-outline-color-secondary:hover, .core-btn-outline-color-secondary:active, .core-btn-outline-color-secondary:visited {
  --core-bg-color-secondary: var(--core-color-secondary);
  --core-color-color-secondary: var(--core-extras-white);
  background-color: var(--core-bg-color-secondary);
  color: var(--core-color-color-secondary);
}
.core-btn-color-tertiary {
  --core-bg-btn: var(--core-color-tertiary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-color-tertiary:hover, .core-btn-color-tertiary:active, .core-btn-color-tertiary:visited {
  --core-bg-btn:darken(var(--core-color-tertiary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-color-tertiary {
  --core-border-color-tertiary: var(--core-color-tertiary);
  border: 0.0625rem solid var(--core-border-color-tertiary);
}
.core-btn-outline-color-tertiary:hover, .core-btn-outline-color-tertiary:active, .core-btn-outline-color-tertiary:visited {
  --core-bg-color-tertiary: var(--core-color-tertiary);
  --core-color-color-tertiary: var(--core-extras-white);
  background-color: var(--core-bg-color-tertiary);
  color: var(--core-color-color-tertiary);
}
.core-btn-color-quaternary {
  --core-bg-btn: var(--core-color-quaternary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-color-quaternary:hover, .core-btn-color-quaternary:active, .core-btn-color-quaternary:visited {
  --core-bg-btn:darken(var(--core-color-quaternary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-color-quaternary {
  --core-border-color-quaternary: var(--core-color-quaternary);
  border: 0.0625rem solid var(--core-border-color-quaternary);
}
.core-btn-outline-color-quaternary:hover, .core-btn-outline-color-quaternary:active, .core-btn-outline-color-quaternary:visited {
  --core-bg-color-quaternary: var(--core-color-quaternary);
  --core-color-color-quaternary: var(--core-extras-white);
  background-color: var(--core-bg-color-quaternary);
  color: var(--core-color-color-quaternary);
}
.core-btn-color-disabled {
  --core-bg-btn: var(--core-color-disabled);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-color-disabled:hover, .core-btn-color-disabled:active, .core-btn-color-disabled:visited {
  --core-bg-btn:darken(var(--core-color-disabled), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-color-disabled {
  --core-border-color-disabled: var(--core-color-disabled);
  border: 0.0625rem solid var(--core-border-color-disabled);
}
.core-btn-outline-color-disabled:hover, .core-btn-outline-color-disabled:active, .core-btn-outline-color-disabled:visited {
  --core-bg-color-disabled: var(--core-color-disabled);
  --core-color-color-disabled: var(--core-extras-white);
  background-color: var(--core-bg-color-disabled);
  color: var(--core-color-color-disabled);
}
.core-btn-stroke {
  --core-bg-btn: var(--core-stroke);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-stroke:hover, .core-btn-stroke:active, .core-btn-stroke:visited {
  --core-bg-btn:darken(var(--core-grey-stroke), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-stroke {
  --core-border-stroke: var(--core-grey-stroke);
  border: 0.0625rem solid var(--core-border-stroke);
}
.core-btn-outline-stroke:hover, .core-btn-outline-stroke:active, .core-btn-outline-stroke:visited {
  --core-bg-stroke: var(--core-grey-stroke);
  --core-color-stroke: var(--core-extras-white);
  background-color: var(--core-bg-stroke);
  color: var(--core-color-stroke);
}
.core-btn-dividers {
  --core-bg-btn: var(--core-dividers);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-dividers:hover, .core-btn-dividers:active, .core-btn-dividers:visited {
  --core-bg-btn:darken(var(--core-grey-dividers), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-dividers {
  --core-border-dividers: var(--core-grey-dividers);
  border: 0.0625rem solid var(--core-border-dividers);
}
.core-btn-outline-dividers:hover, .core-btn-outline-dividers:active, .core-btn-outline-dividers:visited {
  --core-bg-dividers: var(--core-grey-dividers);
  --core-color-dividers: var(--core-extras-white);
  background-color: var(--core-bg-dividers);
  color: var(--core-color-dividers);
}
.core-btn-accent-blue-primary {
  --core-bg-btn: var(--core-accent-blue-primary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-primary:hover, .core-btn-accent-blue-primary:active, .core-btn-accent-blue-primary:visited {
  --core-bg-btn:darken(var(--core-accent-blue-primary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-primary {
  --core-border-accent-blue-primary: var(--core-accent-blue-primary);
  border: 0.0625rem solid var(--core-border-accent-blue-primary);
}
.core-btn-outline-accent-blue-primary:hover, .core-btn-outline-accent-blue-primary:active, .core-btn-outline-accent-blue-primary:visited {
  --core-bg-accent-blue-primary: var(--core-accent-blue-primary);
  --core-color-accent-blue-primary: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-primary);
  color: var(--core-color-accent-blue-primary);
}
.core-btn-accent-blue-secondary {
  --core-bg-btn: var(--core-accent-blue-secondary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-secondary:hover, .core-btn-accent-blue-secondary:active, .core-btn-accent-blue-secondary:visited {
  --core-bg-btn:darken(var(--core-accent-blue-secondary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-secondary {
  --core-border-accent-blue-secondary: var(--core-accent-blue-secondary);
  border: 0.0625rem solid var(--core-border-accent-blue-secondary);
}
.core-btn-outline-accent-blue-secondary:hover, .core-btn-outline-accent-blue-secondary:active, .core-btn-outline-accent-blue-secondary:visited {
  --core-bg-accent-blue-secondary: var(--core-accent-blue-secondary);
  --core-color-accent-blue-secondary: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-secondary);
  color: var(--core-color-accent-blue-secondary);
}
.core-btn-accent-blue-tertiary {
  --core-bg-btn: var(--core-accent-blue-tertiary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-tertiary:hover, .core-btn-accent-blue-tertiary:active, .core-btn-accent-blue-tertiary:visited {
  --core-bg-btn:darken(var(--core-accent-blue-tertiary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-tertiary {
  --core-border-accent-blue-tertiary: var(--core-accent-blue-tertiary);
  border: 0.0625rem solid var(--core-border-accent-blue-tertiary);
}
.core-btn-outline-accent-blue-tertiary:hover, .core-btn-outline-accent-blue-tertiary:active, .core-btn-outline-accent-blue-tertiary:visited {
  --core-bg-accent-blue-tertiary: var(--core-accent-blue-tertiary);
  --core-color-accent-blue-tertiary: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-tertiary);
  color: var(--core-color-accent-blue-tertiary);
}
.core-btn-accent-blue-quaternary {
  --core-bg-btn: var(--core-accent-blue-quaternary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-quaternary:hover, .core-btn-accent-blue-quaternary:active, .core-btn-accent-blue-quaternary:visited {
  --core-bg-btn:darken(var(--core-accent-blue-quaternary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-quaternary {
  --core-border-accent-blue-quaternary: var(--core-accent-blue-quaternary);
  border: 0.0625rem solid var(--core-border-accent-blue-quaternary);
}
.core-btn-outline-accent-blue-quaternary:hover, .core-btn-outline-accent-blue-quaternary:active, .core-btn-outline-accent-blue-quaternary:visited {
  --core-bg-accent-blue-quaternary: var(--core-accent-blue-quaternary);
  --core-color-accent-blue-quaternary: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-quaternary);
  color: var(--core-color-accent-blue-quaternary);
}
.core-btn-accent-blue-hover {
  --core-bg-btn: var(--core-accent-blue-hover);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-hover:hover, .core-btn-accent-blue-hover:active, .core-btn-accent-blue-hover:visited {
  --core-bg-btn:darken(var(--core-accent-blue-hover), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-hover {
  --core-border-accent-blue-hover: var(--core-accent-blue-hover);
  border: 0.0625rem solid var(--core-border-accent-blue-hover);
}
.core-btn-outline-accent-blue-hover:hover, .core-btn-outline-accent-blue-hover:active, .core-btn-outline-accent-blue-hover:visited {
  --core-bg-accent-blue-hover: var(--core-accent-blue-hover);
  --core-color-accent-blue-hover: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-hover);
  color: var(--core-color-accent-blue-hover);
}
.core-btn-accent-blue-click {
  --core-bg-btn: var(--core-accent-blue-click);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-blue-click:hover, .core-btn-accent-blue-click:active, .core-btn-accent-blue-click:visited {
  --core-bg-btn:darken(var(--core-accent-blue-click), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-blue-click {
  --core-border-accent-blue-click: var(--core-accent-blue-click);
  border: 0.0625rem solid var(--core-border-accent-blue-click);
}
.core-btn-outline-accent-blue-click:hover, .core-btn-outline-accent-blue-click:active, .core-btn-outline-accent-blue-click:visited {
  --core-bg-accent-blue-click: var(--core-accent-blue-click);
  --core-color-accent-blue-click: var(--core-extras-white);
  background-color: var(--core-bg-accent-blue-click);
  color: var(--core-color-accent-blue-click);
}
.core-btn-accent-orange-primary {
  --core-bg-btn: var(--core-accent-orange-primary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-orange-primary:hover, .core-btn-accent-orange-primary:active, .core-btn-accent-orange-primary:visited {
  --core-bg-btn:darken(var(--core-accent-orange-primary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-orange-primary {
  --core-border-accent-orange-primary: var(--core-accent-orange-primary);
  border: 0.0625rem solid var(--core-border-accent-orange-primary);
}
.core-btn-outline-accent-orange-primary:hover, .core-btn-outline-accent-orange-primary:active, .core-btn-outline-accent-orange-primary:visited {
  --core-bg-accent-orange-primary: var(--core-accent-orange-primary);
  --core-color-accent-orange-primary: var(--core-extras-white);
  background-color: var(--core-bg-accent-orange-primary);
  color: var(--core-color-accent-orange-primary);
}
.core-btn-accent-orange-secondary {
  --core-bg-btn: var(--core-accent-orange-secondary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-orange-secondary:hover, .core-btn-accent-orange-secondary:active, .core-btn-accent-orange-secondary:visited {
  --core-bg-btn:darken(var(--core-accent-orange-secondary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-orange-secondary {
  --core-border-accent-orange-secondary: var(--core-accent-orange-secondary);
  border: 0.0625rem solid var(--core-border-accent-orange-secondary);
}
.core-btn-outline-accent-orange-secondary:hover, .core-btn-outline-accent-orange-secondary:active, .core-btn-outline-accent-orange-secondary:visited {
  --core-bg-accent-orange-secondary: var(--core-accent-orange-secondary);
  --core-color-accent-orange-secondary: var(--core-extras-white);
  background-color: var(--core-bg-accent-orange-secondary);
  color: var(--core-color-accent-orange-secondary);
}
.core-btn-accent-orange-tertiary {
  --core-bg-btn: var(--core-accent-orange-tertiary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-orange-tertiary:hover, .core-btn-accent-orange-tertiary:active, .core-btn-accent-orange-tertiary:visited {
  --core-bg-btn:darken(var(--core-accent-orange-tertiary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-orange-tertiary {
  --core-border-accent-orange-tertiary: var(--core-accent-orange-tertiary);
  border: 0.0625rem solid var(--core-border-accent-orange-tertiary);
}
.core-btn-outline-accent-orange-tertiary:hover, .core-btn-outline-accent-orange-tertiary:active, .core-btn-outline-accent-orange-tertiary:visited {
  --core-bg-accent-orange-tertiary: var(--core-accent-orange-tertiary);
  --core-color-accent-orange-tertiary: var(--core-extras-white);
  background-color: var(--core-bg-accent-orange-tertiary);
  color: var(--core-color-accent-orange-tertiary);
}
.core-btn-accent-orange-quaternary {
  --core-bg-btn: var(--core-accent-orange-quaternary);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-accent-orange-quaternary:hover, .core-btn-accent-orange-quaternary:active, .core-btn-accent-orange-quaternary:visited {
  --core-bg-btn:darken(var(--core-accent-orange-quaternary), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-accent-orange-quaternary {
  --core-border-accent-orange-quaternary: var(--core-accent-orange-quaternary);
  border: 0.0625rem solid var(--core-border-accent-orange-quaternary);
}
.core-btn-outline-accent-orange-quaternary:hover, .core-btn-outline-accent-orange-quaternary:active, .core-btn-outline-accent-orange-quaternary:visited {
  --core-bg-accent-orange-quaternary: var(--core-accent-orange-quaternary);
  --core-color-accent-orange-quaternary: var(--core-extras-white);
  background-color: var(--core-bg-accent-orange-quaternary);
  color: var(--core-color-accent-orange-quaternary);
}
.core-btn-successful {
  --core-bg-btn: var(--core-successful);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-successful:hover, .core-btn-successful:active, .core-btn-successful:visited {
  --core-bg-btn:darken(var(--core-successful), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-successful {
  --core-border-successful: var(--core-successful);
  border: 0.0625rem solid var(--core-border-successful);
}
.core-btn-outline-successful:hover, .core-btn-outline-successful:active, .core-btn-outline-successful:visited {
  --core-bg-successful: var(--core-successful);
  --core-color-successful: var(--core-extras-white);
  background-color: var(--core-bg-successful);
  color: var(--core-color-successful);
}
.core-btn-attention {
  --core-bg-btn: var(--core-attention);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-attention:hover, .core-btn-attention:active, .core-btn-attention:visited {
  --core-bg-btn:darken(var(--core-attention), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-attention {
  --core-border-attention: var(--core-attention);
  border: 0.0625rem solid var(--core-border-attention);
}
.core-btn-outline-attention:hover, .core-btn-outline-attention:active, .core-btn-outline-attention:visited {
  --core-bg-attention: var(--core-attention);
  --core-color-attention: var(--core-extras-white);
  background-color: var(--core-bg-attention);
  color: var(--core-color-attention);
}
.core-btn-error {
  --core-bg-btn: var(--core-error);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-error:hover, .core-btn-error:active, .core-btn-error:visited {
  --core-bg-btn:darken(var(--core-error), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-error {
  --core-border-error: var(--core-error);
  border: 0.0625rem solid var(--core-border-error);
}
.core-btn-outline-error:hover, .core-btn-outline-error:active, .core-btn-outline-error:visited {
  --core-bg-error: var(--core-error);
  --core-color-error: var(--core-extras-white);
  background-color: var(--core-bg-error);
  color: var(--core-color-error);
}
.core-btn-white {
  --core-bg-btn: var(--core-white);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-white:hover, .core-btn-white:active, .core-btn-white:visited {
  --core-bg-btn:darken(var(--core-white), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-white {
  --core-border-white: var(--core-extras-white);
  border: 0.0625rem solid var(--core-border-white);
}
.core-btn-outline-white:hover, .core-btn-outline-white:active, .core-btn-outline-white:visited {
  --core-bg-white: var(--core-white);
  --core-color-white: var(--core-extras-white);
  background-color: var(--core-bg--extras-white);
  color: var(--core-color-white);
}
.core-btn-danger {
  --core-bg-btn: var(--core-danger);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-danger:hover, .core-btn-danger:active, .core-btn-danger:visited {
  --core-bg-btn:darken(var(--core-danger), 10%);
  background-color: var(--core-bg-btn);
  color: var(--core-color-btn);
}
.core-btn-outline-danger {
  --core-border-danger: var(--core-extras-danger);
  border: 0.0625rem solid var(--core-border-danger);
}
.core-btn-outline-danger:hover, .core-btn-outline-danger:active, .core-btn-outline-danger:visited {
  --core-bg-danger: var(--core-danger);
  --core-color-danger: var(--core-extras-white);
  background-color: var(--core-bg--extras-danger);
  color: var(--core-color-danger);
}

.core-border {
  border-style: solid;
  border-width: 0.0625rem;
  border-color: var(--core-border) !important;
}
.core-border-top {
  border-style: solid;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-width: 0.0625rem;
  border-color: var(--core-border) !important;
}
.core-border-bottom {
  border-style: solid;
  border-left: none;
  border-right: none;
  border-top: none;
  border-width: 0.0625rem;
  border-color: var(--core-border) !important;
}
.core-border-start {
  border-style: solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-width: 0.0625rem;
  border-color: var(--core-border) !important;
}
.core-border-end {
  border-style: solid;
  border-left: none;
  border-top: none;
  border-bottom: none;
  border-width: 0.0625rem;
  border-color: var(--core-border) !important;
}
.core-border-width-1 {
  border-width: 0.125rem !important;
}
.core-border-width-2 {
  border-width: 0.25rem !important;
}
.core-border-width-3 {
  border-width: 0.375rem !important;
}
.core-border-width-4 {
  border-width: 0.5rem !important;
}
.core-border-color-primary {
  --core-border: var(--core-color-primary);
}
.core-border-color-secondary {
  --core-border: var(--core-color-secondary);
}
.core-border-color-tertiary {
  --core-border: var(--core-color-tertiary);
}
.core-border-color-quaternary {
  --core-border: var(--core-color-quaternary);
}
.core-border-color-disabled {
  --core-border: var(--core-color-disabled);
}
.core-border-stroke {
  --core-border: var(--core-grey-stroke);
}
.core-border-dividers {
  --core-border: var(--core-grey-dividers);
}
.core-border-accent-blue-primary {
  --core-border: var(--core-accent-blue-primary);
}
.core-border-accent-blue-secondary {
  --core-border: var(--core-accent-blue-secondary);
}
.core-border-accent-blue-tertiary {
  --core-border: var(--core-accent-blue-tertiary);
}
.core-border-accent-blue-quaternary {
  --core-border: var(--core-accent-blue-quaternary);
}
.core-border-accent-blue-hover {
  --core-border: var(--core-accent-blue-hover);
}
.core-border-accent-blue-click {
  --core-border: var(--core-accent-blue-click);
}
.core-border-accent-orange-primary {
  --core-border: var(--core-accent-orange-primary);
}
.core-border-accent-orange-secondary {
  --core-border: var(--core-accent-orange-secondary);
}
.core-border-accent-orange-tertiary {
  --core-border: var(--core-accent-orange-tertiary);
}
.core-border-accent-orange-quaternary {
  --core-border: var(--core-accent-orange-quaternary);
}
.core-border-successful {
  --core-border: var(--core-system-successful);
}
.core-border-attention {
  --core-border: var(--core-system-attention);
}
.core-border-error {
  --core-border: var(--core-system-error);
}
.core-border-white {
  --core-border: var(--core-extras-white);
}
.core-border-danger {
  --core-border: var(--core-extras-danger);
}

.core-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--core-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--core-callout-border, var(--bs-gray-300));
}
.core-callout-color-primary {
  --core-callout-bg: rgba(var(--core-rgb-color-primary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-color-primary), 0.5);
}
.core-callout-color-secondary {
  --core-callout-bg: rgba(var(--core-rgb-color-secondary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-color-secondary), 0.5);
}
.core-callout-color-tertiary {
  --core-callout-bg: rgba(var(--core-rgb-color-tertiary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-color-tertiary), 0.5);
}
.core-callout-color-quaternary {
  --core-callout-bg: rgba(var(--core-rgb-color-quaternary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-color-quaternary), 0.5);
}
.core-callout-color-disabled {
  --core-callout-bg: rgba(var(--core-rgb-color-disabled), 0.075);
  --core-callout-border: rgba(var(--core-rgb-color-disabled), 0.5);
}
.core-callout-primary {
  --core-callout-bg: rgba(var(--core-rgb-primary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-primary), 0.5);
}
.core-callout-secondary {
  --core-callout-bg: rgba(var(--core-rgb-secondary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-secondary), 0.5);
}
.core-callout-disabled {
  --core-callout-bg: rgba(var(--core-rgb-disabled), 0.075);
  --core-callout-border: rgba(var(--core-rgb-disabled), 0.5);
}
.core-callout-accent-blue-primary {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-primary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-primary), 0.5);
}
.core-callout-accent-blue-secondary {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-secondary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-secondary), 0.5);
}
.core-callout-accent-blue-tertiary {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-tertiary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-tertiary), 0.5);
}
.core-callout-accent-blue-quaternary {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-quaternary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-quaternary), 0.5);
}
.core-callout-accent-blue-hover {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-hover), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-hover), 0.5);
}
.core-callout-accent-blue-click {
  --core-callout-bg: rgba(var(--core-rgb-accent-blue-click), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-blue-click), 0.5);
}
.core-callout-accent-orange-primary {
  --core-callout-bg: rgba(var(--core-rgb-accent-orange-primary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-orange-primary), 0.5);
}
.core-callout-accent-orange-secondary {
  --core-callout-bg: rgba(var(--core-rgb-accent-orange-secondary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-orange-secondary), 0.5);
}
.core-callout-accent-orange-tertiary {
  --core-callout-bg: rgba(var(--core-rgb-accent-orange-tertiary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-orange-tertiary), 0.5);
}
.core-callout-accent-orange-quaternary {
  --core-callout-bg: rgba(var(--core-rgb-accent-orange-quaternary), 0.075);
  --core-callout-border: rgba(var(--core-rgb-accent-orange-quaternary), 0.5);
}
.core-callout-successful {
  --core-callout-bg: rgba(var(--core-rgb-successful), 0.075);
  --core-callout-border: rgba(var(--core-rgb-successful), 0.5);
}
.core-callout-attention {
  --core-callout-bg: rgba(var(--core-rgb-attention), 0.075);
  --core-callout-border: rgba(var(--core-rgb-attention), 0.5);
}
.core-callout-error {
  --core-callout-bg: rgba(var(--core-rgb-error), 0.075);
  --core-callout-border: rgba(var(--core-rgb-error), 0.5);
}
.core-callout-white {
  --core-callout-bg: rgba(var(--core-rgb-white), 0.075);
  --core-callout-border: rgba(var(--core-rgb-white), 0.5);
}
.core-callout-danger {
  --core-callout-bg: rgba(var(--core-rgb-danger), 0.075);
  --core-callout-border: rgba(var(--core-rgb-danger), 0.5);
}

.core-form-control {
  color: var(--core-color-primary) !important;
  border-color: var(--core-form-control-border) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--core-form-control-box-shadow), 0.25) !important;
}
.core-form-control-color-primary:focus {
  --core-form-control-box-shadow:var(--core-rgb-color-primary);
  --core-form-control-border: var(--core-color-primary);
}
.core-form-control-color-secondary:focus {
  --core-form-control-box-shadow:var(--core-rgb-color-secondary);
  --core-form-control-border: var(--core-color-secondary);
}
.core-form-control-color-tertiary:focus {
  --core-form-control-box-shadow:var(--core-rgb-color-tertiary);
  --core-form-control-border: var(--core-color-tertiary);
}
.core-form-control-color-quaternary:focus {
  --core-form-control-box-shadow:var(--core-rgb-color-quaternary);
  --core-form-control-border: var(--core-color-quaternary);
}
.core-form-control-color-disabled:focus {
  --core-form-control-box-shadow:var(--core-rgb-color-disabled);
  --core-form-control-border: var(--core-color-disabled);
}
.core-form-control-stroke:focus {
  --core-form-control-border: var(--core-grey-stroke);
}
.core-form-control-dividers:focus {
  --core-form-control-border: var(--core-grey-dividers);
}
.core-form-control-accent-blue-primary:focus {
  --core-form-control-border:var(--core-accent-blue-primary);
}
.core-form-control-accent-blue-secondary:focus {
  --core-form-control-border:var(--core-accent-blue-secondary);
}
.core-form-control-accent-blue-tertiary:focus {
  --core-form-control-border:var(--core-accent-blue-tertiary);
}
.core-form-control-accent-blue-quaternary:focus {
  --core-form-control-border:var(--core-accent-blue-quaternary);
}
.core-form-control-accent-blue-hover:focus {
  --core-form-control-border:var(--core-accent-blue-hover);
}
.core-form-control-accent-blue-click:focus {
  --core-form-control-border:var(--core-accent-blue-click);
}
.core-form-control-accent-orange-primary:focus {
  --core-form-control-border: var(--core-accent-orange-primary);
}
.core-form-control-accent-orange-secondary:focus {
  --core-form-control-border: var(--core-accent-orange-secondary);
}
.core-form-control-accent-orange-tertiary:focus {
  --core-form-control-border: var(--core-accent-orange-tertiary);
}
.core-form-control-accent-orange-quaternary:focus {
  --core-form-control-border: var(--core-accent-orange-quaternary);
}
.core-form-control-successful:focus {
  --core-form-control-border: var(--core-system-successful);
}
.core-form-control-attention:focus {
  --core-form-control-border: var(--core-system-attention);
}
.core-form-control-error:focus {
  --core-form-control-border: var(--core-system-error);
}
.core-form-control-white:focus {
  --core-form-control-border: var(--core-extras-white);
}
.core-form-control-danger:focus {
  --core-form-control-border: var(--core-extras-danger);
}

body {
  background-color: var(--core-bg-primary);
  color: var(--core-color-primary);
  font-size: var(--core-s-regular);
  font-family: var(--core-font-family-primary);
}
@media (min-width: 768px) {
  body {
    font-size: var(--core-m-regular);
  }
}
@media (min-width: 1200px) {
  body {
    font-size: var(--core-regular);
  }
}

.callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  background-color: var(--core-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--core-callout-border, var(--bs-gray-300));
}
.callout-danger {
  --core-callout-bg: rgba(var(--core-rgb-danger), 0.075);
  --core-callout-border: rgba(var(--core-rgb-danger), 0.5);
}

.loader-height {
  min-height: 65vh;
}

.barloader {
  width: 20rem;
  height: 1.25rem;
  box-shadow: 0 0 0 2px var(--core-grey-dividers);
  animation: barloader infinite 6s linear;
}
@keyframes barloader {
  0% {
    border-right: 16rem solid var(--core-bg-secondary);
    border-left: 0px solid var(--core-bg-secondary);
  }
  50% {
    border-right: 0px solid var(--core-bg-secondary);
    border-left: 16rem solid var(--core-bg-secondary);
  }
  100% {
    border-right: 16rem solid var(--core-bg-secondary);
    border-left: 0px solid var(--core-bg-secondary);
  }
}

.overflow {
  overflow: auto;
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: var(--corebgsecondary); /* scroll thumb and track */
}
.overflow::-webkit-scrollbar {
  width: 12px; /* width of the entire scrollbar */
}
.overflow::-webkit-scrollbar-track {
  background: var(--corebgsecondary); /* color of the tracking area */
}
.overflow::-webkit-scrollbar-thumb {
  background-color: var(--coreaccent-blueaccent-blue-primary); /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid var(--coreaccent-blueaccent-blue-hover); /* creates padding around scroll thumb */
}