@charset "UTF-8";
/*

We gebruiken zo veel mogelijk gewone html elementen die we stylen volgens ons thema. Als we geen goed element vinden en ook geen aria-role, dan maken we er nieuwe met behulp van classes. Idem als we een custom onderverdeling willen maken in bestaande html elementen of aria dingen (bvb: buttons).

Verschillende statussen voor bovenstaande elementen/aria-role/classes targetten we zo veel mogelijk met pseudo-selectors en aria-state. Als er "state"s zijn die we daarmee niet kunnen targetten (bvb: a - href naar url van huidige pagina) dan gebruiken we daar ook een class voor, met prefix "is_". Omdat dit een nieuwe pseudo-selector is, prefixen we die niet met de huidige class.

Om niet in de problemen te komen gebruiken we ITCSS om een ruwe onderverdeling te hebben:

Settings
Tools
Generic
Elements – Hier zit veel van onze css, zoals hierboven beschreven. Bestaande html elementen + aria-role's zitten hier.
Objects – Flou, maar hier probeer ik nieuwe elementen/role's te steken die padding / margin / layout beïnvloeden, dus meer structureel (lists bvb).
Components – Hier nieuwe elementen/roles die "kleiner" zijn: speciale buttons, links, icons, ...
Utilities – One-off Specialekes

States zet ik net onder de betreffende elementen/role's

Kleuren pak ik uit de kleuren variabelen, die we kunnen themen. Padding / margin etc gebruik ik geen vars voor, die theme ik toch niet en maakt het alleen maar moeilijker. Probeer veelvoud van 8, anders veelvoud van 4.

*/
body {
  --grey-000: #fafafa;
  --grey-100: #f1f3f5;
  --grey-150: #e8ebf0;
  --grey-200: #dde0e5;
  --grey-300: #bcc5d3;
  --grey-400: #8e9bb0;
  --grey-500: #62748e;
  --grey-700: #355689;
  --grey-800: #1e3a5f;
  --grey-900: #142f57;
  --red-100: #fef2f2;
  --blue-100: #f0f4ff;
  --blue-500: #3366ff;
  --green-100: #f5fff0;
  --green-300: #d5ffbf;
  --green-500: #a5e386;
  --green-700: #6da155;
  --green-900: #184404;
  --bg-white: white;
  --accent-000: #fffcf8;
  --accent-100: #fff4e4;
  --accent-300: #ffe1b3;
  --accent-500: #f8bb60;
  --accent-700: #a17638;
  --accent-900: #49320f;
  --viewportminusnav: calc(100vh - 47px);
  --leftbarwidth: 280px;
  --box-shadow-small: 0px 2px 0px 0px var(--grey-200);
  --box-shadow-medium:
    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --box-shadow-large: 0px 2px 8px 4px rgba(0, 0, 0, 0.3);
  --input-height: 48px;
}
@media (min-width: 1600px) {
  body {
    --leftbarwidth: 320px;
  }
}
@media (max-width: 768px) {
  body {
    --leftbarwidth: 100%;
  }
}

body {
  background-color: var(--bg-white);
}

body.dark {
  --bg-white: hsl(216deg 42.82% 21%);
  --grey-000: hsl(216deg 42.82% 22.5%);
  --grey-100: hsl(216deg 34.02% 27.99%);
  --grey-200: hsl(216deg 27.02% 33.99%);
  --grey-300: hsl(216deg 22.02% 38.99%);
  --grey-400: #28395a;
  --grey-700: hsl(216deg 10.02% 50.99%);
  --grey-900: #e5e9ef;
  --accent-100: #49320f;
  --accent-300: #f8bb60;
  --accent-500: #f8bb60;
  --accent-900: #fff4e4;
}

body.dark nav.Style_side_nav {
  background-color: var(--bg-white);
}
body.dark nav.Style_side_nav a {
  color: var(--grey-900);
}
body.dark nav.Style_side_nav h1 {
  color: var(--grey-700);
}
body.dark header {
  border-color: var(--grey-400);
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("fonts/Inter-Regular.77812e2fead777db0dc806b1eaabc7fd.woff2") format("woff2"), url("fonts/Inter-Regular.41cd7069d7f578a69690178b818c0a2c.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: auto;
  src: url("fonts/Inter-SemiBold.3d011804596fb2ccde4af51830a9a7d5.woff2") format("woff2"), url("fonts/Inter-SemiBold.8a12c702fa5c5e3ceed33f78e72b9bee.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url("fonts/Inter-Bold.741dc4163a97ffa354979f18802f6ca8.woff2") format("woff2"), url("fonts/Inter-Bold.895ddea987172f5a34a727cb0b559c9d.woff") format("woff");
}
body,
.Style_reset_text {
  font-size: 16px;
  font-weight: 400;
  font-family: Inter;
  color: var(--grey-900);
  letter-spacing: -0.011em;
  line-height: 1.7;
  text-transform: none;
}

input[type=submit],
button,
.Style_button,
.Style_button_blue_bright,
.Style_button_red,
.Style_button_white,
.Style_button_accent_outline,
.Style_button_grey_outline,
.Style_button_accent,
a {
  cursor: pointer;
}

button:disabled, .Style_button:disabled, .Style_button_blue_bright:disabled, .Style_button_red:disabled, .Style_button_white:disabled, .Style_button_accent_outline:disabled, .Style_button_grey_outline:disabled, .Style_button_accent:disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}

hr {
  background-color: var(--grey-200);
}

h1 {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--grey-500);
  margin-bottom: 4px;
  letter-spacing: -0.0025em;
}

h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  h2 {
    font-size: 18px;
  }
}
h2:target {
  background-color: var(--accent-500);
}

h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  h3 {
    font-size: 16px;
  }
}

label {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--grey-500);
  margin-bottom: 4px;
  letter-spacing: -0.0025em;
  color: var(--grey-900);
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: 0em;
}
label .Style_input_like {
  text-transform: initial;
  font-weight: initial;
}
.Style_questionnaire label {
  text-transform: initial;
  font-weight: initial;
  letter-spacing: initial;
  font-size: initial;
}

a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  display: inline-block;
}
a:hover {
  background-color: var(--accent-100);
}

em,
b {
  font-weight: 600;
  font-style: normal;
}

article {
  margin-bottom: 16px;
}

section {
  margin-bottom: 32px;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.3);
}

dialog {
  border: 0px;
  padding: 0px;
  background-color: transparent;
  outline: none;
  margin: auto !important;
  max-height: 95vh;
}
dialog > .Style_panel, .Style_composite_filter_container dialog > .Style_composite_filter_container {
  width: 100vw;
  max-width: 800px;
}

i {
  width: 14px;
  font-size: 14px;
  color: inherit;
  display: inline-block;
  margin-right: 12px;
  position: relative;
  font-style: normal;
}

nav.Style_side_nav {
  background-color: var(--grey-900);
  min-height: var(--viewportminusnav);
  background-image: url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg");
  background-repeat: no-repeat;
  background-position-y: 60px;
  background-size: var(--leftbarwidth);
  overflow-y: hidden;
}
@media print {
  nav.Style_side_nav {
    display: none;
  }
}
@media (max-width: 768px) {
  nav.Style_side_nav {
    display: none;
  }
  .Style_next_nav_toggled_visible + nav.Style_side_nav, nav.Style_side_nav.Style_toggled_visible {
    display: block;
    position: absolute;
    left: 0px;
    width: 100vw;
    top: 47px;
    z-index: 30;
  }
}
@media (min-width: 769px) {
  nav.Style_side_nav {
    display: block;
    width: var(--leftbarwidth);
    min-width: var(--leftbarwidth);
    position: relative;
    z-index: 20;
  }
}
nav.Style_side_nav > details > summary {
  display: flex;
  align-items: center;
  display: inline-flex;
}
nav.Style_side_nav > details > summary > span:nth-child(2) {
  flex: 1;
}
nav.Style_side_nav > details > summary > .Style_chevron,
nav.Style_side_nav > details > summary > .Style_dot {
  position: relative;
  top: 1px;
  margin-right: 16px;
}
nav.Style_side_nav > details > summary > .Style_chevron > i,
nav.Style_side_nav > details > summary > .Style_dot > i {
  transition: transform 0.2s linear;
  transform-origin: center;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  line-height: 14px;
  width: auto;
  position: static;
}
nav.Style_side_nav > details > summary > .Style_dot {
  margin-right: 8px;
}
nav.Style_side_nav > details > summary > .Style_dot > i {
  color: var(--accent-500);
}
nav.Style_side_nav > details:open > summary > .Style_chevron > i {
  transform: rotate(-90deg);
}
nav.Style_side_nav > details > a {
  padding-left: 44px;
  display: inline-block;
}
nav.Style_side_nav > details > a > i {
  color: var(--grey-500);
}
nav.Style_side_nav a,
nav.Style_side_nav > details > summary {
  width: 100%;
  color: var(--grey-200);
  text-decoration: none;
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-left: 4px solid transparent;
}
nav.Style_side_nav a.Style_is_active,
nav.Style_side_nav > details > summary.Style_is_active {
  background-color: rgba(255, 255, 255, 0.05);
  font-weight: 600;
  color: var(--accent-500);
  border-left: 4px solid var(--accent-500);
}
nav.Style_side_nav a.Style_is_active i,
nav.Style_side_nav > details > summary.Style_is_active i {
  color: var(--accent-500);
}
nav.Style_side_nav a:hover,
nav.Style_side_nav > details > summary:hover {
  background-color: var(--grey-700);
}
nav.Style_side_nav a:hover .Style_nav_counter_seperator,
nav.Style_side_nav > details > summary:hover .Style_nav_counter_seperator {
  color: var(--grey-700);
}
nav.Style_side_nav a em,
nav.Style_side_nav > details > summary em {
  min-width: 24px;
  padding: 0px 8px;
  height: 100%;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  float: right;
  margin-right: 8px;
  font-size: 14px;
  position: relative;
  top: 2px;
  color: var(--grey-200);
  background-color: var(--grey-700);
  font-style: normal;
}
nav.Style_side_nav a .Style_nav_counter_seperator,
nav.Style_side_nav > details > summary .Style_nav_counter_seperator {
  display: inline-block;
  width: 14px;
  font-size: 20px;
  position: relative;
  top: 3px;
  color: var(--grey-900);
  line-height: 1px;
}
nav.Style_side_nav a {
  font-size: 1rem;
  padding: 6px 8px 6px 16px;
}
nav.Style_side_nav > details > summary,
nav.Style_side_nav > a {
  padding: 12px 8px 12px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
nav.Style_side_nav .Style_next_link_em_down + a {
  color: var(--grey-500);
}
nav.Style_side_nav i {
  color: var(--grey-300);
}
nav.Style_side_nav h1 {
  margin-top: 32px;
  margin-bottom: 0px;
  position: relative;
  z-index: 10;
  color: var(--grey-300);
}
nav.Style_side_nav h1:first-child {
  margin-top: 0px;
}
nav.Style_side_nav hr {
  background-color: var(--grey-700);
}
nav.Style_side_nav .Fontawesome_icon_info_solid::before {
  position: relative;
  left: 4px;
}

header.Style_header_for_side_nav {
  height: 47px;
  color: var(--grey-700);
  border-bottom: 1px solid var(--grey-200);
  display: flex;
  z-index: 20;
  background-color: var(--bg-white);
  /* Links etc */
}
@media print {
  header.Style_header_for_side_nav {
    display: none;
  }
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav {
    flex-direction: column;
    height: auto;
    border-bottom: none;
  }
}
header.Style_header_for_side_nav > h1 {
  width: var(--leftbarwidth);
  min-width: var(--leftbarwidth);
  height: 47px;
  font-size: 18px;
  letter-spacing: -0.011em;
  /* padding: 0px 16px; */
  font-weight: 600;
  margin: 0px;
  display: flex;
  align-items: center;
  color: var(--grey-100);
  text-transform: none;
  background-color: var(--grey-900);
  opacity: 0.95;
  position: relative;
  overflow-y: hidden;
}
header.Style_header_for_side_nav > h1.Style_is_active {
  color: var(--accent-500);
}
header.Style_header_for_side_nav > h1.Style_is_active i {
  color: var(--accent-500);
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > h1 {
    width: 100%;
  }
}
header.Style_header_for_side_nav > h1 img {
  width: var(--leftbarwidth);
  position: absolute;
  top: 0px;
  left: 0px;
}
header.Style_header_for_side_nav > h1 button, header.Style_header_for_side_nav > h1 .Style_button, header.Style_header_for_side_nav > h1 .Style_button_blue_bright, header.Style_header_for_side_nav > h1 .Style_button_red, header.Style_header_for_side_nav > h1 .Style_button_white, header.Style_header_for_side_nav > h1 .Style_button_accent_outline, header.Style_header_for_side_nav > h1 .Style_button_grey_outline, header.Style_header_for_side_nav > h1 .Style_button_accent {
  display: none;
  color: inherit;
  border-radius: 0px;
  padding: 0px;
  height: 100%;
  width: 48px;
  position: relative;
  text-align: center;
  background-color: transparent;
  min-width: unset;
}
header.Style_header_for_side_nav > h1 button i, header.Style_header_for_side_nav > h1 .Style_button i, header.Style_header_for_side_nav > h1 .Style_button_blue_bright i, header.Style_header_for_side_nav > h1 .Style_button_red i, header.Style_header_for_side_nav > h1 .Style_button_white i, header.Style_header_for_side_nav > h1 .Style_button_accent_outline i, header.Style_header_for_side_nav > h1 .Style_button_grey_outline i, header.Style_header_for_side_nav > h1 .Style_button_accent i {
  width: 16px;
  margin-right: 0px;
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > h1 button, header.Style_header_for_side_nav > h1 .Style_button, header.Style_header_for_side_nav > h1 .Style_button_blue_bright, header.Style_header_for_side_nav > h1 .Style_button_red, header.Style_header_for_side_nav > h1 .Style_button_white, header.Style_header_for_side_nav > h1 .Style_button_accent_outline, header.Style_header_for_side_nav > h1 .Style_button_grey_outline, header.Style_header_for_side_nav > h1 .Style_button_accent {
    display: block;
  }
}
header.Style_header_for_side_nav > h1 a {
  color: inherit;
  text-decoration: inherit;
}
header.Style_header_for_side_nav > h1 a:hover {
  background-color: var(--grey-700);
}
header.Style_header_for_side_nav > div {
  display: flex;
  align-items: center;
  color: var(--grey-900);
  border-left: 16px solid var(--accent-500);
  flex: 1;
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > div {
    flex-direction: column;
    align-items: flex-end;
    background-color: var(--grey-900);
    color: var(--grey-100);
    padding-left: 0px;
    border-left: 0px;
    border-bottom: 4px solid var(--accent-500);
    background-image: url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg");
    background-repeat: no-repeat;
    background-position-y: -47px;
    background-size: var(--leftbarwidth);
  }
}
header.Style_header_for_side_nav > div a,
header.Style_header_for_side_nav > div h1 {
  color: inherit;
  padding: 0px 12px;
  height: 100%;
  margin: 0px 4px;
  display: inline-flex;
  align-items: center;
  line-height: 1.2rem;
  text-transform: inherit;
  letter-spacing: inherit;
  font-size: inherit;
  text-decoration: none;
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > div a,
  header.Style_header_for_side_nav > div h1 {
    padding: 8px 16px;
    margin: 0px;
  }
}
header.Style_header_for_side_nav > div h1 {
  font-weight: 600;
}
header.Style_header_for_side_nav > div a.Style_is_active {
  border-top: 4px solid transparent;
  border-bottom: 4px solid var(--grey-700);
  font-weight: 600;
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > div a.Style_is_active {
    border-top: 0px;
    border-bottom: 0px;
  }
}
header.Style_header_for_side_nav > div a:hover {
  background-color: inherit;
  border-top: 4px solid transparent;
  border-bottom: 4px solid var(--accent-100);
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > div a:hover {
    border-top: 0px;
    border-bottom: 0px;
  }
}
header.Style_header_for_side_nav > a {
  transform: scale(1.2);
  transform-origin: top;
}
@media (max-width: 768px) {
  header.Style_header_for_side_nav > a {
    display: none;
  }
}

.Style_header_for_side_nav .Style_account_dropdown_container {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: auto;
  flex: 0 1 48px;
  border: 0px;
  color: var(--grey-900);
  font-size: 16px;
}
.Style_header_for_side_nav .Style_account_dropdown_container button, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_blue_bright, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_red, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_white, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_accent_outline, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_grey_outline, .Style_header_for_side_nav .Style_account_dropdown_container .Style_button_accent {
  font-size: 29px;
  border: 0px;
  background-color: var(--grey-200);
}
@media (max-width: 768px) {
  .Style_header_for_side_nav .Style_account_dropdown_container {
    position: fixed;
    top: 0;
    right: 0;
    height: 47px;
    z-index: 21;
  }
}
.Style_header_for_side_nav .Style_account_dropdown_container .Style_account_dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  background-color: var(--bg-white);
  border: 1px solid var(--grey-200);
  box-shadow: var(--box-shadow-medium);
  z-index: 1000;
}
.Style_header_for_side_nav .Style_account_dropdown_container .Style_account_dropdown a {
  display: block;
  padding: 12px 16px 8px;
  margin: 0px;
  border: none !important;
  border-bottom: 1px solid var(--grey-100) !important;
}
.Style_header_for_side_nav .Style_account_dropdown_container .Style_account_dropdown a:hover {
  background-color: var(--grey-100);
}
@media (max-width: 768px) {
  .Style_header_for_side_nav .Style_account_dropdown_container .Style_account_dropdown {
    width: 100vw;
  }
}

