:root {
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --assignment-content: #644a78;
  --assignment-conversation: #cf8836;
  --assignment-debate: #d0493a;
  --assignment-oral-expression: #9aae3b;
  --assignment-multiplechoice: #009468;
  --correct-10: #002114;
  --correct-20: #003825;
  --correct-30: #005138;
  --correct-40: #206a4d;
  --correct-50: #3d8465;
  --correct-60: #589e7e;
  --correct-70: #72b997;
  --correct-80: #8dd5b2;
  --correct-90: #a9f2cd;
  --correct-95: #beffdd;
  --correct-98: #e8fff0;
  --error-10: #3b0905;
  --error-20: #561e17;
  --error-30: #73342b;
  --error-40: #904a41;
  --error-50: #ad6258;
  --error-60: #cc7b6f;
  --error-70: #ea9588;
  --error-80: #ffb4a9;
  --error-90: #ffdad5;
  --error-95: #ffedea;
  --error-98: #fff8f7;
  --fuchsia-100: #ef5da8;
  --na-10: #2c1600;
  --na-20: #492900;
  --na-30: #693c00;
  --na-40: #855317;
  --na-50: #a26b2e;
  --na-60: #bf8445;
  --na-70: #dd9e5c;
  --na-80: #fcb974;
  --na-90: #ffdcbd;
  --na-95: #ffeee0;
  --na-98: #fff8f4;
  --neutral-0: #000;
  --neutral-10: #1b1b1b;
  --neutral-20: #303030;
  --neutral-30: #474747;
  --neutral-40: #5e5e5e;
  --neutral-50: #777777;
  --neutral-60: #919191;
  --neutral-70: #ababab;
  --neutral-80: #c6c6c6;
  --neutral-90: #e2e2e2;
  --neutral-95: #f1f1f1;
  --neutral-98: #faf8ff;
  --primary-5: #000e31;
  --primary-10: #001847;
  --primary-20: #172e60;
  --primary-30: #304578;
  --primary-40: #495d92;
  --primary-50: #6176ac;
  --primary-60: #7b8fc8;
  --primary-70: #96aae4;
  --primary-80: #b2c5ff;
  --primary-90: #dae2ff;
  --primary-95: #eef0ff;
  --primary-100: #fff;
  --primary: #164194;
  --secondary-5: #00131e;
  --secondary-10: #001e2d;
  --secondary-20: #00344b;
  --secondary-30: #004c6a;
  --secondary-40: #1f6587;
  --secondary-50: #3e7ea1;
  --secondary-60: #5a98bc;
  --secondary-70: #75b2d8;
  --secondary-80: #91cef5;
  --secondary-90: #c5e7ff;
  --secondary-95: #e4f3ff;
  --secondary-100: #fff;
  --secondary: #3babe2;
  --tertiary-5: #001223;
  --tertiary-10: #001d34;
  --tertiary-20: #003355;
  --tertiary-30: #144a74;
  --tertiary-40: #32618d;
  --tertiary-50: #4d7aa7;
  --tertiary-60: #6794c3;
  --tertiary-70: #82afd9;
  --tertiary-80: #9dcafc;
  --tertiary-90: #d0e4ff;
  --tertiary-95: #e9f1ff;
  --tertiary: #82b0e1;
  --warning-10: #181e00;
  --warning-20: #364000;
  --warning-30: #414c08;
  --warning-40: #586420;
  --warning-50: #717d37;
  --warning-60: #8a974e;
  --warning-70: #a4b265;
  --warning-80: #c0ce7e;
  --warning-90: #dcea97;
  --warning-95: #eaf9a4;
  --warning-98: #f5ffc2;
  --warning-99: #fcffde;
  --success: #005138;
  --success-100: #ffffff;
  --success-99: #f5fff5;
  --success-98: #e8fff0;
  --success-95: #ffedea;
  --success-90: #d4edda;
  --success-80: #76daa2;
  --success-70: #5abe88;
  --success-60: #3ca36f;
  --success-50: #009468;
  --success-40: #006d43;
  --success-35: #005f3a;
  --success-30: #005231;
  --success-25: #004529;
  --success-20: #003920;
  --success-15: #002d19;
  --success-10: #002111;
  --success-5: #001509;
  --success-0: #000000;
  --info: #4285f4;
  --info-0: #000000;
  --info-10: #000d11;
  --info-20: #001a22;
  --info-30: #002633;
  --info-40: #004d66;
  --info-50: #0080aa;
  --info-60: #009acc;
  --info-70: #00d6ff;
  --info-80: #00f5ff;
  --info-90: #c3e8ff;
  --info-95: #e3f3ff;
  --info-98: #f5faff;
  --info-100: #ffffff;
}
.elevation-1 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.elevation-2 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.elevation-3 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.elevation-4 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.elevation-5 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.elevation-6 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.yarl__fullsize {
  height: 100%;
  width: 100%;
}

