:root {
  --highlight-light: rgb(100 229 250 / 100%);
  --highlight: rgb(0 173 239 / 100%);
  --highlight-dark: rgb(0 100 172 / 100%);
  --ok-light: rgb(208 246 155 / 100%);
  --ok: rgb(154 227 88 / 100%);
  --ok-dark: rgb(88 163 44 / 100%);
  --info-light: rgb(238 243 245 / 100%);
  --info: rgb(213 220 224 / 100%);
  --info-dark: rgb(107 135 161 / 100%);
  --warning-light: rgb(255 238 141 / 100%);
  --warning: rgb(255 220 65 / 100%);
  --warning-dark: rgb(183 150 32 / 100%);
  --alert-light: rgb(255 163 138 / 100%);
  --alert: rgb(255 70 61 / 100%);
  --alert-dark: rgb(183 30 49 / 100%);
  --info-background-color: rgb(213 220 224 / 100%);
  --info-font-color: black;
  --highlight-background-color: rgb(0 100 172 / 100%);
  --highlight-font-color: white;
  --alternative-background-color: rgb(0 29 41 / 100%);
  --alternative-font-color: white;
  --topbar-background-color: white;
  --topbar-font-color: black;
  --topbar-section-color: none;
  --topbar-item-background-color: none;
  --topbar-item-border-color: rgb(213 220 224 / 100%);
  --highlight-topbar-color: rgb(213 220 224 / 100%);
  --menu-font-color: black;
  --menu-background-color: rgb(107 135 161 / 100%);
  --modal-background-color: white;
  --modal-box-background-color: rgb(213 220 224 / 100%);
  --modal-box-section-color: white;
  --body-background-color: none;
  --iframe-background-color: none;
}

.highlight_user_text,
.highlight_item_text {
  color: black;
}

.previous::before,
.next::after {
  border-color: rgb(88 163 44 / 100%);
}

modal-box {
  background: linear-gradient(180deg, var(--modal-box-background-color) 30%, rgb(255 255 255 / 0%) 100%);
}

modal-box::after {
  background: linear-gradient(0deg, var(--modal-background-color) 30%, rgb(255 255 255 / 0%) 100%);
}

:checked + radio-select > label:not(:last-child) {
  border-color: var(--info);
  background-color: var(--info);
}

:checked + radio-select > label:not(:last-child):hover {
  background-color: var(--info-dark);
}

top-bar {
  background-color: white;
}

radio-select > :checked + label {
  color: white;
}

@font-face {
  font-family: Mulish;
  src: url(/static/fonts/mulish-v1-latin-regular.woff);
}

:root {
  font-family: Mulish, sans-serif !important;
}

.logo {
  background: center / contain no-repeat url("./image");
}