.Style_full_width_center_800, nav.Style_nav_large_top_public, nav.Style_nav_large_top_student, header.Style_header_large_top {
  padding-left: calc((100vw - 800px) / 2);
  padding-right: calc((100vw - 800px) / 2);
}
@media (max-width: 816px) {
  .Style_full_width_center_800, nav.Style_nav_large_top_public, nav.Style_nav_large_top_student, header.Style_header_large_top {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.Style_full_width_center_1028 {
  padding-left: calc((100vw - 1028px) / 2);
  padding-right: calc((100vw - 1028px) / 2);
}
@media (max-width: 1042px) {
  .Style_full_width_center_1028 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.Style_full_width_center_800, nav.Style_nav_large_top_public, nav.Style_nav_large_top_student, header.Style_header_large_top,
.Style_full_width_center_1028 {
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  max-width: unset;
}

.Style_full_width_grey_top_section {
  background-color: var(--grey-100);
  color: var(--grey-900);
  padding-top: 24px;
  padding-bottom: 16px;
}

header.Style_header_large_top {
  height: 160px;
  background-image: url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg"), url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg");
  background-repeat: no-repeat;
  background-color: var(--grey-900);
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  color: var(--grey-200);
  background-position: 55% 20px, 0px bottom;
  background-size: 340px, 348px;
  border-bottom: 8px solid var(--accent-500);
  justify-content: flex-end;
}
header.Style_header_large_top h1 {
  font-size: 22px;
  color: inherit;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0px;
  font-weight: 400;
}
header.Style_header_large_top h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 1em;
}
@media (max-width: 768px) {
  header.Style_header_large_top {
    background-image: url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg");
    background-repeat: no-repeat;
    height: 90px;
    position: sticky;
    top: 0px;
    z-index: 9999;
    padding-left: 16px;
    padding-right: 16px;
  }
  header.Style_header_large_top h1 {
    font-size: 16px;
  }
  header.Style_header_large_top h2 {
    font-size: 24px;
  }
}

nav.Style_nav_large_top_student {
  color: var(--grey-900);
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: var(--bg-white);
}
nav.Style_nav_large_top_student a {
  padding: 16px;
  padding-bottom: 8px;
  display: inline-block;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
@media (max-width: 768px) {
  nav.Style_nav_large_top_student a {
    font-size: 0.9rem;
    padding: 10px 6px 4px;
  }
}
nav.Style_nav_large_top_student a.Style_is_active {
  border-bottom: 3px solid var(--grey-700);
  font-weight: bold;
}
@media (max-width: 768px) {
  nav.Style_nav_large_top_student a.Style_is_active {
    border-bottom-width: 4px;
  }
}
nav.Style_nav_large_top_student a:hover {
  border-bottom-color: var(--grey-300);
  background-color: initial;
}
@media (max-width: 768px) {
  nav.Style_nav_large_top_student {
    padding-left: 8px;
    padding-right: 4px;
    display: flex;
    position: sticky;
    top: 90px;
    z-index: 10000;
    border-bottom: 1px solid var(--grey-150);
  }
}
nav.Style_nav_large_top_student a.Style_is_active {
  border-bottom-color: var(--grey-900);
}

nav.Style_nav_large_top_public {
  background-color: var(--bg-white);
  padding-top: 4px;
  padding-bottom: 4px;
}
nav.Style_nav_large_top_public ul li {
  padding: 4px 0px;
}
nav.Style_nav_large_top_public h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 4px 0px;
  font-weight: bold;
}
nav.Style_nav_large_top_public h3 i {
  transition: transform 0.25s linear 0s;
  top: -1px;
  transform-origin: center;
  line-height: 1em;
}
@media (max-width: 768px) {
  nav.Style_nav_large_top_public {
    padding-left: 8px;
    padding-right: 4px;
  }
}

.Style_body {
  display: flex;
}
@media (max-width: 768px) {
  .Style_body {
    flex-direction: column;
  }
}

.Style_header_large_top + .Style_body {
  display: initial;
}

.Style_bg_grey, main .Style_cancel_main_margins, main .Style_page_title {
  background-color: var(--grey-100);
}

main {
  max-width: 1080px;
  padding: 16px 32px;
  flex: 1;
  margin: 0px auto;
}
@media (max-width: 768px) {
  main {
    padding: 16px;
    padding-bottom: 32px;
    width: 100%;
  }
  .Style_next_nav_toggled_visible + nav + main, nav.Style_toggled_visible + main {
    display: none;
  }
}
main .Style_cancel_main_margins, main .Style_page_title {
  margin-left: min((1080px - (100vw + 64px - var(--leftbarwidth))) / 2, -32px);
  margin-right: min((1080px - (100vw + 64px - var(--leftbarwidth))) / 2, -32px);
  padding-left: max((100vw - var(--leftbarwidth) - 1080px) / 2 + 32px, 32px);
  padding-right: max((100vw - var(--leftbarwidth) - 1080px) / 2 + 32px, 32px);
  margin-top: -16px;
  padding-top: 32px;
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  main .Style_cancel_main_margins, main .Style_page_title {
    padding-top: 16px;
  }
}

.Style_page_title {
  text-transform: none;
  background-color: var(--grey-100);
  padding-bottom: 12px !important;
  color: var(--grey-900);
  font-size: 22px;
}
body.Style_body_off_white main .Style_page_title {
  background-color: var(--grey-100);
}
.Style_page_title > div:first-child {
  margin-left: -32px;
}
.Style_page_title > div:nth-child(2) {
  margin-right: -32px;
}
.Style_page_title i {
  color: var(--accent-500);
  font-size: 20px;
  margin-right: 24px;
}
.Style_page_title .Style_page_title_breadcrumb {
  font-size: 19px;
  text-decoration-thickness: 1px;
  padding: 0px;
  line-height: 1.4rem;
}
.Style_page_title .Style_page_title_breadcrumb:hover {
  filter: brightness(0.9);
}
.Style_page_title .Style_page_title_seperator {
  font-size: 20px;
  margin-left: 4px;
  margin-right: 4px;
}
.Style_page_title .Style_page_title_seperator::before {
  content: " / ";
}

.Style_layout_seperate_aside {
  display: flex;
}
.Style_layout_seperate_aside > aside {
  margin-right: 32px;
}
@media (max-width: 768px) {
  .Style_layout_seperate_aside > aside {
    margin-right: 0px;
  }
}
.Style_layout_seperate_aside > *:nth-child(2) {
  flex: 1;
}
@media (max-width: 768px) {
  .Style_layout_seperate_aside {
    flex-direction: column;
  }
}

aside {
  min-height: var(--viewportminusnav);
  display: block;
  width: var(--leftbarwidth);
  padding: 16px;
  border-right: 1px solid var(--grey-200);
}
@media (max-width: 768px) {
  aside {
    min-height: unset;
  }
}

button, .Style_button, .Style_button_blue_bright, .Style_button_red, .Style_button_white, .Style_button_accent_outline, .Style_button_grey_outline, .Style_button_accent {
  padding: 12px 24px;
  /* font-weight: $font-weight-semi-bold; */
  background-color: var(--grey-700);
  color: var(--grey-100);
  border: none;
  border-bottom: 1px solid var(--grey-900);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  min-width: 120px;
  display: inline-block;
  text-align: center;
  line-height: 1.15rem;
}
button i, .Style_button i, .Style_button_blue_bright i, .Style_button_red i, .Style_button_white i, .Style_button_accent_outline i, .Style_button_grey_outline i, .Style_button_accent i {
  margin-right: 20px;
  color: var(--grey-200);
  position: initial;
  opacity: 0.85;
}
button:hover, .Style_button:hover, .Style_button_blue_bright:hover, .Style_button_red:hover, .Style_button_white:hover, .Style_button_accent_outline:hover, .Style_button_grey_outline:hover, .Style_button_accent:hover {
  background-color: var(--grey-900);
  color: var(--grey-100);
}

button + button, .Style_button + button, .Style_button_blue_bright + button, .Style_button_red + button, .Style_button_white + button, .Style_button_accent_outline + button, .Style_button_grey_outline + button, .Style_button_accent + button, button + .Style_button, button + .Style_button_blue_bright, button + .Style_button_red, button + .Style_button_white, button + .Style_button_accent_outline, button + .Style_button_grey_outline, button + .Style_button_accent, .Style_button + .Style_button, .Style_button_blue_bright + .Style_button, .Style_button + .Style_button_blue_bright, .Style_button_blue_bright + .Style_button_blue_bright, .Style_button_red + .Style_button, .Style_button_red + .Style_button_blue_bright, .Style_button + .Style_button_red, .Style_button_blue_bright + .Style_button_red, .Style_button_red + .Style_button_red, .Style_button_white + .Style_button, .Style_button_white + .Style_button_blue_bright, .Style_button_white + .Style_button_red, .Style_button + .Style_button_white, .Style_button_blue_bright + .Style_button_white, .Style_button_red + .Style_button_white, .Style_button_white + .Style_button_white, .Style_button_accent_outline + .Style_button, .Style_button_accent_outline + .Style_button_blue_bright, .Style_button_accent_outline + .Style_button_red, .Style_button_accent_outline + .Style_button_white, .Style_button + .Style_button_accent_outline, .Style_button_blue_bright + .Style_button_accent_outline, .Style_button_red + .Style_button_accent_outline, .Style_button_white + .Style_button_accent_outline, .Style_button_accent_outline + .Style_button_accent_outline, .Style_button_grey_outline + .Style_button, .Style_button_grey_outline + .Style_button_blue_bright, .Style_button_grey_outline + .Style_button_red, .Style_button_grey_outline + .Style_button_white, .Style_button_grey_outline + .Style_button_accent_outline, .Style_button + .Style_button_grey_outline, .Style_button_blue_bright + .Style_button_grey_outline, .Style_button_red + .Style_button_grey_outline, .Style_button_white + .Style_button_grey_outline, .Style_button_accent_outline + .Style_button_grey_outline, .Style_button_grey_outline + .Style_button_grey_outline, .Style_button_accent + .Style_button, .Style_button_accent + .Style_button_blue_bright, .Style_button_accent + .Style_button_red, .Style_button_accent + .Style_button_white, .Style_button_accent + .Style_button_accent_outline, .Style_button_accent + .Style_button_grey_outline, .Style_button + .Style_button_accent, .Style_button_blue_bright + .Style_button_accent, .Style_button_red + .Style_button_accent, .Style_button_white + .Style_button_accent, .Style_button_accent_outline + .Style_button_accent, .Style_button_grey_outline + .Style_button_accent, .Style_button_accent + .Style_button_accent {
  margin-left: 8px;
}

.Style_align_right button + button, .Style_align_right .Style_button + button, .Style_align_right .Style_button_blue_bright + button, .Style_align_right .Style_button_red + button, .Style_align_right .Style_button_white + button, .Style_align_right .Style_button_accent_outline + button, .Style_align_right .Style_button_grey_outline + button, .Style_align_right .Style_button_accent + button, .Style_align_right button + .Style_button, .Style_align_right button + .Style_button_blue_bright, .Style_align_right button + .Style_button_red, .Style_align_right button + .Style_button_white, .Style_align_right button + .Style_button_accent_outline, .Style_align_right button + .Style_button_grey_outline, .Style_align_right button + .Style_button_accent, .Style_align_right .Style_button + .Style_button, .Style_align_right .Style_button_blue_bright + .Style_button, .Style_align_right .Style_button + .Style_button_blue_bright, .Style_align_right .Style_button_blue_bright + .Style_button_blue_bright, .Style_align_right .Style_button_red + .Style_button, .Style_align_right .Style_button_red + .Style_button_blue_bright, .Style_align_right .Style_button + .Style_button_red, .Style_align_right .Style_button_blue_bright + .Style_button_red, .Style_align_right .Style_button_red + .Style_button_red, .Style_align_right .Style_button_white + .Style_button, .Style_align_right .Style_button_white + .Style_button_blue_bright, .Style_align_right .Style_button_white + .Style_button_red, .Style_align_right .Style_button + .Style_button_white, .Style_align_right .Style_button_blue_bright + .Style_button_white, .Style_align_right .Style_button_red + .Style_button_white, .Style_align_right .Style_button_white + .Style_button_white, .Style_align_right .Style_button_accent_outline + .Style_button, .Style_align_right .Style_button_accent_outline + .Style_button_blue_bright, .Style_align_right .Style_button_accent_outline + .Style_button_red, .Style_align_right .Style_button_accent_outline + .Style_button_white, .Style_align_right .Style_button + .Style_button_accent_outline, .Style_align_right .Style_button_blue_bright + .Style_button_accent_outline, .Style_align_right .Style_button_red + .Style_button_accent_outline, .Style_align_right .Style_button_white + .Style_button_accent_outline, .Style_align_right .Style_button_accent_outline + .Style_button_accent_outline, .Style_align_right .Style_button_grey_outline + .Style_button, .Style_align_right .Style_button_grey_outline + .Style_button_blue_bright, .Style_align_right .Style_button_grey_outline + .Style_button_red, .Style_align_right .Style_button_grey_outline + .Style_button_white, .Style_align_right .Style_button_grey_outline + .Style_button_accent_outline, .Style_align_right .Style_button + .Style_button_grey_outline, .Style_align_right .Style_button_blue_bright + .Style_button_grey_outline, .Style_align_right .Style_button_red + .Style_button_grey_outline, .Style_align_right .Style_button_white + .Style_button_grey_outline, .Style_align_right .Style_button_accent_outline + .Style_button_grey_outline, .Style_align_right .Style_button_grey_outline + .Style_button_grey_outline, .Style_align_right .Style_button_accent + .Style_button, .Style_align_right .Style_button_accent + .Style_button_blue_bright, .Style_align_right .Style_button_accent + .Style_button_red, .Style_align_right .Style_button_accent + .Style_button_white, .Style_align_right .Style_button_accent + .Style_button_accent_outline, .Style_align_right .Style_button_accent + .Style_button_grey_outline, .Style_align_right .Style_button + .Style_button_accent, .Style_align_right .Style_button_blue_bright + .Style_button_accent, .Style_align_right .Style_button_red + .Style_button_accent, .Style_align_right .Style_button_white + .Style_button_accent, .Style_align_right .Style_button_accent_outline + .Style_button_accent, .Style_align_right .Style_button_grey_outline + .Style_button_accent, .Style_align_right .Style_button_accent + .Style_button_accent {
  margin-left: unset;
}

.Style_delete_panel + button, .Style_delete_panel + .Style_button, .Style_delete_panel + .Style_button_blue_bright, .Style_delete_panel + .Style_button_red, .Style_delete_panel + .Style_button_white, .Style_delete_panel + .Style_button_accent_outline, .Style_delete_panel + .Style_button_grey_outline, .Style_delete_panel + .Style_button_accent {
  margin-left: 8px;
}

.Style_button_has_only_icon {
  font-size: 1em;
  min-width: unset;
}
.Style_button_has_only_icon i {
  margin-right: 0px !important;
}

.Style_button_round {
  border-radius: 100px;
  width: 48px;
  height: 48px;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.Style_checkbox {
  text-transform: none;
  display: block;
  font-size: 1rem;
  letter-spacing: -0.011em;
  color: var(--grey-900);
  font-weight: 400;
}

input[type=checkbox] {
  vertical-align: baseline;
  margin-right: 8px;
}

input[type=search],
input[type=text],
input[type=password],
input[type=time],
input[type=tel],
input[type=number],
input[type=email],
input[type=date],
input[type=color],
select,
textarea,
.Style_input_like {
  border: 1px solid transparent;
  height: var(--input-height);
  border-radius: 8px;
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 16px;
  font-size: 1rem;
  letter-spacing: 0.011em;
  font-family: Inter;
}
.Style_input_with_icon input[type=search],
.Style_input_with_icon input[type=text],
.Style_input_with_icon input[type=password],
.Style_input_with_icon input[type=time],
.Style_input_with_icon input[type=tel],
.Style_input_with_icon input[type=number],
.Style_input_with_icon input[type=email],
.Style_input_with_icon input[type=date],
.Style_input_with_icon input[type=color],
.Style_input_with_icon select,
.Style_input_with_icon textarea,
.Style_input_with_icon .Style_input_like {
  padding-left: 56px;
}
input[type=search]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=time]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=color]:focus,
select:focus,
textarea:focus,
.Style_input_like:focus {
  border: 1px solid var(--grey-900);
}
input[type=search].has_error:not(.user_is_typing), .has_error input[type=search]:not(.user_is_typing),
input[type=text].has_error:not(.user_is_typing),
.has_error input[type=text]:not(.user_is_typing),
input[type=password].has_error:not(.user_is_typing),
.has_error input[type=password]:not(.user_is_typing),
input[type=time].has_error:not(.user_is_typing),
.has_error input[type=time]:not(.user_is_typing),
input[type=tel].has_error:not(.user_is_typing),
.has_error input[type=tel]:not(.user_is_typing),
input[type=number].has_error:not(.user_is_typing),
.has_error input[type=number]:not(.user_is_typing),
input[type=email].has_error:not(.user_is_typing),
.has_error input[type=email]:not(.user_is_typing),
input[type=date].has_error:not(.user_is_typing),
.has_error input[type=date]:not(.user_is_typing),
input[type=color].has_error:not(.user_is_typing),
.has_error input[type=color]:not(.user_is_typing),
select.has_error:not(.user_is_typing),
.has_error select:not(.user_is_typing),
textarea.has_error:not(.user_is_typing),
.has_error textarea:not(.user_is_typing),
.Style_input_like.has_error:not(.user_is_typing),
.has_error .Style_input_like:not(.user_is_typing) {
  border: 1px solid red;
  outline-color: red;
  background-color: var(--red-100);
}
.Style_condensed_inputs input[type=search],
.Style_condensed_inputs input[type=text],
.Style_condensed_inputs input[type=password],
.Style_condensed_inputs input[type=time],
.Style_condensed_inputs input[type=tel],
.Style_condensed_inputs input[type=number],
.Style_condensed_inputs input[type=email],
.Style_condensed_inputs input[type=date],
.Style_condensed_inputs input[type=color],
.Style_condensed_inputs select,
.Style_condensed_inputs textarea,
.Style_condensed_inputs .Style_input_like {
  margin-bottom: 4px;
  padding: 3px 16px;
  --input-height: 32px;
}

