:root {
 --b: 0,0,0;
 --l: 255,255,255;
 --l-f: 0.6;
 --l-t: 0.9;
 --d: 0,0,0;
 --d-f: 0.0;
 --d-t: 0.4;
 --cg: 220,122,4;
 --offd: 51,51,51;
 --offl: 170,170,170;
}
::placeholder {
 color: rgb(var(--offd));
}
:focus-visible {
 outline-color: rgb(var(--cg));
 border-color: rgb(var(--cg));
}
@media (prefers-color-scheme: dark) {
 :root {
  --d: 255,255,255;
  --d-f: 0.4;
  --d-t: 0.8;
  --l: 0,0,0;
  --l-f: 0.4;
  --l-t: 0.8;
  --offl: 51,51,51;
  --offd: 170,170,170;
 }
 :focus-visible {
  /*this is currently broken, it just ends up white, so need to set to none*/
  outline-style: none;
 }
}

 html {
  position: relative;
  min-height: 100%;
 }

input[type=checkbox], .img_checkbox-unselected, .img_checkbox-selected {
 border: 1px solid rgb(var(--cg)) !important;
}

#blazor-questionnaire-grid .k-animation-container,
#blazor-questionnaire-grid .k-window {
 margin-top: -200px;
}