.yarl__relative {
  position: relative;
}

.yarl__portal {
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--yarl__fade_animation_duration, 0.25s) var(--yarl__fade_animation_timing_function, ease);
  z-index: var(--yarl__portal_zindex, 9999);
}

.yarl__portal_open {
  opacity: 1;
}

.yarl__container {
  background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
  bottom: 0;
  left: 0;
  outline: none;
  overflow: hidden;
  overscroll-behavior: var(--yarl__controller_overscroll_behavior, contain);
  position: absolute;
  right: 0;
  top: 0;
  touch-action: var(--yarl__controller_touch_action, none);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.yarl__carousel {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  justify-content: center;
  opacity: var(--yarl__pull_opacity, 1);
  transform: translate(var(--yarl__swipe_offset, 0), var(--yarl__pull_offset, 0));
  width: calc(100% + (var(--yarl__carousel_slides_count) - 1) * (100% + var(--yarl__carousel_spacing_px, 0) * 1px + var(--yarl__carousel_spacing_percent, 0) * 1%));
}

.yarl__carousel_with_slides {
  -moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
  column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
}

.yarl__flex_center {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.yarl__slide {
  flex: 1;
  overflow: hidden;
  padding: calc(var(--yarl__carousel_padding_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_padding_percent, 0) * 1%);
  position: relative;
}

[dir=rtl] .yarl__slide {
  --yarl__direction: -1;
}

.yarl__slide_image {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  touch-action: var(--yarl__controller_touch_action, none);
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.yarl__slide_image_cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.yarl__slide_image_loading {
  opacity: 0;
}

@media screen and (min-width: 800px) {
  .yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
  }
}
.yarl__slide_placeholder {
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.yarl__slide_loading {
  animation: yarl__delayed_fadein 1s linear;
  color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, hsla(0, 0%, 100%, 0.8)));
}

.yarl__slide_loading line {
  animation: yarl__stroke_opacity 1s linear infinite;
}

.yarl__slide_loading line:first-of-type {
  animation-delay: -1.875s;
}

.yarl__slide_loading line:nth-of-type(2) {
  animation-delay: -1.75s;
}

.yarl__slide_loading line:nth-of-type(3) {
  animation-delay: -1.625s;
}

.yarl__slide_loading line:nth-of-type(4) {
  animation-delay: -1.5s;
}

.yarl__slide_loading line:nth-of-type(5) {
  animation-delay: -1.375s;
}

.yarl__slide_loading line:nth-of-type(6) {
  animation-delay: -1.25s;
}

.yarl__slide_loading line:nth-of-type(7) {
  animation-delay: -1.125s;
}

.yarl__slide_loading line:nth-of-type(8) {
  animation-delay: -1s;
}

.yarl__slide_error {
  color: var(--yarl__slide_icon_error_color, red);
  height: var(--yarl__slide_icon_error_size, 48px);
  width: var(--yarl__slide_icon_error_size, 48px);
}

@media (prefers-reduced-motion) {
  .yarl__portal,
  .yarl__slide {
    transition: unset;
  }
  .yarl__slide_loading,
  .yarl__slide_loading line {
    animation: unset;
  }
}
.yarl__toolbar {
  bottom: auto;
  display: flex;
  justify-content: flex-end;
  left: auto;
  padding: var(--yarl__toolbar_padding, 8px);
  position: absolute;
  right: 0;
  top: 0;
}

[dir=rtl] .yarl__toolbar {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

.yarl__icon {
  height: var(--yarl__icon_size, 32px);
  width: var(--yarl__icon_size, 32px);
}

.yarl__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--yarl__button_background_color, transparent);
  border: var(--yarl__button_border, 0);
  color: var(--yarl__color_button, hsla(0, 0%, 100%, 0.8));
  cursor: pointer;
  filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)));
  line-height: 0;
  margin: var(--yarl__button_margin, 0);
  outline: none;
  padding: var(--yarl__button_padding, 8px);
  -webkit-tap-highlight-color: transparent;
}