.has_error input[type=checkbox] + span {
  text-decoration: underline;
  text-decoration-color: red;
  text-decoration-thickness: 2px;
}

.has_error.Style_checkbox.Style_input_like input[type=checkbox] + span {
  text-decoration: none;
}

input[type=search],
input[type=text],
input[type=password],
input[type=time],
input[type=tel],
input[type=number],
input[type=email],
input[type=date],
input[type=color],
select,
textarea,
.Style_input_like,
.Style_editor_window {
  background-color: var(--grey-100);
  color: var(--grey-900);
}
input[type=search]:hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=time]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=date]:hover,
input[type=color]:hover,
select:hover,
textarea:hover,
.Style_input_like:hover,
.Style_editor_window:hover {
  filter: brightness(0.9);
}
.Style_bg_grey input[type=search], main .Style_cancel_main_margins input[type=search], main .Style_page_title input[type=search],
.Style_bg_grey input[type=text],
main .Style_cancel_main_margins input[type=text],
main .Style_page_title input[type=text],
.Style_bg_grey input[type=password],
main .Style_cancel_main_margins input[type=password],
main .Style_page_title input[type=password],
.Style_bg_grey input[type=time],
main .Style_cancel_main_margins input[type=time],
main .Style_page_title input[type=time],
.Style_bg_grey input[type=tel],
main .Style_cancel_main_margins input[type=tel],
main .Style_page_title input[type=tel],
.Style_bg_grey input[type=number],
main .Style_cancel_main_margins input[type=number],
main .Style_page_title input[type=number],
.Style_bg_grey input[type=email],
main .Style_cancel_main_margins input[type=email],
main .Style_page_title input[type=email],
.Style_bg_grey input[type=date],
main .Style_cancel_main_margins input[type=date],
main .Style_page_title input[type=date],
.Style_bg_grey input[type=color],
main .Style_cancel_main_margins input[type=color],
main .Style_page_title input[type=color],
.Style_bg_grey select,
main .Style_cancel_main_margins select,
main .Style_page_title select,
.Style_bg_grey textarea,
main .Style_cancel_main_margins textarea,
main .Style_page_title textarea,
.Style_bg_grey .Style_input_like,
main .Style_cancel_main_margins .Style_input_like,
main .Style_page_title .Style_input_like,
.Style_bg_grey .Style_editor_window,
main .Style_cancel_main_margins .Style_editor_window,
main .Style_page_title .Style_editor_window {
  background-color: var(--grey-200);
}
.Style_body_off_white .Style_bg_grey input[type=search], .Style_body_off_white main .Style_cancel_main_margins input[type=search], main .Style_body_off_white .Style_cancel_main_margins input[type=search], .Style_body_off_white main .Style_page_title input[type=search], main .Style_body_off_white .Style_page_title input[type=search],
.Style_body_off_white .Style_bg_grey input[type=text],
.Style_body_off_white main .Style_cancel_main_margins input[type=text],
main .Style_body_off_white .Style_cancel_main_margins input[type=text],
.Style_body_off_white main .Style_page_title input[type=text],
main .Style_body_off_white .Style_page_title input[type=text],
.Style_body_off_white .Style_bg_grey input[type=password],
.Style_body_off_white main .Style_cancel_main_margins input[type=password],
main .Style_body_off_white .Style_cancel_main_margins input[type=password],
.Style_body_off_white main .Style_page_title input[type=password],
main .Style_body_off_white .Style_page_title input[type=password],
.Style_body_off_white .Style_bg_grey input[type=time],
.Style_body_off_white main .Style_cancel_main_margins input[type=time],
main .Style_body_off_white .Style_cancel_main_margins input[type=time],
.Style_body_off_white main .Style_page_title input[type=time],
main .Style_body_off_white .Style_page_title input[type=time],
.Style_body_off_white .Style_bg_grey input[type=tel],
.Style_body_off_white main .Style_cancel_main_margins input[type=tel],
main .Style_body_off_white .Style_cancel_main_margins input[type=tel],
.Style_body_off_white main .Style_page_title input[type=tel],
main .Style_body_off_white .Style_page_title input[type=tel],
.Style_body_off_white .Style_bg_grey input[type=number],
.Style_body_off_white main .Style_cancel_main_margins input[type=number],
main .Style_body_off_white .Style_cancel_main_margins input[type=number],
.Style_body_off_white main .Style_page_title input[type=number],
main .Style_body_off_white .Style_page_title input[type=number],
.Style_body_off_white .Style_bg_grey input[type=email],
.Style_body_off_white main .Style_cancel_main_margins input[type=email],
main .Style_body_off_white .Style_cancel_main_margins input[type=email],
.Style_body_off_white main .Style_page_title input[type=email],
main .Style_body_off_white .Style_page_title input[type=email],
.Style_body_off_white .Style_bg_grey input[type=date],
.Style_body_off_white main .Style_cancel_main_margins input[type=date],
main .Style_body_off_white .Style_cancel_main_margins input[type=date],
.Style_body_off_white main .Style_page_title input[type=date],
main .Style_body_off_white .Style_page_title input[type=date],
.Style_body_off_white .Style_bg_grey input[type=color],
.Style_body_off_white main .Style_cancel_main_margins input[type=color],
main .Style_body_off_white .Style_cancel_main_margins input[type=color],
.Style_body_off_white main .Style_page_title input[type=color],
main .Style_body_off_white .Style_page_title input[type=color],
.Style_body_off_white .Style_bg_grey select,
.Style_body_off_white main .Style_cancel_main_margins select,
main .Style_body_off_white .Style_cancel_main_margins select,
.Style_body_off_white main .Style_page_title select,
main .Style_body_off_white .Style_page_title select,
.Style_body_off_white .Style_bg_grey textarea,
.Style_body_off_white main .Style_cancel_main_margins textarea,
main .Style_body_off_white .Style_cancel_main_margins textarea,
.Style_body_off_white main .Style_page_title textarea,
main .Style_body_off_white .Style_page_title textarea,
.Style_body_off_white .Style_bg_grey .Style_input_like,
.Style_body_off_white main .Style_cancel_main_margins .Style_input_like,
main .Style_body_off_white .Style_cancel_main_margins .Style_input_like,
.Style_body_off_white main .Style_page_title .Style_input_like,
main .Style_body_off_white .Style_page_title .Style_input_like,
.Style_body_off_white .Style_bg_grey .Style_editor_window,
.Style_body_off_white main .Style_cancel_main_margins .Style_editor_window,
main .Style_body_off_white .Style_cancel_main_margins .Style_editor_window,
.Style_body_off_white main .Style_page_title .Style_editor_window,
main .Style_body_off_white .Style_page_title .Style_editor_window {
  background-color: var(--grey-300);
}
.Style_readonly_form input[type=search],
.Style_readonly_form input[type=text],
.Style_readonly_form input[type=password],
.Style_readonly_form input[type=time],
.Style_readonly_form input[type=tel],
.Style_readonly_form input[type=number],
.Style_readonly_form input[type=email],
.Style_readonly_form input[type=date],
.Style_readonly_form input[type=color],
.Style_readonly_form select,
.Style_readonly_form textarea,
.Style_readonly_form .Style_input_like,
.Style_readonly_form .Style_editor_window {
  background-color: var(--grey-300);
  pointer-events: none;
}
.Style_readonly_form input[type=search]:hover,
.Style_readonly_form input[type=text]:hover,
.Style_readonly_form input[type=password]:hover,
.Style_readonly_form input[type=time]:hover,
.Style_readonly_form input[type=tel]:hover,
.Style_readonly_form input[type=number]:hover,
.Style_readonly_form input[type=email]:hover,
.Style_readonly_form input[type=date]:hover,
.Style_readonly_form input[type=color]:hover,
.Style_readonly_form select:hover,
.Style_readonly_form textarea:hover,
.Style_readonly_form .Style_input_like:hover,
.Style_readonly_form .Style_editor_window:hover {
  filter: unset;
}
.Style_panel_darker input[type=search],
.Style_panel_darker input[type=text],
.Style_panel_darker input[type=password],
.Style_panel_darker input[type=time],
.Style_panel_darker input[type=tel],
.Style_panel_darker input[type=number],
.Style_panel_darker input[type=email],
.Style_panel_darker input[type=date],
.Style_panel_darker input[type=color],
.Style_panel_darker select,
.Style_panel_darker textarea,
.Style_panel_darker .Style_input_like,
.Style_panel_darker .Style_editor_window {
  background-color: var(--bg-white);
}

