:root {
  --brand-lemon-lime: #C1F320;
  --brand-blue-zircon: #41FDFE;
  --brand-black-pearl: #001524;
}
:root {
  --background-colour: var(--brand-black-pearl);
  --primary-colour: var(--brand-blue-zircon);
  --background-highlight-colour: color-mix(in srgb, var(--brand-black-pearl), white 5%);
  --text-colour: white;
  --border-colour: color-mix(in srgb, var(--brand-black-pearl), white 15%);
  --white: color-mix(in srgb, var(--brand-black-pearl), white 5%);
}
:root {
  --header-background-colour: var(--background-highlight-colour);
  --menu-background-colour: var(--background-highlight-colour);
}
.popup-content {
  background-color: var(--background-highlight-colour);
}
.radio-select-style:after {
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 15px;
  height: 15px;
  border: solid 1px #cccaca;
  border-radius: 50%;
  content: "";
}
.radio-select-style[selected]:after,
.radio-select-style.selected:after {
  width: 17px;
  height: 17px;
  right: 9px;
  top: 7px;
  font-weight: 900;
  border: solid 6px #2BD1D2;
}
/*
    Any styles to override auth pages would go here.
*/
.auth-body-container {
  --white: color-mix(in srgb, var(--brand-black-pearl), white 5%);
}