.yarl__button:focus {
  color: var(--yarl__color_button_active, #fff);
}

.yarl__button:focus:not(:focus-visible) {
  color: var(--yarl__color_button, hsla(0, 0%, 100%, 0.8));
}

.yarl__button:focus-visible {
  color: var(--yarl__color_button_active, #fff);
}

@media (hover: hover) {
  .yarl__button:focus-visible:hover,
  .yarl__button:focus:hover,
  .yarl__button:hover {
    color: var(--yarl__color_button_active, #fff);
  }
}
.yarl__button:disabled {
  color: var(--yarl__color_button_disabled, hsla(0, 0%, 100%, 0.4));
  cursor: default;
}

.yarl__navigation_next,
.yarl__navigation_prev {
  padding: var(--yarl__navigation_button_padding, 24px 16px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.yarl__navigation_prev {
  left: 0;
}

[dir=rtl] .yarl__navigation_prev {
  left: unset;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.yarl__navigation_next {
  right: 0;
}

[dir=rtl] .yarl__navigation_next {
  left: 0;
  right: unset;
  transform: translateY(-50%) rotate(180deg);
}

.yarl__no_scroll {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

@keyframes yarl__delayed_fadein {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes yarl__stroke_opacity {
  0% {
    stroke-opacity: 1;
  }
  to {
    stroke-opacity: 0.125;
  }
}
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600&display=swap");
:root {
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --assignment-content: #644a78;
  --assignment-conversation: #cf8836;
  --assignment-debate: #d0493a;
  --assignment-oral-expression: #9aae3b;
  --assignment-multiplechoice: #009468;
  --correct-10: #002114;
  --correct-20: #003825;
  --correct-30: #005138;
  --correct-40: #206a4d;
  --correct-50: #3d8465;
  --correct-60: #589e7e;
  --correct-70: #72b997;
  --correct-80: #8dd5b2;
  --correct-90: #a9f2cd;
  --correct-95: #beffdd;
  --correct-98: #e8fff0;
  --error-10: #3b0905;
  --error-20: #561e17;
  --error-30: #73342b;
  --error-40: #904a41;
  --error-50: #ad6258;
  --error-60: #cc7b6f;
  --error-70: #ea9588;
  --error-80: #ffb4a9;
  --error-90: #ffdad5;
  --error-95: #ffedea;
  --error-98: #fff8f7;
  --fuchsia-100: #ef5da8;
  --na-10: #2c1600;
  --na-20: #492900;
  --na-30: #693c00;
  --na-40: #855317;
  --na-50: #a26b2e;
  --na-60: #bf8445;
  --na-70: #dd9e5c;
  --na-80: #fcb974;
  --na-90: #ffdcbd;
  --na-95: #ffeee0;
  --na-98: #fff8f4;
  --neutral-0: #000;
  --neutral-10: #1b1b1b;
  --neutral-20: #303030;
  --neutral-30: #474747;
  --neutral-40: #5e5e5e;
  --neutral-50: #777777;
  --neutral-60: #919191;
  --neutral-70: #ababab;
  --neutral-80: #c6c6c6;
  --neutral-90: #e2e2e2;
  --neutral-95: #f1f1f1;
  --neutral-98: #faf8ff;
  --primary-5: #000e31;
  --primary-10: #001847;
  --primary-20: #172e60;
  --primary-30: #304578;
  --primary-40: #495d92;
  --primary-50: #6176ac;
  --primary-60: #7b8fc8;
  --primary-70: #96aae4;
  --primary-80: #b2c5ff;
  --primary-90: #dae2ff;
  --primary-95: #eef0ff;
  --primary-100: #fff;
  --primary: #164194;
  --secondary-5: #00131e;
  --secondary-10: #001e2d;
  --secondary-20: #00344b;
  --secondary-30: #004c6a;
  --secondary-40: #1f6587;
  --secondary-50: #3e7ea1;
  --secondary-60: #5a98bc;
  --secondary-70: #75b2d8;
  --secondary-80: #91cef5;
  --secondary-90: #c5e7ff;
  --secondary-95: #e4f3ff;
  --secondary-100: #fff;
  --secondary: #3babe2;
  --tertiary-5: #001223;
  --tertiary-10: #001d34;
  --tertiary-20: #003355;
  --tertiary-30: #144a74;
  --tertiary-40: #32618d;
  --tertiary-50: #4d7aa7;
  --tertiary-60: #6794c3;
  --tertiary-70: #82afd9;
  --tertiary-80: #9dcafc;
  --tertiary-90: #d0e4ff;
  --tertiary-95: #e9f1ff;
  --tertiary: #82b0e1;
  --warning-10: #181e00;
  --warning-20: #364000;
  --warning-30: #414c08;
  --warning-40: #586420;
  --warning-50: #717d37;
  --warning-60: #8a974e;
  --warning-70: #a4b265;
  --warning-80: #c0ce7e;
  --warning-90: #dcea97;
  --warning-95: #eaf9a4;
  --warning-98: #f5ffc2;
  --warning-99: #fcffde;
  --success: #005138;
  --success-100: #ffffff;
  --success-99: #f5fff5;
  --success-98: #e8fff0;
  --success-95: #ffedea;
  --success-90: #d4edda;
  --success-80: #76daa2;
  --success-70: #5abe88;
  --success-60: #3ca36f;
  --success-50: #009468;
  --success-40: #006d43;
  --success-35: #005f3a;
  --success-30: #005231;
  --success-25: #004529;
  --success-20: #003920;
  --success-15: #002d19;
  --success-10: #002111;
  --success-5: #001509;
  --success-0: #000000;
  --info: #4285f4;
  --info-0: #000000;
  --info-10: #000d11;
  --info-20: #001a22;
  --info-30: #002633;
  --info-40: #004d66;
  --info-50: #0080aa;
  --info-60: #009acc;
  --info-70: #00d6ff;
  --info-80: #00f5ff;
  --info-90: #c3e8ff;
  --info-95: #e3f3ff;
  --info-98: #f5faff;
  --info-100: #ffffff;
}

@font-face {
  font-family: "OpenDyslexic";
  src: url("/assets/fonts/OpenDyslexic-Regular.woff2") format("woff2"), url("/assets/fonts/OpenDyslexic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("/assets/fonts/OpenDyslexic-Bold.woff2") format("woff2"), url("/assets/fonts/OpenDyslexic-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("/assets/fonts/OpenDyslexic-Italic.woff2") format("woff2"), url("/assets/fonts/OpenDyslexic-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("/assets/fonts/OpenDyslexic-Bold-Italic.woff2") format("woff2"), url("/assets/fonts/OpenDyslexic-Bold-Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
:root {
  color-scheme: only light;
  --secondary-font-family: "Rubik", sans-serif;
  --font-family: "Rubik", sans-serif;
  --border-radius-sm: 10px;
  --border-radius-xs: 5px;
  --border-radius-base: 16px;
  --border-radius-lg: 25px;
  --navbar-height: 79px;
  --content-theory: #644a78;
  --on-content-theory: #fff;
  --debate: #d0493a;
  --on-debate: #fff;
  --conversation: rgb(240, 145, 36);
  --on-conversation: #fff;
  --character-talk: #cf8836;
  --on-character-talk: #fff;
  --spoken: #9aae3b;
  --on-spoken: #fff;
  --written: #8e72b0;
  --on-written: #fff;
  --exercise: #ff7043;
  --on-exercise: #fff;
  --hand-written: #d99800;
  --on-hand-written: #fff;
  --multiple-choice: #009468ff;
  --on-multiple-choice: #fff;
  --assessment: #009468ff;
  --on-assessment: #fff;
  --free-conversation: #00bfa5;
  --on-free-conversation: #fff;
  --chat-input-border-color: var(--neutral-80);
  --next-steps-background: var(--neutral-95);
  --on-next-steps-background: var(--neutral-10);
  --box-shadow-default: 0px 0px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0px 0px 15px rgba(0, 0, 0, 0.2);
  --font-size-p2: 0.875rem;
  --font-size-p1: 1rem;
  --text-muted: var(--neutral-50);
  --separator: var(--neutral-variant-95);
  --default-background: var(--neutral-95);
  --default: var(--neutral-90);
  --info-container: var(--info-80);
  --warning-container: var(--warning-80);
  --success-container: #E0FDD6;
  --info-container: var(--info-50);
  --info-color: var(--info-50);
  --on-info: var(--info-90);
  --info-border-color: var(--info-50)
  --info-hover-bg: var(--info-40);
  --info-icon-color: var(--text-color);
  --warning-container: var(--warning-95);
  --warning-color: var(--warning-50);
  --on-warning: var(--warning-90);
  --warning-border-color: var(--warning-50);
  --warning-hover-bg: var(--warning-40);
  --warning-icon-color: var(--text-color);
  --success-color: var(--success-50);
  --on-success: var(--text-color);
  --success-border-color: var(--success-50)
  --success-hover-bg: var(--success-40);
  --success-icon-color: var(--text-color);
  --error-container: var(--error-80);
  --on-error: var(--error-90);
  --error-color: var(--error-50);
  --error-border-color: var(--error-50);
  --error-hover-bg: var(--error-40);
  --error-icon-color: var(--error-90);
  --app-text-highlight: var(--primary);
  --pui-success-icon-color: red;
  --text-color: #141414;
  --text-color-secondary: var(--neutral-50);
  --on-primary: var(--primary-100);
  --primary-light: #5174c9;
  --primary-light-rbg: 81, 116, 201;
  --primary-dark: #001847;
  --primary-container: var(--primary);
  --on-primary-container: var(--primary-100);
  --secondary-light: #8dd2f5;
  --secondary-light-rgb: 141, 210, 245;
  --secondary-dark: #07bbf5;
  --on-secondary: var(--secondary-100);
  --secondary-container: var(--secondary);
  --on-secondary-container: var(--secondary-100);
  --tertiary: var(--tertiary-40);
  --tertiary-container: var(--tertiary-90);
  --on-tertiary: var(--primary);
  --on-tertiary-container: var(--primary);
  --background: #fff;
  --background-hover: var(--secondary-color-95);
  --on-background: var(--text-color);
  --surface: #fff;
  --on-surface: var(--neutral-10);
  --surface-inverse: var(--text-color);
  --surface-neutral: var(--neutral-95);
  --surface-variant: var(--secondary-95);
  --on-surface-variant: var(--neutral-30);
  --surface-overlay: 255, 255, 255;
  --error: var(--error-10);
  --error-container: var(--error-90);
  --on-error-container: var(--error-10);
  --warning: var(--warning-10);
  --warning-container: var(--warning-90);
  --on-warning-container: var(--warning-10);
  --success: var(--success-10);
  --success-container: var(--success-90);
  --on-success-container: var(--success-10);
  --info: var(--info);
  --info-container: var(--info-90);
  --on-info-container: var(--info-10);
  --outline: var(--neutral-70);
  --default-border: var(--neutral-90);
  --divider-strong: var(--neutral-0);
  --divider-soft: #5e5e5e;
  --border: #000;
  --border-medium: var(--neutral-80);
  --border-light: var(--neutral-90);
  --border-dark: var(--neutral-40);
  --border-variant: var(--secondary);
  --app-main-outline: #000;
  --app-text-highlight: rgba(172, 18, 18, 0.8);
  --shadow: var(--neutral-0);
  --success-color: var(--success-70);
  /**
  // Elements in a disabled state
  */
  --disabled-container: var(--neutral-95);
  --on-disabled-container: var(--neutral-60);
  --disabled-light: var(--neutral-98);
  --on-disabled-light: var(--neutral-60);
  --disabled-dark: var(--neutral-90);
  --on-disabled-dark: var(--neutral-50);
  --dark-container: var(--primary-10);
  --on-dark-container: var(--primary-100);
  --light-container: var(--primary-90);
  --on-light-container: var(--primary-10);
  --placeholder: var(--neutral-95);
}
:root[data-beyond-mode=light] {
  --text-color: #141414;
  --text-color-secondary: var(--neutral-50);
  --on-primary: var(--primary-100);
  --primary-light: #5174c9;
  --primary-light-rbg: 81, 116, 201;
  --primary-dark: #001847;
  --primary-container: var(--primary);
  --on-primary-container: var(--primary-100);
  --secondary-light: #8dd2f5;
  --secondary-light-rgb: 141, 210, 245;
  --secondary-dark: #07bbf5;
  --on-secondary: var(--secondary-100);
  --secondary-container: var(--secondary);
  --on-secondary-container: var(--secondary-100);
  --tertiary: var(--tertiary-40);
  --tertiary-container: var(--tertiary-90);
  --on-tertiary: var(--primary);
  --on-tertiary-container: var(--primary);
  --background: #fff;
  --background-hover: var(--secondary-color-95);
  --on-background: var(--text-color);
  --surface: #fff;
  --on-surface: var(--neutral-10);
  --surface-inverse: var(--text-color);
  --surface-neutral: var(--neutral-95);
  --surface-variant: var(--secondary-95);
  --on-surface-variant: var(--neutral-30);
  --surface-overlay: 255, 255, 255;
  --error: var(--error-10);
  --error-container: var(--error-90);
  --on-error-container: var(--error-10);
  --warning: var(--warning-10);
  --warning-container: var(--warning-90);
  --on-warning-container: var(--warning-10);
  --success: var(--success-10);
  --success-container: var(--success-90);
  --on-success-container: var(--success-10);
  --info: var(--info);
  --info-container: var(--info-90);
  --on-info-container: var(--info-10);
  --outline: var(--neutral-70);
  --default-border: var(--neutral-90);
  --divider-strong: var(--neutral-0);
  --divider-soft: #5e5e5e;
  --border: #000;
  --border-medium: var(--neutral-80);
  --border-light: var(--neutral-90);
  --border-dark: var(--neutral-40);
  --border-variant: var(--secondary);
  --app-main-outline: #000;
  --app-text-highlight: rgba(172, 18, 18, 0.8);
  --shadow: var(--neutral-0);
  --success-color: var(--success-70);
  /**
  // Elements in a disabled state
  */
  --disabled-container: var(--neutral-95);
  --on-disabled-container: var(--neutral-60);
  --disabled-light: var(--neutral-98);
  --on-disabled-light: var(--neutral-60);
  --disabled-dark: var(--neutral-90);
  --on-disabled-dark: var(--neutral-50);
  --dark-container: var(--primary-10);
  --on-dark-container: var(--primary-100);
  --light-container: var(--primary-90);
  --on-light-container: var(--primary-10);
  --placeholder: var(--neutral-95);
}
:root[data-accessibility-mode=dyslexia] {
  --font-family: "OpenDyslexic";
}
@media (max-width: 768px) {
  :root {
    --navbar-height: 60px;
  }
}

.yarl__fullsize {
  height: 100%;
  width: 100%;
}

.yarl__relative {
  position: relative;
}

.yarl__portal {
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--yarl__fade_animation_duration, 0.25s) var(--yarl__fade_animation_timing_function, ease);
  z-index: var(--yarl__portal_zindex, 9999);
}

.yarl__portal_open {
  opacity: 1;
}

.yarl__container {
  background-color: var(--yarl__container_background_color, var(--yarl__color_backdrop, #000));
  bottom: 0;
  left: 0;
  outline: none;
  overflow: hidden;
  overscroll-behavior: var(--yarl__controller_overscroll_behavior, contain);
  position: absolute;
  right: 0;
  top: 0;
  touch-action: var(--yarl__controller_touch_action, none);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.yarl__carousel {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  justify-content: center;
  opacity: var(--yarl__pull_opacity, 1);
  transform: translate(var(--yarl__swipe_offset, 0), var(--yarl__pull_offset, 0));
  width: calc(100% + (var(--yarl__carousel_slides_count) - 1) * (100% + var(--yarl__carousel_spacing_px, 0) * 1px + var(--yarl__carousel_spacing_percent, 0) * 1%));
}

.yarl__carousel_with_slides {
  -moz-column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
  column-gap: calc(var(--yarl__carousel_spacing_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_spacing_percent, 0) * 1%);
}

.yarl__flex_center {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.yarl__slide {
  flex: 1;
  overflow: hidden;
  padding: calc(var(--yarl__carousel_padding_px, 0) * 1px + 100 / (var(--yarl__carousel_slides_count) * 100 + (var(--yarl__carousel_slides_count) - 1) * var(--yarl__carousel_spacing_percent, 0)) * var(--yarl__carousel_padding_percent, 0) * 1%);
  position: relative;
}

[dir=rtl] .yarl__slide {
  --yarl__direction: -1;
}

.yarl__slide_image {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  touch-action: var(--yarl__controller_touch_action, none);
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.yarl__slide_image_cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.yarl__slide_image_loading {
  opacity: 0;
}

@media screen and (min-width: 800px) {
  .yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
  }
}
.yarl__slide_placeholder {
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.yarl__slide_loading {
  animation: yarl__delayed_fadein 1s linear;
  color: var(--yarl__slide_icon_loading_color, var(--yarl__color_button, hsla(0, 0%, 100%, 0.8)));
}

.yarl__slide_loading line {
  animation: yarl__stroke_opacity 1s linear infinite;
}

.yarl__slide_loading line:first-of-type {
  animation-delay: -1.875s;
}

.yarl__slide_loading line:nth-of-type(2) {
  animation-delay: -1.75s;
}

.yarl__slide_loading line:nth-of-type(3) {
  animation-delay: -1.625s;
}

.yarl__slide_loading line:nth-of-type(4) {
  animation-delay: -1.5s;
}

.yarl__slide_loading line:nth-of-type(5) {
  animation-delay: -1.375s;
}

.yarl__slide_loading line:nth-of-type(6) {
  animation-delay: -1.25s;
}

.yarl__slide_loading line:nth-of-type(7) {
  animation-delay: -1.125s;
}

.yarl__slide_loading line:nth-of-type(8) {
  animation-delay: -1s;
}

.yarl__slide_error {
  color: var(--yarl__slide_icon_error_color, red);
  height: var(--yarl__slide_icon_error_size, 48px);
  width: var(--yarl__slide_icon_error_size, 48px);
}

@media (prefers-reduced-motion) {
  .yarl__portal,
  .yarl__slide {
    transition: unset;
  }
  .yarl__slide_loading,
  .yarl__slide_loading line {
    animation: unset;
  }
}
.yarl__toolbar {
  bottom: auto;
  display: flex;
  justify-content: flex-end;
  left: auto;
  padding: var(--yarl__toolbar_padding, 8px);
  position: absolute;
  right: 0;
  top: 0;
}

[dir=rtl] .yarl__toolbar {
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

.yarl__icon {
  height: var(--yarl__icon_size, 32px);
  width: var(--yarl__icon_size, 32px);
}

.yarl__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--yarl__button_background_color, transparent);
  border: var(--yarl__button_border, 0);
  color: var(--yarl__color_button, hsla(0, 0%, 100%, 0.8));
  cursor: pointer;
  filter: var(--yarl__button_filter, drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.8)));
  line-height: 0;
  margin: var(--yarl__button_margin, 0);
  outline: none;
  padding: var(--yarl__button_padding, 8px);
  -webkit-tap-highlight-color: transparent;
}

.yarl__button:focus {
  color: var(--yarl__color_button_active, #fff);
}

.yarl__button:focus:not(:focus-visible) {
  color: var(--yarl__color_button, hsla(0, 0%, 100%, 0.8));
}

.yarl__button:focus-visible {
  color: var(--yarl__color_button_active, #fff);
}

@media (hover: hover) {
  .yarl__button:focus-visible:hover,
  .yarl__button:focus:hover,
  .yarl__button:hover {
    color: var(--yarl__color_button_active, #fff);
  }
}
.yarl__button:disabled {
  color: var(--yarl__color_button_disabled, hsla(0, 0%, 100%, 0.4));
  cursor: default;
}

.yarl__navigation_next,
.yarl__navigation_prev {
  padding: var(--yarl__navigation_button_padding, 24px 16px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.yarl__navigation_prev {
  left: 0;
}

[dir=rtl] .yarl__navigation_prev {
  left: unset;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.yarl__navigation_next {
  right: 0;
}

[dir=rtl] .yarl__navigation_next {
  left: 0;
  right: unset;
  transform: translateY(-50%) rotate(180deg);
}

.yarl__no_scroll {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

@keyframes yarl__delayed_fadein {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes yarl__stroke_opacity {
  0% {
    stroke-opacity: 1;
  }
  to {
    stroke-opacity: 0.125;
  }
}
html,
body {
  min-height: 100%;
  padding: 0;
  height: 100%;
  line-height: 1.37;
  box-sizing: border-box;
  color: var(--text-color);
  font-family: var(--font-family);
}
html *,
html *::before,
html *::after,
body *,
body *::before,
body *::after {
  box-sizing: border-box;
}

html {
  background: var(--background);
}

::view-transition-old(root) {
  animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
}

::view-transition-new(root) {
  animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}