input[type=email]:invalid {
  color: red;
}

input[type=email]:focus {
  color: var(--grey-900);
}

.Style_body_off_white {
  background-color: var(--grey-100);
  min-height: 100vh;
}
.Style_body_off_white aside {
  background-color: var(--bg-white);
}
.Style_body_off_white .Style_bg_grey, .Style_body_off_white main .Style_cancel_main_margins, main .Style_body_off_white .Style_cancel_main_margins, .Style_body_off_white main .Style_page_title, main .Style_body_off_white .Style_page_title {
  background-color: var(--grey-200);
}

.Style_input_like {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  min-height: var(--input-height);
  height: unset;
}
.Style_input_like.Style_checkbox {
  justify-content: initial;
  cursor: pointer;
}

select,
.Style_select_like {
  padding: 6px 1.5em 4px 1em;
  max-width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, transparent 0%, transparent 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

.has_error [role=alert] {
  color: red;
  position: relative;
  top: -16px;
  text-transform: none;
  text-align: right;
  display: block;
}

.user_is_typing + [role=alert] {
  display: none !important;
}

textarea {
  height: 140px;
}

.Style_equal_columns,
.Style_equal_columns_non_responsive {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 768px) {
  .Style_equal_columns {
    display: flex;
    flex-direction: column;
  }
}

.Style_icon_container {
  display: relative;
}
.Style_icon_container input,
.Style_icon_container select {
  padding-left: 56px;
}
.Style_icon_container::before {
  position: absolute;
  line-height: 2.5 !important;
  margin-left: 24px;
  color: var(--grey-300);
}

q {
  border: 1px solid var(--grey-200);
  border-radius: 8px;
  width: 100%;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 16px;
}
table td,
table th {
  vertical-align: top;
}
table th {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--grey-500);
  margin-bottom: 4px;
  letter-spacing: -0.0025em;
  padding: 8px 16px 4px;
}
table td {
  border-top: 1px solid var(--grey-300);
  border-bottom: 1px solid var(--grey-300);
  padding: 16px 16px;
}
table .Style_remove_table_cell_borders td {
  border-top: 0px;
  border-bottom: 0px;
}

.Style_table_audit_log td {
  border-color: var(--grey-200);
}
.Style_table_audit_log tr:last-child td {
  border-bottom-width: 0px;
}

table.Style_table_condensed td {
  padding: 6px;
  text-align: center;
  font-size: 0.9rem;
}

.Style_table_no_borders_small_padding td {
  padding: 0px;
  padding-right: 4px;
  border-top: 0px;
  border-bottom: 0px;
}
.Style_table_no_borders_small_padding th {
  padding-left: 0px;
}
.Style_table_no_borders_small_padding button, .Style_table_no_borders_small_padding .Style_button, .Style_table_no_borders_small_padding .Style_button_blue_bright, .Style_table_no_borders_small_padding .Style_button_red, .Style_table_no_borders_small_padding .Style_button_white, .Style_table_no_borders_small_padding .Style_button_accent_outline, .Style_table_no_borders_small_padding .Style_button_grey_outline, .Style_table_no_borders_small_padding .Style_button_accent {
  width: 100%;
}
.Style_table_no_borders_small_padding input,
.Style_table_no_borders_small_padding select {
  margin-bottom: 0px;
}
.Style_table_no_borders_small_padding tr:nth-child(n+2) td {
  padding-top: 4px;
}
.Style_table_no_borders_small_padding .has_error [role=alert] {
  top: 0px;
}

.Style_text_with_icon {
  display: flex;
  align-items: flex-start;
}
.Style_text_with_icon > i, .Style_text_with_icon > .Style_circle_around_icon {
  font-size: inherit;
}
.Style_text_with_icon > i::before, .Style_text_with_icon > .Style_circle_around_icon::before {
  font-size: 0.85em;
}
.Style_text_with_icon > i::after, .Style_text_with_icon > .Style_circle_around_icon::after {
  content: " ";
}
a .Style_text_with_icon > i, a .Style_text_with_icon > .Style_circle_around_icon {
  text-decoration: none;
}
.Style_text_with_icon > div:not(.Style_circle_around_icon) {
  display: inline-block;
  vertical-align: top;
  flex: 1;
}
a .Style_text_with_icon > div:not(.Style_circle_around_icon) {
  text-decoration: underline;
}

a.Style_text_with_icon {
  text-decoration: none;
}

.Style_input_with_icon {
  position: relative;
}
.Style_input_with_icon > i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 16px;
  color: var(--grey-300);
  display: flex;
  height: var(--input-height);
  align-items: center;
  justify-content: center;
  width: 56px;
  z-index: 100;
}
.Style_card .Style_input_with_icon > i, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card .Style_input_with_icon > i, .Style_dashboard_card_notification .Style_input_with_icon > i, .Style_dashboard_card_simple .Style_input_with_icon > i, .Style_card_student_start .Style_input_with_icon > i {
  color: var(--grey-400);
}

.Style_flex_responsive {
  display: flex;
}
.Style_flex_responsive > * {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .Style_flex_responsive {
    flex-direction: column;
  }
  .Style_flex_responsive > * {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 16px;
  }
}

.Style_button_small, .Style_button_small_blue,
.Style_button_em_down,
button:disabled,
.Style_button:disabled,
.Style_button_blue_bright:disabled,
.Style_button_red:disabled,
.Style_button_white:disabled,
.Style_button_accent_outline:disabled,
.Style_button_grey_outline:disabled,
.Style_button_accent:disabled {
  background-color: var(--grey-100);
  color: var(--grey-900);
  text-transform: none;
  font-weight: 400;
  border-bottom: 1px solid var(--grey-300);
  border-top: 1px solid var(--grey-000);
}
.Style_button_small i, .Style_button_small_blue i,
.Style_button_em_down i,
button:disabled i,
.Style_button:disabled i,
.Style_button_blue_bright:disabled i,
.Style_button_red:disabled i,
.Style_button_white:disabled i,
.Style_button_accent_outline:disabled i,
.Style_button_grey_outline:disabled i,
.Style_button_accent:disabled i {
  color: var(--grey-500);
}
.Style_button_small:hover, .Style_button_small_blue:hover,
.Style_button_em_down:hover,
button:disabled:hover,
.Style_button:disabled:hover,
.Style_button_blue_bright:disabled:hover,
.Style_button_red:disabled:hover,
.Style_button_white:disabled:hover,
.Style_button_accent_outline:disabled:hover,
.Style_button_grey_outline:disabled:hover,
.Style_button_accent:disabled:hover {
  background-color: var(--grey-200);
  color: var(--grey-900);
}

.Style_button_accent {
  background-color: var(--accent-500);
  color: var(--accent-900);
  border-top: 1px solid #ffe2b7;
  border-bottom: 1px solid #db9327;
}
.Style_button_accent i {
  color: var(--accent-900);
}
.Style_button_accent:hover {
  background-color: var(--accent-500);
  color: var(--accent-900);
  filter: brightness(0.9);
}

.Style_button_grey_outline {
  background-color: var(--grey-000);
  border: 1px solid var(--grey-400);
  color: var(--grey-900);
}
.Style_button_grey_outline i {
  color: currentColor;
}
.Style_button_grey_outline:hover {
  background-color: var(--grey-100);
  color: var(--grey-900);
  filter: brightness(0.9);
}

.Style_button_accent_outline {
  background-color: var(--bg-white);
  border: 1px solid var(--accent-500);
  color: var(--accent-900);
}
.Style_button_accent_outline i {
  color: currentColor;
}
.Style_button_accent_outline:hover {
  background-color: var(--bg-white);
  color: var(--accent-900);
  filter: brightness(0.9);
}

.Style_button_white {
  background-color: var(--bg-white);
  color: var(--grey-900);
  border-top: 1px solid var(--bg-white);
  border-bottom: 1px solid var(--grey-300);
}
.Style_button_white i {
  color: var(--grey-900);
}
.Style_button_white:hover {
  background-color: var(--grey-000);
  color: var(--grey-900);
  filter: brightness(0.9);
}

.Style_button_red {
  background-color: #f38e8e;
  color: black;
  border-top: 1px solid pink;
  border-bottom: 1px solid darkred;
}
.Style_button_red i {
  color: black;
}
.Style_button_red:hover {
  background-color: #f38e8e;
  filter: brightness(0.9);
}

.Style_button_green {
  background-color: var(--green-500);
  border-top-color: #dcffda;
  border-bottom-color: #002100;
  color: #003a00;
}
.Style_button_green i {
  color: #003a00;
}
.Style_button_green:hover {
  background-color: #a5e386;
  filter: brightness(0.9);
  color: #003a00;
}
.Style_button_green.Style_animate_saved_state {
  background: linear-gradient(to left, #a5e386 50%, #739e5d 50%) right;
  background-size: 200% 100%;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-name: saved_state_anim;
  animation-duration: 0.5s;
}

@keyframes saved_state_anim {
  from {
    background-position: right;
  }
  to {
    background-position: left;
  }
}
.Style_button_blue_bright {
  background-color: var(--blue-500);
  color: white;
  border-top: 1px solid #c6dcff;
  border-bottom: 1px solid #1451b0;
}
.Style_button_blue_bright i {
  color: white;
}
.Style_button_blue_bright:hover {
  background-color: #689bea;
  filter: brightness(0.9);
}

.Style_button_small, .Style_button_small_blue {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 11px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.Style_button_small i, .Style_button_small_blue i {
  margin-right: 12px;
  width: 14px;
  font-size: 10px;
}

.Style_button_small_blue {
  background-color: var(--grey-700);
  color: var(--grey-100);
  border: none;
  border-bottom: 1px solid var(--grey-900);
}
.Style_button_small_blue i {
  color: var(--grey-100);
}
.Style_button_small_blue:hover {
  background-color: var(--grey-800);
  color: var(--grey-100);
  filter: unset;
}

.Style_panel, .Style_composite_filter_container .Style_composite_filter_container {
  padding: 16px;
  border: 1px solid var(--grey-200);
  border-radius: 8px;
  margin-bottom: 16px;
  display: block;
  position: relative;
  background-color: var(--bg-white);
}
.Style_panel .Style_cancel_panel_padding, .Style_composite_filter_container .Style_composite_filter_container .Style_cancel_panel_padding {
  margin-left: -16px;
  margin-right: -16px;
}

.Style_panel_darker {
  border: 0px;
  background-color: var(--grey-100);
}

.Style_panel_as_popup {
  box-shadow: var(--box-shadow-large);
  max-height: 99vh;
  overflow-y: auto;
  margin-bottom: 0px;
}

.Style_panel_header {
  margin: -8px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
  position: relative;
}

.Style_panel_header_fancy {
  margin: -16px -16px 16px;
  border-radius: 8px 8px 0px 0px;
}
.Style_panel_header_fancy .Planning_close_popup_button {
  background-color: transparent;
}
.Style_panel_header_fancy h3 {
  opacity: 0.8;
  margin-top: -16px;
  font-size: 0.875rem;
}

.Style_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_dashboard_card_notification, .Style_dashboard_card_simple, .Style_card_student_start {
  border-radius: 8px;
  background-color: var(--grey-100);
  padding: 16px 24px;
  display: inline-block;
  box-shadow: var(--box-shadow-small);
  min-width: 220px;
  min-height: 80px;
  text-decoration: none;
}
.Style_card.Style_panel, .Style_empty_state_backdrop .Style_empty_state_container .Style_panel.Style_empty_state_card, .Style_composite_filter_container .Style_card.Style_composite_filter_container, .Style_composite_filter_container .Style_empty_state_backdrop .Style_empty_state_container .Style_composite_filter_container.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_composite_filter_container .Style_composite_filter_container.Style_empty_state_card, .Style_panel.Style_dashboard_card_notification, .Style_composite_filter_container .Style_dashboard_card_notification.Style_composite_filter_container, .Style_panel.Style_dashboard_card_simple, .Style_composite_filter_container .Style_dashboard_card_simple.Style_composite_filter_container, .Style_panel.Style_card_student_start, .Style_composite_filter_container .Style_card_student_start.Style_composite_filter_container {
  padding: 16px;
}
.Style_body_off_white .Style_card, .Style_body_off_white .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_body_off_white .Style_empty_state_card, .Style_body_off_white .Style_dashboard_card_notification, .Style_body_off_white .Style_dashboard_card_simple, .Style_body_off_white .Style_card_student_start {
  background-color: var(--bg-white);
  border: 1px solid var(--grey-300);
  border-bottom: 2px solid var(--grey-300);
}
.Style_card.Style_is_selected, .Style_empty_state_backdrop .Style_empty_state_container .Style_is_selected.Style_empty_state_card, .Style_is_selected.Style_dashboard_card_notification, .Style_is_selected.Style_dashboard_card_simple, .Style_is_selected.Style_card_student_start {
  border: 2px solid var(--accent-500);
  position: relative;
  font-weight: 600;
}
.Style_card.Style_is_selected::before, .Style_empty_state_backdrop .Style_empty_state_container .Style_is_selected.Style_empty_state_card::before, .Style_is_selected.Style_dashboard_card_notification::before, .Style_is_selected.Style_dashboard_card_simple::before, .Style_is_selected.Style_card_student_start::before {
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: var(--accent-500);
  border-radius: 8px;
}
.Style_card .Style_cancel_card_padding, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card .Style_cancel_card_padding, .Style_dashboard_card_notification .Style_cancel_card_padding, .Style_dashboard_card_simple .Style_cancel_card_padding, .Style_card_student_start .Style_cancel_card_padding {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.Style_card.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card, .Style_card_large.Style_dashboard_card_notification, .Style_card_large.Style_dashboard_card_simple, .Style_card_large.Style_card_student_start {
  padding: 24px 36px;
  width: 100%;
}
.Style_card.Style_card_large.Style_panel, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_panel.Style_empty_state_card, .Style_composite_filter_container .Style_card.Style_card_large.Style_composite_filter_container, .Style_composite_filter_container .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_composite_filter_container.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_composite_filter_container .Style_card_large.Style_composite_filter_container.Style_empty_state_card, .Style_card_large.Style_panel.Style_dashboard_card_notification, .Style_composite_filter_container .Style_card_large.Style_dashboard_card_notification.Style_composite_filter_container, .Style_card_large.Style_panel.Style_dashboard_card_simple, .Style_composite_filter_container .Style_card_large.Style_dashboard_card_simple.Style_composite_filter_container, .Style_card_large.Style_panel.Style_card_student_start, .Style_composite_filter_container .Style_card_large.Style_card_student_start.Style_composite_filter_container {
  padding: 16px;
}
.Style_card.Style_card_large .Style_cancel_card_padding, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card .Style_cancel_card_padding, .Style_card_large.Style_dashboard_card_notification .Style_cancel_card_padding, .Style_card_large.Style_dashboard_card_simple .Style_cancel_card_padding, .Style_card_large.Style_card_student_start .Style_cancel_card_padding {
  margin-left: -36px;
  margin-right: -36px;
  padding-left: 36px;
  padding-right: 36px;
}
.Style_card.Style_card_large h3, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card h3, .Style_card_large.Style_dashboard_card_notification h3, .Style_card_large.Style_dashboard_card_simple h3, .Style_card_large.Style_card_student_start h3 {
  color: var(--grey-400);
}
@media (max-width: 768px) {
  .Style_card.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card, .Style_card_large.Style_dashboard_card_notification, .Style_card_large.Style_dashboard_card_simple, .Style_card_large.Style_card_student_start {
    padding: 12px 16px;
  }
  .Style_card.Style_card_large .Style_cancel_card_padding, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card .Style_cancel_card_padding, .Style_card_large.Style_dashboard_card_notification .Style_cancel_card_padding, .Style_card_large.Style_dashboard_card_simple .Style_cancel_card_padding, .Style_card_large.Style_card_student_start .Style_cancel_card_padding {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.Style_card.Style_card_large + .Style_card.Style_card_large.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card + .Style_card.Style_card_large.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card.Style_card_large + .Style_card_large.Style_card_large.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card + .Style_card_large.Style_card_large.Style_empty_state_card, .Style_card_large.Style_dashboard_card_notification + .Style_card.Style_card_large.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_dashboard_card_notification + .Style_card_large.Style_card_large.Style_empty_state_card, .Style_card.Style_card_large + .Style_card_large.Style_card_large.Style_dashboard_card_notification, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card + .Style_card_large.Style_card_large.Style_dashboard_card_notification, .Style_card_large.Style_dashboard_card_notification + .Style_card_large.Style_card_large.Style_dashboard_card_notification, .Style_card_large.Style_dashboard_card_simple + .Style_card.Style_card_large.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_dashboard_card_simple + .Style_card_large.Style_card_large.Style_empty_state_card, .Style_card_large.Style_dashboard_card_simple + .Style_card_large.Style_card_large.Style_dashboard_card_notification, .Style_card.Style_card_large + .Style_card_large.Style_card_large.Style_dashboard_card_simple, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card + .Style_card_large.Style_card_large.Style_dashboard_card_simple, .Style_card_large.Style_dashboard_card_notification + .Style_card_large.Style_card_large.Style_dashboard_card_simple, .Style_card_large.Style_dashboard_card_simple + .Style_card_large.Style_card_large.Style_dashboard_card_simple, .Style_card_large.Style_card_student_start + .Style_card.Style_card_large.Style_card_large, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_card_student_start + .Style_card_large.Style_card_large.Style_empty_state_card, .Style_card_large.Style_card_student_start + .Style_card_large.Style_card_large.Style_dashboard_card_notification, .Style_card_large.Style_card_student_start + .Style_card_large.Style_card_large.Style_dashboard_card_simple, .Style_card.Style_card_large + .Style_card_large.Style_card_large.Style_card_student_start, .Style_empty_state_backdrop .Style_empty_state_container .Style_card_large.Style_empty_state_card + .Style_card_large.Style_card_large.Style_card_student_start, .Style_card_large.Style_dashboard_card_notification + .Style_card_large.Style_card_large.Style_card_student_start, .Style_card_large.Style_dashboard_card_simple + .Style_card_large.Style_card_large.Style_card_student_start, .Style_card_large.Style_card_student_start + .Style_card_large.Style_card_large.Style_card_student_start {
  margin-top: 16px;
}
.Style_card h3, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card h3, .Style_dashboard_card_notification h3, .Style_dashboard_card_simple h3, .Style_card_student_start h3 {
  font-size: 14px;
  color: var(--grey-500);
  margin-bottom: -6px;
}
.Style_card h1, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card h1, .Style_dashboard_card_notification h1, .Style_dashboard_card_simple h1, .Style_card_student_start h1 {
  text-transform: none;
  font-size: 20px;
  font-weight: 600;
  color: var(--grey-900);
  letter-spacing: 0em;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .Style_card h1, .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card h1, .Style_dashboard_card_notification h1, .Style_dashboard_card_simple h1, .Style_card_student_start h1 {
    font-size: 20px;
  }
}

a.Style_card:hover, .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card:hover, a.Style_dashboard_card_notification:hover, a.Style_dashboard_card_simple:hover, a.Style_card_student_start:hover,
a .Style_card:hover,
a .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card:hover,
.Style_empty_state_backdrop .Style_empty_state_container a .Style_empty_state_card:hover,
a .Style_dashboard_card_notification:hover,
a .Style_dashboard_card_simple:hover,
a .Style_card_student_start:hover {
  filter: brightness(0.95);
}

.Style_grid_card_small,
.Style_grid_card_small_always_two_columns,
.Style_grid_card_small_always_three_columns {
  display: grid;
  /* https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/ */
  grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
  grid-gap: 24px 12px;
}
.Style_grid_card_small .Style_card, .Style_grid_card_small .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_grid_card_small .Style_empty_state_card, .Style_grid_card_small .Style_dashboard_card_notification, .Style_grid_card_small .Style_dashboard_card_simple, .Style_grid_card_small .Style_card_student_start,
.Style_grid_card_small_always_two_columns .Style_card,
.Style_grid_card_small_always_two_columns .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card,
.Style_empty_state_backdrop .Style_empty_state_container .Style_grid_card_small_always_two_columns .Style_empty_state_card,
.Style_grid_card_small_always_two_columns .Style_dashboard_card_notification,
.Style_grid_card_small_always_two_columns .Style_dashboard_card_simple,
.Style_grid_card_small_always_two_columns .Style_card_student_start,
.Style_grid_card_small_always_three_columns .Style_card,
.Style_grid_card_small_always_three_columns .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card,
.Style_empty_state_backdrop .Style_empty_state_container .Style_grid_card_small_always_three_columns .Style_empty_state_card,
.Style_grid_card_small_always_three_columns .Style_dashboard_card_notification,
.Style_grid_card_small_always_three_columns .Style_dashboard_card_simple,
.Style_grid_card_small_always_three_columns .Style_card_student_start {
  min-height: 72px;
  min-width: 240px;
  display: flex;
  align-items: center;
}
.Style_grid_card_small.Style_grid_card_small_always_two_columns,
.Style_grid_card_small_always_two_columns.Style_grid_card_small_always_two_columns,
.Style_grid_card_small_always_three_columns.Style_grid_card_small_always_two_columns {
  grid-template-columns: 1fr 1fr;
}
.Style_grid_card_small.Style_grid_card_small_always_three_columns,
.Style_grid_card_small_always_two_columns.Style_grid_card_small_always_three_columns,
.Style_grid_card_small_always_three_columns.Style_grid_card_small_always_three_columns {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .Style_grid_card_small,
  .Style_grid_card_small_always_two_columns,
  .Style_grid_card_small_always_three_columns {
    grid-template-columns: 1fr;
    grid-gap: 4px 12px;
  }
  .Style_grid_card_small.Style_grid_card_small_always_two_columns, .Style_grid_card_small.Style_grid_card_small_always_three_columns,
  .Style_grid_card_small_always_two_columns.Style_grid_card_small_always_two_columns,
  .Style_grid_card_small_always_two_columns.Style_grid_card_small_always_three_columns,
  .Style_grid_card_small_always_three_columns.Style_grid_card_small_always_two_columns,
  .Style_grid_card_small_always_three_columns.Style_grid_card_small_always_three_columns {
    grid-template-columns: 1fr;
  }
}

.Style_card_accent, .Style_card_student_start {
  border: 1px solid var(--grey-300);
  border-bottom: 2px solid var(--grey-300);
  border-top: 4px solid var(--accent-500);
  background-color: var(--bg-white);
}

.Style_card_white {
  border: 1px solid var(--grey-300);
  border-bottom: 2px solid var(--grey-300);
  background-color: var(--bg-white);
  color: var(--grey-900);
}

.Style_card_student_start {
  margin-bottom: 16px;
  display: block;
}
.Style_card_student_start h2 {
  font-size: 18px;
}
@media (max-width: 768px) {
  .Style_card_student_start {
    margin: 0px -8px 16px;
    border: 0px;
    text-decoration: none;
    border-left: 4px solid var(--accent-500);
    border-radius: 0px;
  }
}
.Style_card_student_start img,
.Style_card_student_start .Style_empty_image {
  margin-right: 32px;
  border-radius: 12px;
  width: 96px;
  height: 96px;
}
@media (max-width: 768px) {
  .Style_card_student_start img,
  .Style_card_student_start .Style_empty_image {
    width: 64px;
    height: 64px;
    margin-right: 16px;
    margin-left: -12px;
  }
}
.Style_card_student_start .Style_empty_image {
  background-color: var(--grey-200);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Style_card_student_start .Style_empty_image i {
  margin: 0px;
  font-size: 2rem;
  width: 36px;
}
@media (max-width: 768px) {
  .Style_card_student_start .Style_empty_image i {
    font-size: 1.5rem;
    width: 24px;
  }
}

.Style_card_student_card_links {
  position: relative;
  margin: -16px -24px;
  margin-top: 0px;
  display: flex;
}
.Style_card_student_card_links a {
  flex-grow: 1;
  padding: 16px 12px;
  border-right: 1px solid var(--accent-300);
  border-top: 1px solid var(--accent-300);
  background-color: var(--accent-100);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  color: var(--accent-900);
}
.Style_card_student_card_links a:hover, .Style_card_student_card_links a:active {
  filter: brightness(0.9);
}
.Style_card_student_card_links a:first-child {
  padding-left: 24px;
  border-radius: 0px 0px 0px 8px;
}
@media (max-width: 768px) {
  .Style_card_student_card_links a:first-child {
    border-radius: 0px;
  }
}
.Style_card_student_card_links a:last-child {
  padding-right: 24px;
  border-right: 0px;
  border-radius: 0px 0px 8px 0px;
}
@media (max-width: 768px) {
  .Style_card_student_card_links a:last-child {
    border-radius: 0px;
  }
}

.Style_card_with_icon {
  position: relative;
  padding-left: 40px;
}
.Style_card_with_icon > i {
  background-color: var(--bg-white);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: -20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.Style_card_with_icon.Style_card_white > i {
  background-color: var(--grey-150);
  color: var(--grey-900);
}

.Style_a_around_button {
  text-decoration: none;
  line-height: 1.15;
  display: inline-flex;
}

.Style_icon_on_right {
  margin-right: 0px;
  margin-left: 12px;
}

.Style_helptext {
  font-style: italic;
}

@keyframes spinAround {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
button.Style_loading, .Style_loading.Style_button, .Style_loading.Style_button_accent, .Style_loading.Style_button_grey_outline, .Style_loading.Style_button_accent_outline, .Style_loading.Style_button_white, .Style_loading.Style_button_red, .Style_loading.Style_button_blue_bright {
  position: relative;
}

button.Style_loading::after, .Style_loading.Style_button::after, .Style_loading.Style_button_accent::after, .Style_loading.Style_button_grey_outline::after, .Style_loading.Style_button_accent_outline::after, .Style_loading.Style_button_white::after, .Style_loading.Style_button_red::after, .Style_loading.Style_button_blue_bright::after {
  left: calc(50% - 0.5em);
  top: calc(50% - 0.5em);
  position: absolute !important;
}

button.Style_loading::before, .Style_loading.Style_button::before, .Style_loading.Style_button_accent::before, .Style_loading.Style_button_grey_outline::before, .Style_loading.Style_button_accent_outline::before, .Style_loading.Style_button_white::before, .Style_loading.Style_button_red::before, .Style_loading.Style_button_blue_bright::before {
  content: "  ";
}

.Style_loading::after {
  -webkit-animation: spinAround 0.5s infinite linear;
  animation: spinAround 0.5s infinite linear;
  border: 2px solid currentColor;
  border-radius: 290486px;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

@media (max-width: 768px) {
  .Style_remove_on_phone {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .Style_only_on_phone {
    display: none !important;
  }
}
.Style_slide_in {
  animation: slide_in_anim 0.15s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

@keyframes slide_in_anim {
  from {
    transform: translateY(-12px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes slide_in_from_bot_anim {
  from {
    transform: translateY(24px);
  }
  to {
    transform: translateY(0px);
  }
}
.Style_hide_next + * {
  display: none;
}

.Style_editor_control_buttons {
  background-color: var(--grey-100);
  border-bottom: 1px solid var(--grey-300);
  position: relative;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  justify-content: flex-start;
}

.Style_editor_control_button {
  margin: 8px;
  min-width: unset;
  border: none;
  background-color: var(--grey-000);
  outline: none;
  color: var(--grey-900);
  border-radius: 4px;
  padding: 16px;
  margin-right: 0px;
}
.Style_editor_control_button:hover {
  background-color: lightgrey;
}
.Style_editor_control_button i {
  color: inherit;
}
.Style_editor_control_button.Style_editor_control_button_active {
  background-color: var(--accent-500);
}

.Style_editor_window {
  padding: 16px;
  height: 20rem;
  overflow-y: scroll;
  outline: none;
  margin-bottom: 16px;
  border-radius: 0px 0px 8px 8px;
}
.Style_editor_window i {
  width: unset;
  display: unset;
  margin-right: unset;
  position: unset;
  font-size: inherit;
  color: inherit;
}
.Style_editor_window ol,
.Style_editor_window ul {
  margin-left: 1em;
}
.Style_editor_window ul {
  list-style-type: disc;
}
.Style_editor_window h1 {
  font-size: 2em;
}
.Style_editor_window h2 {
  font-size: 1.5em;
}
.Style_editor_window a {
  color: var(--grey-700);
  text-decoration: underline;
}

.Style_file_input {
  cursor: pointer;
}
.Style_file_input input[type=file] {
  display: none;
}

.Style_button_and_panel_container {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.Style_button_and_panel_container .Style_panel, .Style_button_and_panel_container .Style_composite_filter_container .Style_composite_filter_container, .Style_composite_filter_container .Style_button_and_panel_container .Style_composite_filter_container {
  min-width: 288px;
}

.Style_listleftlayout_unread_badge {
  background-color: #4c8df3;
  color: var(--bg-white);
  width: 34px;
  height: 34px;
  border-radius: 20px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Style_listleftlayout_left {
  flex: 1 1 var(--leftbarwidth);
  min-width: 180px;
  max-width: var(--leftbarwidth);
  padding: 0px;
}

.Style_listleftlayout_left_container {
  max-height: calc(100vh - 47px); /* Navbar */
  overflow-y: auto;
  padding-bottom: 80px;
}

.Style_listleftlayout_middle {
  flex: 1 1 720px;
  /* flex: 1 1 auto; */
  /* width: 720px; */
  padding: 36px 0px;
  max-height: var(--viewportminusnav);
  overflow-y: auto;
  /* box-shadow: 0px 2px 4px 0px #BABABA; */
}

.Style_listleftlayout_middle_max_width {
  padding: 0px 32px 32px;
  margin: 0 auto;
  max-width: 900px;
}

@media (max-width: 750px) {
  .Style_listleftlayout_middle {
    box-shadow: none;
  }
  .Style_listleftlayout_middle_max_width {
    padding: 0px 12px 32px;
  }
}
.Style_listleftlayout_left_item {
  position: relative;
  padding: 16px 20px;
  /* border-left: 4px solid white; */
  background-color: var(--bg-white);
  border-bottom: 1px solid var(--grey-200);
  border-left: 1px solid var(--grey-200);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Style_listleftlayout_left_item:hover {
  background-color: var(--accent-100);
}
.Style_listleftlayout_left_item i {
  margin-right: 20px;
  font-size: 14px;
  top: 1px;
}
.Style_listleftlayout_left_item i.Fontawesome_icon_comment_alt_solid {
  color: #94bbf8;
}
.Style_listleftlayout_left_item i.Fontawesome_icon_sticky_note {
  color: #d48ee9;
}

.Style_listleftlayout_left_item_active {
  /* background-color: hsla(236, 100%, 98%, 1); */
  background-color: var(--grey-150);
  border-left: 4px solid #4e8df3;
  font-weight: bold;
  cursor: initial;
}

.Style_listleftlayout_left_item_active:hover {
  background-color: var(--grey-150);
}

.Style_messages_message_container {
  padding: 16px 24px;
  border-radius: 0px 12px 12px 12px;
  width: 85%;
  background-color: var(--bg-white);
}

.Style_messages_message_author {
  font-size: 12px;
  opacity: 0.8;
  text-align: right;
  margin-top: 8px;
  margin-bottom: -8px;
}

.Style_messages_message_meta {
  font-size: 12px;
  padding: 4px;
  margin: 0px 24px;
  margin-bottom: 8px;
  text-align: right;
}
.Style_messages_message_meta .Style_messages_message_time {
  margin-left: 16px;
  opacity: 0.6;
}

.Style_messages_message_sent_by_counterparty + .Style_messages_message_meta {
  margin-right: calc(15% + 24px);
}

.Style_messages_message_sent_by_other + .Style_messages_message_meta {
  margin-right: calc(8% + 24px);
}

.Style_messages_message_sent_by_other {
  margin: 0 auto;
  background-color: #c6c6c6;
  border-radius: 12px 12px 12px 12px;
}

.Style_messages_message_sent_by_self {
  margin: 0 0 0 auto;
  color: #eef2fb;
  background-color: #abcbff;
  border-radius: 12px 0px 12px 12px;
  /* border: 1px solid #4e8cf3; */
  color: #051c41;
}

.Style_listleftlayout_back_link {
  padding: 8px 4px;
  text-transform: uppercase;
  font-size: 13px;
  display: inline-block;
}

/* inspired by https://alistapart.com/article/expanding-text-areas-made-elegant/ */
.Style_messages_expanding_area {
  display: flex;
  position: relative;
}
.Style_messages_expanding_area > textarea {
  padding: 14px 24px;
  padding-right: 100px; /* So wrapping happens before button when typing a lot of text */
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.15;
  font-size: 1rem;
  width: 100%;
  font-style: inherit;
  min-height: 100px;
}

.Style_listleftlayout_main_ {
  border-top: 1px solid var(--grey-300);
}

@media (min-width: 1001px) {
  .Style_listleftlayout_main_ {
    display: flex;
    justify-content: center;
    height: 100%;
  }
  .Style_listleftlayout_back_link {
    display: none;
  }
}
@media (max-width: 1000px) {
  /* Remove some padding and min and max */
  .Style_listleftlayout_left {
    min-width: initial;
    max-width: initial;
    padding: initial;
  }
  .Style_listleftlayout_middle {
    padding: 0px;
    overflow-x: hidden;
  }
  /* Dont scroll on smaller screens */
  .Style_listleftlayout_left_container,
  .Style_listleftlayout_middle {
    height: initial;
    border: none;
    padding-bottom: 0px;
  }
  /* Don't show title on small screens */
  .Style_listleftlayout_left h1 {
    display: none;
  }
  /* Show left, or middle (we hide right on mobile for now) */
  .Style_listleftlayout_main_with_selection.Style_listleftlayout_main_ {
    display: block;
  }
  .Style_listleftlayout_middle {
    display: none;
  }
  .Style_listleftlayout_main_with_selection.Style_listleftlayout_main_ .Style_listleftlayout_left {
    display: none;
  }
  .Style_listleftlayout_main_with_selection.Style_listleftlayout_main_ .Style_listleftlayout_middle {
    display: block;
  }
}
.Style_notes_delete_button {
  width: 40px;
  min-width: 40px; /* button overwrite */
  padding: 0px;
  margin-bottom: 16px; /* To match Style_panel */
  margin-left: 8px;
}

.Style_notes_delete_overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background: var(--bg-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background-color 2s ease-out;
}

.Style_note_link_content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  max-width: calc(100% - 40px);
}

.Style_note_author {
  font-size: 0.85em;
  text-align: right;
}

.Style_note_contents p {
  margin-bottom: 16px;
}

.Style_timeline_left {
  min-width: 40px;
  position: relative;
}

.Style_timeline_item {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.Style_timeline_content {
  padding: 4px 16px 24px 8px; /* Hack... need right padding to show Notes_delete_button */
  flex: 1 1 auto;
  overflow-x: hidden; /* for long links in notes */
}

.Style_timeline_content > *:first-child {
  font-size: 0.85em;
  border-bottom: 1px solid #c2ccdd;
  margin-bottom: 16px;
}

@media (max-width: 750px) {
  .Style_timeline_content {
    padding-right: 8px;
  }
}
.Style_timeline_number {
  text-align: center;
  background-color: var(--grey-400);
  border-radius: 20px;
  border: 1px solid transparent;
  color: var(--bg-white);
  margin: 0px 0px;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Style_timeline_number i {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  width: 12px;
  height: 16px;
}

.Style_timeline_line {
  border-left: 2px solid var(--grey-300);
  height: calc(100% - 39px);
  margin-left: 15px;
  margin-top: 3px;
}

.Style_timeline_emphasis {
  background-color: var(--accent-500);
  scroll-margin-top: 120px;
}

.Style_timeline_number.Style_timeline_number_outline {
  border: 1px solid #4f4a4a;
  background-color: var(--bg-white);
  color: #4f4a4a;
}

.Style_timeline_item:last-child .Style_timeline_line {
  border-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;
}

.Style_autocomplete {
  text-align: left;
  position: relative;
  text-transform: none;
  color: var(--grey-900);
  font-size: 1rem;
  margin-bottom: 16px;
}
.Style_autocomplete:hover {
  background-color: var(--grey-100);
}

.Style_autocomplete ul {
  width: 100%;
  background-color: var(--bg-white);
  z-index: 20;
  top: var(--input-height);
  border: 1px solid var(--grey-300);
  border-radius: 8px;
  margin-top: 8px;
  overflow: hidden;
}
.Style_autocomplete ul:empty {
  border: 0px;
  margin: 0px;
}

.Style_autocomplete ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 7px;
}

.Style_autocomplete > label {
  display: flex;
  align-items: center;
}

.Style_autocomplete > label > input {
  margin-bottom: 0px;
}

.Style_autocomplete > label > span {
  display: block;
  flex: 1;
  text-transform: none;
  color: var(--grey-900);
  font-size: 1rem;
  font-weight: normal;
}

.Style_seethrough {
  opacity: 0.5;
}

.Style_formsection_informational {
  position: relative;
  font-size: 0.9rem;
  padding-right: 24px;
  text-transform: none;
  font-weight: initial;
  margin-bottom: 12px;
  border-left: 4px solid var(--grey-400);
  background-color: var(--grey-200);
  margin-left: 32px;
  border-radius: 0px 8px 8px 0px;
  padding: 12px;
  padding-right: 24px;
}
.Style_formsection_informational::before {
  content: "\f129";
  position: absolute;
  font-family: "fas";
  color: var(--grey-700);
  top: 2px;
  right: 8px;
}

.Style_panel_tabs {
  margin: -16px;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  margin-bottom: 16px;
  overflow: hidden;
  overflow-x: auto;
  border-bottom: 1px solid var(--grey-200);
  background-color: var(--bg-white);
}
.Style_panel_tabs > button, .Style_panel_tabs > .Style_button, .Style_panel_tabs > .Style_button_accent, .Style_panel_tabs > .Style_button_grey_outline, .Style_panel_tabs > .Style_button_accent_outline, .Style_panel_tabs > .Style_button_white, .Style_panel_tabs > .Style_button_red, .Style_panel_tabs > .Style_button_blue_bright {
  margin: 0px;
  padding: 16px;
  flex: 1;
  border: 0px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  text-decoration: none;
  background-color: var(--bg-white);
  color: var(--grey-900);
}
.Style_panel_tabs > button:hover, .Style_panel_tabs > .Style_button:hover, .Style_panel_tabs > .Style_button_accent:hover, .Style_panel_tabs > .Style_button_grey_outline:hover, .Style_panel_tabs > .Style_button_accent_outline:hover, .Style_panel_tabs > .Style_button_white:hover, .Style_panel_tabs > .Style_button_red:hover, .Style_panel_tabs > .Style_button_blue_bright:hover {
  background-color: var(--grey-100);
}
.Style_panel_tabs > .Style_is_active {
  background-color: var(--grey-700);
  color: var(--grey-100);
  cursor: initial;
}
.Style_panel_tabs > .Style_is_active:hover {
  background-color: var(--grey-700);
}

.Style_radio_one_line {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
}
.Style_radio_one_line > * {
  flex: 1;
  background-color: var(--grey-100);
  border: 0px;
  margin: 0px;
  border-radius: 0px;
  color: var(--grey-900);
}
.Style_radio_one_line > *:nth-child(n+2) {
  border-left: 1px solid var(--grey-200);
}
.Style_radio_one_line > *:hover {
  background-color: var(--grey-200);
}
.Style_radio_one_line > *.Style_is_active {
  background-color: var(--grey-700);
  color: var(--grey-100);
}

.Style_yearcalendar_month table {
  table-layout: fixed;
}

.Style_yearcalendar_month table td {
  border: none;
  font-size: 0.85em;
  padding: 0px;
  text-align: center;
  height: 40px;
  position: relative; /* to position star and lessonnumber */
}

.Style_yearcalendar_month .Style_yearcalendar_day {
  border: 1px solid var(--grey-700);
  cursor: pointer;
}

.Style_yearcalendar_day_background {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 38px; /* height cell - border */
}

.Style_yearcalendar_month td.Style_yearcalendar_day_today .Style_yearcalendar_day_background {
  border: 3px solid var(--accent-500);
  line-height: 32px; /* height cell - border */
}

.Style_yearcalendar_day:hover .Style_yearcalendar_day_background {
  background: var(--accent-100) !important;
  color: var(--accent-900) !important;
}

.Style_yearcalendar_day_selected .Style_yearcalendar_day_background,
.Style_yearcalendar_day_selected:hover .Style_yearcalendar_day_background {
  border: 2px solid black !important;
  line-height: 34px;
}

.Style_yearcalendar_month .Style_yearcalendar_day_outside_period .Style_yearcalendar_day_background {
  background: var(--grey-300);
}

.Style_yearcalendar_month .Style_yearcalendar_day_weekend .Style_yearcalendar_day_background {
  background: var(--grey-200);
}

.Style_yearcalendar_as_text_table td,
.Style_yearcalendar_as_text_table th {
  text-align: left;
  padding: 4px 8px;
}

.Style_yearcalendar_as_text_table th:nth-child(1) {
  width: 100px;
}

.Style_yearcalendar_as_text_table th:nth-child(2) {
  width: 230px;
}

.Style_popup_backdrop {
  position: fixed;
  z-index: 19;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-color: black;
  opacity: 0.2;
}

.Style_period_line > span {
  display: inline-block;
  position: relative;
  bottom: -11px;
  left: 24px;
  background-color: var(--bg-white);
  padding: 0px 8px;
  color: var(--grey-500);
}
.Style_body_off_white .Style_period_line > span {
  background-color: var(--grey-100);
}
.Style_period_line > hr {
  background-color: var(--grey-300);
  margin: 0px;
  margin-bottom: 40px;
}

.Style_floating_popup_small_layout > .Style_panel, .Style_composite_filter_container .Style_floating_popup_small_layout > .Style_composite_filter_container {
  padding-bottom: 32px;
  box-shadow: unset;
  border-radius: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}

.Style_message_on_student_profiles i {
  width: unset;
}

.Style_lessongroup_student_row {
  align-items: flex-start;
}

@media (max-width: 768px) {
  .Style_lessongroup_student_row {
    align-items: unset;
  }
  .Style_lessongroup_student_row > * {
    margin-bottom: 4px;
  }
}
.Style_lessongroup_status_indicator {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 1px solid var(--grey-700);
  border-right: 1px solid var(--grey-700);
  filter: contrast(2);
}

.Style_informational_header {
  max-width: 1080px;
  margin: 0px auto;
  background-color: var(--grey-100);
  padding: 32px 64px;
}

.Style_session_full_page {
  width: 100vw;
  min-height: 100vh;
  display: flex;
}

.Style_session_full_page header {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg"), url("/ts/static/images/notes-full.eabe62fe2ba95a555f6cff890bd2f50e.svg");
  background-repeat: no-repeat;
  background-color: var(--grey-900);
  border-right: 8px solid var(--accent-500);
  /*! background-size: 22vw; */
  background-position-x: 75%;
  padding-bottom: 10vh;
  align-items: flex-end;
  padding-right: 24px;
}

.Style_session_full_page header h1 {
  font-size: 48px;
  font-weight: 600;
  color: var(--grey-100);
  text-align: right;
  text-transform: none;
  word-spacing: 1000px; /* Every word on it's own line hack */
  line-height: 1.2em;
  /*! padding-right: 24px; */
  /*! padding-bottom: 10vh; */
  word-break: break-word;
}

.Style_session_full_page header h3 {
  color: var(--grey-400);
  max-width: 75%;
  text-align: right;
  font-size: 20px;
}

@media (max-width: 768px) {
  .Style_session_full_page header h3 {
    font-size: 16px;
  }
}
.Style_session_error,
.Style_session_success {
  border-radius: 4px;
  border: 1px solid black;
  color: var(--bg-white);
  padding: 4px 8px;
  font-size: 14px;
  margin-bottom: 16px;
  display: block;
  text-transform: none;
}

.Style_session_error a,
.Style_session_success a {
  color: var(--bg-white);
  text-decoration: underline;
}

.Style_session_error {
  background: #ff6969;
}

.Style_session_success {
  background: #01a500;
}

.Style_session_helptext {
  font-size: 14px;
  margin-bottom: 8px;
}

.Style_session_full_page main {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  /*! height: 100%; */
  /*! padding-bottom: 10vh; */
  max-width: unset;
  /*! flex: 1; */
  padding: 16px 32px;
}

.Style_session_full_page main .Style_card, .Style_session_full_page main .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_full_page main .Style_empty_state_card, .Style_session_full_page main .Style_dashboard_card_notification, .Style_session_full_page main .Style_dashboard_card_simple, .Style_session_full_page main .Style_card_student_start {
  max-width: 400px;
  padding: 32px;
  width: 100%;
}

.Style_session_full_page main a.Style_card, .Style_session_full_page main .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_full_page main a.Style_empty_state_card, .Style_session_full_page main a.Style_dashboard_card_notification, .Style_session_full_page main a.Style_dashboard_card_simple, .Style_session_full_page main a.Style_card_student_start {
  max-width: 320px;
  margin-bottom: 12px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 768px) {
  .Style_session_full_page main a.Style_card, .Style_session_full_page main .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_full_page main a.Style_empty_state_card, .Style_session_full_page main a.Style_dashboard_card_notification, .Style_session_full_page main a.Style_dashboard_card_simple, .Style_session_full_page main a.Style_card_student_start {
    max-width: unset;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.Style_session_full_page main .Style_card a, .Style_session_full_page main .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card a, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_full_page main .Style_empty_state_card a, .Style_session_full_page main .Style_dashboard_card_notification a, .Style_session_full_page main .Style_dashboard_card_simple a, .Style_session_full_page main .Style_card_student_start a {
  margin-top: 16px;
  display: inline-block;
  font-size: 14px;
}

.Style_session_link_under_card_container {
  max-width: 400px;
  text-align: right;
  margin-top: 16px;
  margin-right: 32px;
  font-size: 14px;
}

@media (min-width: 600px) {
  .Style_session_role_picker {
    max-height: 100vh;
    overflow-y: auto;
    margin: -32px -16px;
  }
  .Style_session_role_picker a.Style_card, .Style_session_role_picker .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_role_picker a.Style_empty_state_card, .Style_session_role_picker a.Style_dashboard_card_notification, .Style_session_role_picker a.Style_dashboard_card_simple, .Style_session_role_picker a.Style_card_student_start {
    margin-left: 8px;
  }
}
@media (max-width: 600px) {
  .Style_session_full_page {
    display: block;
  }
  .Style_session_full_page header {
    width: 100%;
    border-right: 0px;
    border-bottom: 8px solid var(--accent-500);
    padding: 40px 24px 48px;
    justify-content: end;
    min-height: 30vh;
    align-items: initial;
  }
  .Style_session_full_page header h1 {
    font-size: 24px;
    text-align: left;
    padding-bottom: 8px;
  }
  .Style_session_full_page header h3 {
    color: var(--grey-300);
    max-width: 100%;
    text-align: left;
    /*! display: block; */
  }
  .Style_session_full_page main {
    position: relative;
    top: -48px;
    padding: 0px 12px;
    background-color: unset;
    /*! top: -72px; */
  }
  .Style_session_full_page main .Style_card, .Style_session_full_page main .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_session_full_page main .Style_empty_state_card, .Style_session_full_page main .Style_dashboard_card_notification, .Style_session_full_page main .Style_dashboard_card_simple, .Style_session_full_page main .Style_card_student_start {
    max-width: 100%;
  }
  .Style_session_full_page main .Style_card_with_icon {
    margin-left: 12px;
  }
  .Style_session_link_under_card_container {
    max-width: 100%;
    margin-right: 24px;
  }
}
.Style_popup_dropdown {
  position: absolute;
  top: 0px;
  border: 1px solid black;
  width: 100%;
  background-color: var(--bg-white);
  z-index: 100;
  padding: 8px;
  max-height: 400px;
  overflow-y: auto;
  min-width: 240px;
  right: 0px;
}
@media (max-width: 768px) {
  .Style_popup_dropdown {
    position: fixed;
    width: 100vw;
    top: unset;
    left: 0vw;
    bottom: 0vh;
    max-height: 60vh;
    max-height: 60dvh;
    overflow: auto;
    z-index: 20;
    animation: slide_in_from_bot_anim 0.25s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
  }
  .Style_popup_dropdown .Style_checkbox {
    border-bottom: 1px solid var(--grey-200);
    min-height: var(--input-height);
    display: flex;
    align-items: center;
  }
  .Style_popup_dropdown .Style_checkbox:last-child {
    border-bottom: none;
  }
}

.Style_multiselect_dropdown {
  top: var(--input-height);
  padding: 0px;
}
.Style_multiselect_dropdown .Style_checkbox,
.Style_multiselect_dropdown input[type=text] {
  margin-bottom: 0px;
  min-height: unset;
  text-align: left;
}
.Style_multiselect_dropdown .Style_checkbox {
  border-radius: 0px;
  border-bottom: 1px solid var(--grey-300);
  background-color: var(--bg-white);
  padding: 12px 8px;
}
.Style_multiselect_dropdown .Style_checkbox:last-child {
  border-bottom: 0px;
}
.Style_multiselect_dropdown input[type=text] {
  height: calc(var(--input-height) * 0.8);
}

.Style_dashboard_grid {
  max-width: 1280px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-bottom: 64px;
}
.Style_dashboard_grid a:hover {
  box-shadow: var(--box-shadow-small);
  background-color: unset;
}
@media (max-width: 768px) {
  .Style_dashboard_grid {
    grid-template-columns: 1fr;
    margin-bottom: 48px;
  }
}
.Style_dashboard_grid .Style_dashboard_grid {
  margin-bottom: 0px;
}

.Style_dashboard_card_simple_extra_buttons_container {
  position: relative;
  z-index: 1;
}
.Style_dashboard_card_simple_extra_buttons_container > .Style_dashboard_card_simple {
  height: 100%;
}

.Style_dashboard_card_simple {
  padding: 12px 16px 16px;
  display: flex;
  align-items: flex-start;
  box-shadow: none;
  cursor: pointer;
  min-height: 92px;
}
.Style_dashboard_card_simple label {
  color: var(--grey-500);
  text-transform: none;
  cursor: pointer;
}
.Style_dashboard_card_simple h3 {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600;
  color: var(--grey-900);
}
.Style_dashboard_card_simple > .Style_circle_around_icon {
  font-size: 2.5rem;
  border-width: 0px;
  margin-right: 12px;
}
.Style_dashboard_card_simple > div:nth-child(2) {
  flex: 1;
}

.Style_dashboard_card_extra_buttons_container {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.Style_dashboard_card_extra_button {
  background: white;
  font-size: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  padding: 2px 8px 0px;
  z-index: 100;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  text-decoration: none;
}
.Style_dashboard_card_extra_button:hover {
  filter: brightness(0.95);
  box-shadow: var(--box-shadow-small);
}
.Style_dashboard_card_extra_button > i {
  margin-right: 4px;
}
.Style_dashboard_card_extra_button > h4 {
  font-size: inherit;
  color: var(--grey-700);
}
.Style_dashboard_card_extra_button > em {
  font-weight: bold;
  font-size: 0.875rem;
}

.Style_dashboard_card_notification {
  padding: 16px 16px 16px;
  display: flex;
  align-items: center;
  box-shadow: none;
  cursor: pointer;
  min-height: unset;
}
.Style_dashboard_card_notification > .Style_circle_around_icon {
  font-size: 2rem;
  border-width: 0px;
  margin-right: 12px;
}
.Style_dashboard_card_notification > h3 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.Style_dashboard_card_notification > h3 label {
  font-size: 0.875rem;
  text-transform: none;
  cursor: pointer;
}
.Style_dashboard_card_notification > h3 > label:first-child {
  color: var(--grey-700);
}
.Style_dashboard_card_notification > h3 > label:nth-child(2) {
  color: var(--grey-400);
}
.Style_dashboard_card_notification > em {
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 12px;
  background-color: var(--grey-100);
  margin-right: 8px;
}
.Style_dashboard_card_notification > i:last-child {
  margin: 0px;
  color: var(--grey-300);
}

.Style_tag {
  display: inline-block;
  border-radius: 6px;
  padding: 0px 16px;
  margin: 0px 8px 8px 0px;
  font-size: 0.875rem;
}
.Style_tag + .Style_tag {
  margin-left: 8px;
}
.Style_tag.Style_tag_green {
  background-color: var(--green-500);
  color: white;
}
.Style_tag.Style_tag_blue {
  background-color: var(--blue-500);
  color: white;
}
.Style_tag.Style_tag_red {
  background-color: red;
  color: white;
}
.Style_tag.Style_tag_purple {
  background-color: #ae8fff;
  color: white;
}
.Style_tag.Style_tag_accent {
  background-color: var(--accent-500);
  color: var(--accent-900);
}
.Style_tag.Style_tag_grey {
  background-color: var(--grey-200);
  color: var(--grey-900);
}
a:hover .Style_tag {
  filter: brightness(0.9);
}

.Style_tag_small_inline {
  margin: 0px 0px 0px 8px;
  font-size: 0.75rem;
  padding: 0px 8px;
  line-height: 1rem;
  position: relative;
  top: -2px;
}

.Style_composite_filter {
  display: flex;
}
.Style_composite_filter > * + * {
  margin-left: 8px;
  flex-shrink: 0;
  flex-grow: 1;
}

.Style_composite_filter_container button.Style_button_has_only_icon, .Style_composite_filter_container .Style_button_has_only_icon.Style_button, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_grey_outline, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent_outline, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_white, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_red, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_blue_bright {
  background-color: var(--grey-200);
}
.Style_composite_filter_container button.Style_button_has_only_icon i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_grey_outline i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent_outline i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_white i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_red i, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_blue_bright i {
  color: var(--grey-900);
}
.Style_composite_filter_container button.Style_button_has_only_icon:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_grey_outline:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_accent_outline:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_white:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_red:hover, .Style_composite_filter_container .Style_button_has_only_icon.Style_button_blue_bright:hover {
  filter: brightness(0.9);
}

.Style_composite_filter_container .Style_composite_filter_container {
  padding: 8px;
  margin-top: -8px;
}

.Style_interval_field {
  display: flex;
}
.Style_interval_field > input[type=number] {
  border-radius: 8px 0px 0px 8px;
}
.Style_interval_field > label > select, .Style_interval_field > label > .Style_interval_fixed_unit {
  border-radius: 0px 8px 8px 0px;
  background-color: var(--grey-000);
  border: 1px solid var(--grey-100);
  width: auto;
  min-width: unset;
  max-width: unset;
}
.Style_interval_field > label > .Style_interval_fixed_unit {
  pointer-events: none;
}
.Style_interval_field > label > select:hover {
  filter: brightness(0.8);
}

.Style_description_and_content_description {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--grey-700);
  margin-left: 26px;
}

.Style_description_and_content_content {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.Style_long_text_single_line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Style_filter_row {
  display: flex;
  gap: 16px;
}
.Style_filter_row > * {
  flex: 1;
}

.Style_row_emphasize_and_fade {
  background-color: var(--green-300);
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-name: row_emphasize_and_fade_anim;
  animation-duration: 0.5s;
  animation-delay: 4s;
}

@keyframes row_emphasize_and_fade_anim {
  from {
    background-color: var(--green-300);
  }
  to {
    background-color: white;
  }
}
.Style_circle_around_icon {
  border-radius: 1000px;
  border: 1px solid currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.1em;
  width: 1.1em;
  min-width: 1.1em;
}
.Style_circle_around_icon > i {
  position: relative;
  top: 1px;
  font-size: 0.5em;
  width: unset;
  margin-right: unset;
}

.Style_multistepform_link {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: var(--grey-500);
}
.Style_multistepform_link i {
  margin: 0px;
  width: initial;
  position: initial;
  top: 0px;
  line-height: 0px;
}
.Style_multistepform_link > .Style_circle_around_icon {
  border-color: currentColor;
  color: currentColor;
  width: 3rem;
  height: 3rem;
}
.Style_multistepform_link > .Style_circle_around_icon i {
  font-size: 1.2rem;
}
.Style_multistepform_link label {
  font-size: 0.875rem;
  font-weight: initial;
  color: var(--grey-700);
  text-transform: initial;
  cursor: pointer;
  text-align: center;
}
.Style_multistepform_link .Style_multistepform_checkmark {
  visibility: hidden;
  background-color: var(--green-700);
  color: white;
  border: 0px;
  margin-bottom: -12px;
  position: relative;
  bottom: 16px;
  right: -17px;
  border-radius: 100px;
  width: 1.25rem;
  height: 1.25rem;
}
.Style_multistepform_link .Style_multistepform_checkmark i {
  font-size: 0.75rem;
  position: relative;
  top: 1px;
}
.Style_multistepform_link.Style_is_valid {
  color: var(--green-700);
}
.Style_multistepform_link.Style_is_valid .Style_multistepform_checkmark {
  visibility: initial;
}
.Style_multistepform_link.Style_is_valid label {
  color: var(--green-700);
}
.Style_multistepform_link.Style_is_active {
  color: var(--blue-500);
}
.Style_multistepform_link.Style_is_active .Style_multistepform_checkmark {
  visibility: hidden;
}
.Style_multistepform_link.Style_is_active > .Style_circle_around_icon {
  border-width: 2px;
}
.Style_multistepform_link.Style_is_active label {
  color: var(--blue-500);
  font-weight: 600;
}
.Style_multistepform_link:hover {
  background-color: inherit;
}
.Style_multistepform_link:hover > .Style_circle_around_icon:not(.Style_multistepform_checkmark) {
  border-width: 2px;
  background-color: rgba(0, 0, 0, 0.1);
}
.Style_multistepform_link:hover label {
  font-weight: 600;
}

.Style_multistepform_ruler {
  color: var(--grey-700);
  border-bottom: 2px solid currentColor;
  align-self: center;
}
.Style_multistepform_ruler.Style_is_valid {
  color: var(--green-700);
}

.Style_multistepform_after_selected.Style_multistepform_ruler {
  color: var(--grey-700);
}

.Style_multistepform_after_selected.Style_multistepform_link {
  color: var(--grey-500);
}
.Style_multistepform_after_selected.Style_multistepform_link label {
  color: var(--grey-700);
}

.Style_help_popover {
  position: fixed;
  max-width: 400px;
  width: 80vw;
  display: inline-block;
  z-index: 1000;
  white-space: normal;
  background-color: var(--bg-white);
  color: var(--grey-900);
  box-shadow: var(--box-shadow-medium);
  border: 1px solid var(--grey-300);
}

.Style_formsection_informational_simple {
  padding: 8px 16px;
  background-color: var(--grey-200);
  border-radius: 8px;
}

.Style_split_list_into_two_columns {
  column-count: 2;
  column-gap: 16px;
  column-fill: balance;
}
@media (max-width: 768px) {
  .Style_split_list_into_two_columns {
    column-count: 1;
  }
}

.Style_dashboard_donut_chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  position: relative;
}
.Style_dashboard_donut_chart::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.Style_big_file_input_with_drag {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 640px;
  width: 100%;
  margin: 0px auto;
  cursor: pointer;
  border-radius: 8px;
  border: 2px dashed var(--grey-300);
  padding: 16px;
}
.Style_big_file_input_with_drag:hover {
  background-color: var(--grey-100);
}
.Style_big_file_input_with_drag > i {
  font-size: 1.6rem;
  color: var(--grey-500);
}
.Style_big_file_input_with_drag.Style_is_active {
  border-color: var(--blue-500);
  background-color: var(--blue-100);
}

.Style_excel_column_mapping_table {
  width: 100%;
}
.Style_excel_column_mapping_table thead > tr {
  background-color: var(--grey-100);
  font-size: 0.75rem;
  text-transform: uppercase;
  position: sticky;
  top: 0px;
}
.Style_excel_column_mapping_table tr {
  scroll-margin-top: 60px;
}
.Style_excel_column_mapping_table td,
.Style_excel_column_mapping_table th {
  white-space: nowrap;
  padding: 8px 12px;
  border: 1px solid var(--grey-200);
  min-width: 180px;
}
.Style_excel_column_mapping_table td:first-child,
.Style_excel_column_mapping_table th:first-child {
  min-width: unset;
  width: 40px;
}
.Style_excel_column_mapping_table td .errormessage,
.Style_excel_column_mapping_table th .errormessage {
  display: block;
  text-transform: none;
  text-align: right;
  margin-top: -8px;
  margin-bottom: 8px;
  color: red;
}

.Style_empty_state_backdrop {
  background-color: var(--grey-000);
  height: var(--viewportminusnav);
  width: 100%;
  max-width: unset;
  max-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Style_empty_state_backdrop .Style_empty_state_container {
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10vh;
}
.Style_empty_state_backdrop .Style_empty_state_container > .Style_circle_around_icon {
  color: var(--green-700);
  margin-bottom: 24px;
  background-color: var(--grey-100);
  border-width: 0px;
  font-size: 6rem;
}
.Style_empty_state_backdrop .Style_empty_state_container > .Style_circle_around_icon i {
  height: auto;
  width: auto;
  line-height: normal;
}
.Style_empty_state_backdrop .Style_empty_state_container > h2 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px;
  color: var(--grey-800);
}
.Style_empty_state_backdrop .Style_empty_state_container > h3 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  margin-top: -16px;
  margin-bottom: 32px;
  color: var(--grey-500);
}
.Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_question {
  color: var(--blue-500);
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_question .Style_circle_around_icon {
  width: 24px;
  height: 24px;
}
.Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card {
  display: block;
  text-decoration: none;
  background-color: var(--bg-white);
  font-size: 0.925rem;
  width: 100%;
}
.Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card > .Style_empty_state_card_more_info_link {
  color: var(--blue-500);
  text-align: right;
  font-size: 0.85rem;
  margin-top: 16px;
}

.Style_show_arrows_on_hover_in_cards a.Style_card:hover:not(.Style_is_selected), .Style_show_arrows_on_hover_in_cards a.Style_card_student_start:hover:not(.Style_is_selected), .Style_show_arrows_on_hover_in_cards a.Style_dashboard_card_simple:hover:not(.Style_is_selected), .Style_show_arrows_on_hover_in_cards a.Style_dashboard_card_notification:hover:not(.Style_is_selected), .Style_show_arrows_on_hover_in_cards .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card:hover:not(.Style_is_selected), .Style_empty_state_backdrop .Style_empty_state_container .Style_show_arrows_on_hover_in_cards a.Style_empty_state_card:hover:not(.Style_is_selected),
.Style_grid_card_small a.Style_card:hover:not(.Style_is_selected),
.Style_grid_card_small a.Style_card_student_start:hover:not(.Style_is_selected),
.Style_grid_card_small a.Style_dashboard_card_simple:hover:not(.Style_is_selected),
.Style_grid_card_small a.Style_dashboard_card_notification:hover:not(.Style_is_selected),
.Style_grid_card_small .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card:hover:not(.Style_is_selected),
.Style_empty_state_backdrop .Style_empty_state_container .Style_grid_card_small a.Style_empty_state_card:hover:not(.Style_is_selected) {
  position: relative;
}
.Style_show_arrows_on_hover_in_cards a.Style_card:hover:not(.Style_is_selected)::before, .Style_show_arrows_on_hover_in_cards a.Style_card_student_start:hover:not(.Style_is_selected)::before, .Style_show_arrows_on_hover_in_cards a.Style_dashboard_card_simple:hover:not(.Style_is_selected)::before, .Style_show_arrows_on_hover_in_cards a.Style_dashboard_card_notification:hover:not(.Style_is_selected)::before, .Style_show_arrows_on_hover_in_cards .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card:hover:not(.Style_is_selected)::before, .Style_empty_state_backdrop .Style_empty_state_container .Style_show_arrows_on_hover_in_cards a.Style_empty_state_card:hover:not(.Style_is_selected)::before,
.Style_grid_card_small a.Style_card:hover:not(.Style_is_selected)::before,
.Style_grid_card_small a.Style_card_student_start:hover:not(.Style_is_selected)::before,
.Style_grid_card_small a.Style_dashboard_card_simple:hover:not(.Style_is_selected)::before,
.Style_grid_card_small a.Style_dashboard_card_notification:hover:not(.Style_is_selected)::before,
.Style_grid_card_small .Style_empty_state_backdrop .Style_empty_state_container a.Style_empty_state_card:hover:not(.Style_is_selected)::before,
.Style_empty_state_backdrop .Style_empty_state_container .Style_grid_card_small a.Style_empty_state_card:hover:not(.Style_is_selected)::before {
  content: "\f061";
  font-family: "fas";
  position: absolute;
  bottom: 0px;
  right: 8px;
  font-size: 0.875rem;
  color: var(--grey-300);
}

.Style_svg_help_backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 8px;
}
.Style_svg_help_backdrop .Style_card, .Style_svg_help_backdrop .Style_card_student_start, .Style_svg_help_backdrop .Style_dashboard_card_simple, .Style_svg_help_backdrop .Style_dashboard_card_notification, .Style_svg_help_backdrop .Style_empty_state_backdrop .Style_empty_state_container .Style_empty_state_card, .Style_empty_state_backdrop .Style_empty_state_container .Style_svg_help_backdrop .Style_empty_state_card {
  min-width: min(80vw, 400px);
  min-height: 10vh;
  max-width: min(360px, 90vw);
  width: 100%;
}

ul.Style_list_disc {
  margin-left: 1em;
  list-style-type: disc;
}

.Style_align_right {
  display: flex;
  justify-content: right;
  align-items: flex-start;
  gap: 8px;
}

.Style_card_in_table {
  background-color: var(--grey-100);
  box-shadow: var(--box-shadow-small);
  border-top: 0px;
  border-left: 1px solid var(--grey-200);
  border-right: 1px solid var(--grey-200);
  border-bottom: 2px solid var(--grey-300);
}
.Style_body_off_white .Style_card_in_table {
  background-color: var(--bg-white);
}
.Style_card_in_table td {
  border-color: var(--grey-200);
}

.Style_shadow_large {
  box-shadow: var(--box-shadow-large);
}

.Style_demotour_card > a {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 0px;
  text-decoration: none;
  padding: 12px 16px;
  border: 0px;
}
.Style_demotour_card > a i:first-child {
  font-size: 1.15rem;
  opacity: 0.6;
  margin-right: 20px;
}
.Style_demotour_card > a div {
  flex: 1;
}
.Style_demotour_card p {
  font-size: 0.875rem;
  opacity: 0.8;
  margin-top: -4px;
}
.Style_demotour_card ul {
  padding: 8px 24px;
  font-size: 0.875rem;
  border-radius: 0px 8px 8px 8px;
}

.Style_loading_in_input {
  position: absolute;
  height: var(--input-height);
  top: 0px;
  right: 16px;
  display: flex;
  align-items: center;
  color: var(--grey-500);
}