@charset "UTF-8";*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 72.2% 50.6%;
    --destructive-foreground: 210 40% 98%;

    --ring: 222.2 84% 4.9%;

    --radius: 0.5rem;

    .theme-dark {
      --color--primary: hsl(212, 95%, 10%);
      --color--secondary: hsl(210, 40%, 20%);
      --color--light--primary: hsl(210, 50%, 35%);
      --color--light--secondary: hsl(210, 45%, 30%);
      --color--light--extra--secondary: hsl(210, 30%, 8%);
      --color--primary--background: hsl(210, 82%, 2%);
      --color--secondary--background: hsl(210, 40%, 10%);
      --color--primary--text: hsl(20, 14%, 96%);
      --color--secondary--text: hsl(220, 14%, 96%);
      --color--contrast--text: hsl(0, 0%, 100%);
    }
    .theme-default {
      --color--primary: hsl(210, 79%, 20%);
      --color--secondary: hsl(120, 6%, 15%);
      --color--light--primary: hsl(180, 5%, 87%);
      --color--light--secondary: hsl(185, 38%, 91%);
      --color--light--extra--secondary: hsl(0, 0%, 95%);
      --color--primary--background: hsl(0, 0%, 100%);
      --color--secondary--background: hsl(0, 0%, 93%);
      --color--primary--text: hsl(0, 0, 0);
      --color--secondary--text: hsl(0, 0, 0);
      --color--contrast--text: hsl(0, 0%, 100%);
    }
    .theme-ocean {
      /* Subtle Purple Theme */
      --color--primary: hsl(260, 35%, 25%);
      --color--secondary: hsl(260, 20%, 20%);
      --color--light--primary: hsl(260, 15%, 90%);
      --color--light--secondary: hsl(260, 10%, 95%);
      --color--light--extra--secondary: hsl(260, 5%, 97%);
      --color--primary--background: hsl(0, 0%, 100%);
      --color--secondary--background: hsl(260, 5%, 96%);
      --color--primary--text: hsl(260, 10%, 15%);
      --color--secondary--text: hsl(260, 5%, 30%);
      --color--contrast--text: hsl(0, 0%, 100%);
    }
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --ring: hsl(212.7, 26.8%, 83.9);
  }
  * {
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
  body {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
}
.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 1400px) {

  .\!container {
    max-width: 1400px !important;
  }

  .container {
    max-width: 1400px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-full {
  bottom: 100%;
}
.left-1\/2 {
  left: 50%;
}
.left-full {
  left: 100%;
}
.right-1 {
  right: 0.25rem;
}
.right-full {
  right: 100%;
}
.top-1\/2 {
  top: 50%;
}
.top-full {
  top: 100%;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.m-0 {
  margin: 0px;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-2 {
  height: 0.5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[180x\] {
  height: 180x;
}
.h-\[267px\] {
  height: 267px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[335px\] {
  height: 335px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[76px\] {
  height: 76px;
}
.h-\[calc\(100dvh\)\] {
  height: calc(100dvh);
}
.h-full {
  height: 100%;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\/4 {
  width: 25%;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-3 {
  width: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-96 {
  width: 24rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[270px\] {
  width: 270px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[calc\(100\%-40px\)\] {
  width: calc(100% - 40px);
}
.w-full {
  width: 100%;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-md {
  max-width: 28rem;
}
.flex-grow {
  flex-grow: 1;
}
.table-auto {
  table-layout: auto;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.resize-y {
  resize: vertical;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-3px {
  border-radius: 3px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-primaryDark {
  border-color: var(--color--primary);
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.bg-\[\#0b335d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 51 93 / var(--tw-bg-opacity, 1));
}
.bg-\[\#5E5E5E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E2FFDD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 255 221 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E4F0EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 240 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFEFD5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 213 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f79d23\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 157 35 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffdddd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 221 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-primaryBackground {
  background-color: var(--color--primary--background);
}
.bg-primaryDark {
  background-color: var(--color--primary);
}
.bg-primaryLight {
  background-color: var(--color--light--secondary);
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
}
.bg-secondaryBackground {
  background-color: var(--color--secondary--background);
}
.bg-secondaryDark {
  background-color: var(--color--secondary);
}
.bg-secondaryLight {
  background-color: var(--color--light--primary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.fill-blue-600 {
  fill: #2563eb;
}
.fill-primary {
  fill: hsl(var(--primary) / 1);
}
.stroke-primary {
  stroke: hsl(var(--primary) / 1);
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-\[100px\] {
  padding-right: 100px;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.leading-relaxed {
  line-height: 1.625;
}
.text-\[\#0b335d\] {
  --tw-text-opacity: 1;
  color: rgb(11 51 93 / var(--tw-text-opacity, 1));
}
.text-\[\#175317\] {
  --tw-text-opacity: 1;
  color: rgb(23 83 23 / var(--tw-text-opacity, 1));
}
.text-\[\#242424\] {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity, 1));
}
.text-\[\#411414\] {
  --tw-text-opacity: 1;
  color: rgb(65 20 20 / var(--tw-text-opacity, 1));
}
.text-\[\#4a4a4a\] {
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity, 1));
}
.text-\[\#6196f5\] {
  --tw-text-opacity: 1;
  color: rgb(97 150 245 / var(--tw-text-opacity, 1));
}
.text-\[\#CC5500\] {
  --tw-text-opacity: 1;
  color: rgb(204 85 0 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-contrastText {
  color: var(--color--contrast--text);
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.text-primaryDark {
  color: var(--color--primary);
}
.text-primaryText {
  color: var(--color--primary--text);
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondaryText {
  color: var(--color--secondary--text);
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-0 {
  opacity: 0;
}
.shadow-custom {
  --tw-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.scrollbar::-webkit-scrollbar {
    width: 20px;
    height: 20px;
  }
.scrollbar::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: #f7f4ed;
  }
.scrollbar::-webkit-scrollbar-thumb {
    background: #e0cbcb;
    border-radius: 100vh;
    border: 3px solid #f6f7ed;
  }
.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c0a0b9;
  }

.scrollbar-left {
  direction: rtl;
  text-align: left;
}

.leftReset {
  direction: ltr;
  text-align: left;
}

.vestibularField {
  writing-mode: vertical-rl;
  text-orientation: upright;
  background-color: white;
  border: 1px solid #0a0a0a;
  border-right: 0px;
  text-align: center;
  width: 10px;
  padding: 10px;
  font-weight: normal;
}

.vestibularCell {
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.vestibularTitle {
  font-weight: bold !important;
}

.vestibularRow {
  max-width: 100% !important;
  width: 100% !important;
}

.vestibularDataRow {
}

.toothRow {
  height: 20px;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.toothZero {
  border-right: none;
  padding-left: 0px;
  padding-right: 0px;
}

.dentalExamMultiCell {
  height: 30px;
  padding-bottom: 1px;
}

.moyerChartRow {
  td {
    border: 1px solid var(--color--primary);
    width: 100px;
    text-align: center;
    vertical-align: top;
  }
}

.moyerChartEmptyRow {
  td {
    border: 1px solid var(--color--primary);
    height: 20px;
  }
}

.moyerChartRowShort {
  td {
    border: 1px solid var(--color--primary);
    width: 100px;
    text-align: center;
    vertical-align: top;
    height: 10px;
  }
}

.moyerChartHeader {
  text-align: start !important;
  padding-left: 10px;
  width: 300px !important;
}

.moyerChartSplitHeader {
  text-align: start !important;
  padding-left: 10px;
}

.moyerTable {
  table-layout: fixed;
}

.moyerInputTable {
}

.moyerInputRow {
  td:first-child {
    border: 1px solid var(--color--primary);
    text-align: center;
    vertical-align: top;
    height: 10px;
    padding-right: 50px;
    text-align: start;
  }

  td:nth-child(2) {
    border: 1px solid var(--color--primary);
    text-align: center;
    vertical-align: top;
    height: 10px;
    width: 100px;
  }

  input{
    height: 100%;
  }
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:start-\[2px\]::after {
  content: var(--tw-content);
  inset-inline-start: 2px;
}

.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}

.after\:h-5::after {
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:w-5::after {
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.odd\:bg-gray-300:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.even\:bg-gray-100:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.checked\:border-slate-400:checked {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[\#355e5f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 94 95 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondaryBackground:hover {
  background-color: var(--color--secondary--background);
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.peer:checked ~ .peer-checked\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:after\:border-white::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}

.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.dark\:border-neutral-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}

.dark\:bg-neutral-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}

.dark\:text-gray-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.dark\:text-neutral-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.dark\:checked\:border-blue-500:checked:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:checked\:bg-blue-500:checked:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.dark\:focus\:ring-offset-gray-800:focus:is(.dark *) {
  --tw-ring-offset-color: #1f2937;
}

@media (min-width: 640px) {

  .sm\:h-\[470px\] {
    height: 470px;
  }

  .sm\:h-\[790px\] {
    height: 790px;
  }

  .sm\:w-\[400px\] {
    width: 400px;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }
}

@media (min-width: 768px) {

  .md\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
/*
 * Menu colours
 * ------------
 * Used ONLY by the menu pages (sidebar, Create Test, etc.).
 * The exam/test page keeps using the --color--* variables in App.css,
 * so changing anything here never affects the test.
 *
 * Names mirror the CCSQB app so its values can be pasted straight in:
 *   --menu-primary-color              sidebar, buttons, selected borders, checkmarks
 *   --menu-secondary-color            highlighted part of the logo
 *   --menu-tertiary-color             background of a selected card
 *   --menu-primary-background-color   page background, selected nav item, card hover
 *   --menu-secondary-background-color content panel, cards, inputs, footer
 *   --menu-text-color                 normal text
 *   --menu-text-color-alt             text on --menu-primary-color (sidebar, buttons)
 *   --menu-unselected-border-color    card / input borders
 *   --menu-error-color                warnings and errors
 *   --menu-success/warning/danger-color (+ -bg-color)  grade badges and bars
 */

:root,
.theme-default {
    --menu-primary-color: #0b335d;
    --menu-secondary-color: #bbcad6;
    --menu-tertiary-color: #e3ebf3;
    --menu-primary-background-color: #ffffff;
    --menu-secondary-background-color: #f4f6f8;
    --menu-text-color: #1c1c1c;
    --menu-text-color-alt: #ffffff;
    --menu-unselected-border-color: #d3d9df;
    --menu-error-color: #d32f2f;
    --menu-success-color: #1e7b34;
    --menu-success-bg-color: #dcf3e2;
    --menu-warning-color: #8a5a00;
    --menu-warning-bg-color: #fdf0d2;
    --menu-danger-color: #a12020;
    --menu-danger-bg-color: #fbe0e0;
}

.theme-dark {
    --menu-primary-color: hsl(212, 70%, 18%);
    --menu-secondary-color: hsl(210, 50%, 65%);
    --menu-tertiary-color: hsl(210, 40%, 18%);
    --menu-primary-background-color: hsl(210, 40%, 8%);
    --menu-secondary-background-color: hsl(210, 40%, 11%);
    --menu-text-color: hsl(220, 14%, 96%);
    --menu-text-color-alt: #ffffff;
    --menu-unselected-border-color: hsl(210, 25%, 24%);
    --menu-error-color: #f87171;
    --menu-success-color: #6fd38a;
    --menu-success-bg-color: hsl(140, 35%, 16%);
    --menu-warning-color: #f2c063;
    --menu-warning-bg-color: hsl(40, 45%, 16%);
    --menu-danger-color: #f28b8b;
    --menu-danger-bg-color: hsl(0, 40%, 18%);
}

.theme-ocean {
    --menu-primary-color: hsl(260, 35%, 25%);
    --menu-secondary-color: hsl(260, 40%, 80%);
    --menu-tertiary-color: hsl(260, 30%, 94%);
    --menu-primary-background-color: #ffffff;
    --menu-secondary-background-color: hsl(260, 10%, 97%);
    --menu-text-color: hsl(260, 10%, 15%);
    --menu-text-color-alt: #ffffff;
    --menu-unselected-border-color: hsl(260, 10%, 85%);
    --menu-error-color: #d32f2f;
    --menu-success-color: #1e7b34;
    --menu-success-bg-color: #dcf3e2;
    --menu-warning-color: #8a5a00;
    --menu-warning-bg-color: #fdf0d2;
    --menu-danger-color: #a12020;
    --menu-danger-bg-color: #fbe0e0;
}
._appContainer_11kiu_1 {
  display: grid;
  grid-template-columns: 300px 1fr;
  width: 100%;
  height: 100dvh;
  background-color: var(--menu-primary-background-color);
  font-family: inherit;
  overflow: hidden;
}

@media (max-width: 1024px) {
  ._appContainer_11kiu_1 {
    grid-template-columns: 1fr;
  }
}
._mainContent_11kiu_16 {
  position: relative;
  min-width: 0;
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
}

/*
 * Sidebar hidden (test / exam pages).
 * Matches the original Tailwind wrapper exactly
 * (grid min-h-screen w-full bg-secondaryBackground + flex-col content)
 * and keeps the exam's own --color--* variables, so the test is untouched.
 */
._appContainer_11kiu_1._appContainerNoSidebar_11kiu_30 {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 100vh;
  height: auto;
  overflow: visible;
  background-color: var(--color--secondary--background);
}

._appContainerNoSidebar_11kiu_30 > ._mainContent_11kiu_16 {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: visible;
}

/* Begin Sidebar */
._desktopSidebarContainer_11kiu_47 {
  height: 100dvh;
}
@media (max-width: 1024px) {
  ._desktopSidebarContainer_11kiu_47 {
    display: none;
  }
}

._sidebarContainer_11kiu_56 {
  display: flex;
  flex-direction: column;
  background-color: var(--menu-primary-color);
  height: 100%;
  line-height: 1.5; /* was inherited from Tailwind's html rule */
}
._sidebarContainer_11kiu_56 *,
._sidebarContainer_11kiu_56 *::before,
._sidebarContainer_11kiu_56 *::after {
  box-sizing: border-box; /* was from Preflight */
}

._sidebarLogoText_11kiu_69 {
  display: block;
  font-size: 2em;
  font-weight: 100;
  color: white;
  margin: 0px;
  padding: 15px 70px;
  font-family: inherit;
  white-space: nowrap;
}

._highlightedLogoText_11kiu_80 {
  font-weight: 300;
  color: var(--menu-secondary-color);
}

._sidebarNavContainer_11kiu_85 {
  display: block;
  flex: 1;
  overflow-y: auto;
}

._sidebarNavButton_11kiu_91 {
  display: grid;
  height: 45px;
  width: 100%;
  grid-template-columns: 50px auto;
  align-items: center;
  padding: 0px 20px;
  color: var(--menu-text-color-alt);
  background-color: var(--menu-primary-color);
  border: 0px;
  text-align: start;
  font: revert; /* browser's default button font, same as CCSQB (undoes Preflight) */
  font-weight: 300; /* must come after `font` */
  margin: 3px 0px;
  cursor: pointer;
}

._sidebarNavButton_11kiu_91:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

._sidebarNavButtonSelected_11kiu_112 {
  background-color: var(--menu-primary-background-color);
  color: var(--menu-text-color);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  cursor: initial !important;
  pointer-events: none;
}

._sidebarNavButtonSelected_11kiu_112:hover {
  background-color: var(--menu-primary-background-color);
}

._sidebarNavIcon_11kiu_124 {
  height: 25px;
  width: 25px;
}

/* Expiration footer */
._expirationContainer_11kiu_130 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 12px 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.15);
  color: var(--menu-text-color-alt);
}

._expirationLabel_11kiu_142 {
  font-weight: 300;
}

._expirationDate_11kiu_146 {
  font-size: 0.75rem;
  opacity: 0.85;
}

/* Mobile drawer */
._mobileDrawerContainer_11kiu_152 {
  display: none;
}

@media (max-width: 1024px) {
  ._mobileDrawerContainer_11kiu_152 {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 20;
    pointer-events: none;
  }
  ._mobileDrawerBackdrop_11kiu_164 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 21;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  ._mobileDrawerContentWrapper_11kiu_175 {
    z-index: 22;
    position: absolute;
    top: 0;
    left: 0;
    height: 100dvh;
    width: 80%;
    max-width: 350px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
    transform: translateX(-100%);
    transition: transform 0.2s ease-in-out;
  }
  ._mobileDrawerOpen_11kiu_187 {
    pointer-events: auto;
  }
  ._mobileDrawerOpen_11kiu_187 ._mobileDrawerBackdrop_11kiu_164 {
    opacity: 1;
  }
  ._mobileDrawerOpen_11kiu_187 ._mobileDrawerContentWrapper_11kiu_175 {
    transform: translateX(0%);
  }
}
._mobileDrawerCloseButton_11kiu_197 {
  position: absolute;
  top: 8px;
  right: 5px;
  height: 45px;
  width: 45px;
  padding: 0; /* was from Preflight */
  cursor: pointer;
  background-color: var(--menu-primary-color);
  border: 0px;
}

._mobileDrawerCloseButton_11kiu_197::before,
._mobileDrawerCloseButton_11kiu_197::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 2px;
  border-radius: 2px;
  background-color: white;
}

._mobileDrawerCloseButton_11kiu_197::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

._mobileDrawerCloseButton_11kiu_197::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

._mobileDrawerToggleButton_11kiu_229 {
  position: fixed;
  top: 15px;
  right: 15px;
  height: 40px;
  width: 40px;
  padding: 0; /* was from Preflight */
  cursor: pointer;
  background-color: var(--menu-secondary-background-color);
  border: 0px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}

@media (min-width: 1025px) {
  ._mobileDrawerToggleButton_11kiu_229 {
    display: none;
  }
}
._mobileDrawerBurgerIcon_11kiu_249,
._mobileDrawerBurgerIcon_11kiu_249::before,
._mobileDrawerBurgerIcon_11kiu_249::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--menu-primary-color);
  border-radius: 3px;
  height: 2px;
  width: 20px;
}

._mobileDrawerBurgerIcon_11kiu_249::before {
  content: "";
  top: calc(50% - 6px);
}

._mobileDrawerBurgerIcon_11kiu_249::after {
  content: "";
  top: calc(50% + 6px);
}
/*
 * Create Test page — styled after the CCSQB create test page,
 * using this app's theme variables (.theme-default / .theme-dark / .theme-ocean).
 */
._homepagePageContainer_q8bp3_6 {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--menu-primary-background-color);
  line-height: normal;
}

._createTestContainer_q8bp3_15 {
  background-color: var(--menu-secondary-background-color);
  height: 100%;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  padding: 20px;
  overflow-y: auto;
}

/* Page title */
._homepageTitleContainer_q8bp3_25 {
  display: grid;
  width: 100%;
  height: 50px;
  grid-template-columns: 50px auto;
  align-items: center;
  margin-bottom: 10px;
  color: var(--menu-text-color);
}

._homepageTitleIcon_q8bp3_35 {
  height: 35px;
  width: 35px;
  color: var(--menu-text-color);
}

._homepageTitleText_q8bp3_41 {
  margin: 0px;
  font-size: 28px;
  font-weight: bold;
}

/* Sections */
._createTestSectionContainer_q8bp3_48 {
  padding-bottom: 20px;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionHeader_q8bp3_51 {
  font-size: 22px;
  font-weight: bold;
  margin: 0.83em 0px 0px 0px;
  color: var(--menu-text-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionSelectAll_q8bp3_57 {
  cursor: pointer;
  color: var(--menu-text-color);
  margin-top: 5px;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionSubtext_q8bp3_65 {
  font-size: 16px;
  margin: 0px;
  opacity: 0.8;
  color: var(--menu-text-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionContentSpacer_q8bp3_71 {
  height: 10px;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOptionsContainer_q8bp3_74 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 1100px) {
  ._createTestSectionContainer_q8bp3_48 ._createTestSectionOptionsContainer_q8bp3_74 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 850px) {
  ._createTestSectionContainer_q8bp3_48 ._createTestSectionOptionsContainer_q8bp3_74 {
    grid-template-columns: 1fr;
  }
}
._createTestSectionContainer_q8bp3_48 {
  /* Detailed option (icon + title + description) */
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOption_q8bp3_74 {
  border-radius: 5px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: var(--menu-secondary-background-color);
  display: grid;
  grid-template-columns: 40px auto;
  padding: 0px;
  overflow: hidden;
  transition-duration: 150ms;
  color: var(--menu-text-color);
  cursor: pointer;
  text-align: left;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOption_q8bp3_74:hover {
  background-color: var(--menu-primary-background-color);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  transform: scale(1.015);
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOption_q8bp3_74._selectedOption_q8bp3_110 {
  background-color: var(--menu-tertiary-color) !important;
  border-color: var(--menu-primary-color);
  transition-duration: 150ms;
}
._createTestSectionContainer_q8bp3_48 {
  /* Simple option (category checkbox + name) */
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionSimpleOption_q8bp3_118 {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  justify-items: center;
  grid-template-rows: 1fr;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: rgba(0, 0, 0, 0);
  transition-duration: 150ms;
  color: var(--menu-text-color);
  cursor: pointer;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionSimpleOption_q8bp3_118:hover {
  background-color: var(--menu-primary-background-color);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  transform: scale(1.015);
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionSimpleOption_q8bp3_118._selectedOption_q8bp3_110 {
  background-color: var(--menu-tertiary-color) !important;
  border-color: var(--menu-primary-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonCheckboxWrapper_q8bp3_142 {
  display: grid;
  align-items: center;
  justify-items: center;
  height: 100%;
  width: 100%;
  border-right: 1px solid var(--menu-unselected-border-color);
  transition-duration: 150ms;
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonCheckboxWrapper_q8bp3_142._checkboxWrapperChecked_q8bp3_151 {
  background-color: var(--menu-primary-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOptionCheckboxContainer_q8bp3_154 {
  height: 20px;
  width: 20px;
  border-radius: 5px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: var(--menu-secondary-background-color);
  display: grid;
}
._createTestSectionContainer_q8bp3_48 ._createTestSectionOptionCheckboxContainer_q8bp3_154._simpleCheckbox_q8bp3_162 {
  background-color: var(--menu-primary-color);
  border-color: var(--menu-primary-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonCheckIcon_q8bp3_166 {
  color: var(--menu-primary-color);
  align-self: center;
  justify-self: center;
  width: 20px;
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonCheckIcon_q8bp3_166._simpleCheckIcon_q8bp3_172 {
  color: var(--menu-text-color-alt);
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonContentWrapper_q8bp3_175 {
  line-height: normal;
  padding: 15px;
  padding-right: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template-rows: auto auto;
  align-self: center;
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonContentWrapper_q8bp3_175 svg {
  display: inline;
  vertical-align: baseline;
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonIcon_q8bp3_189 {
  font-size: 26px;
  margin-bottom: 6px;
  color: var(--menu-text-color);
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonName_q8bp3_194 {
  font-size: 20px;
  align-self: center;
  margin: 0px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 6px;
}
._createTestSectionContainer_q8bp3_48 ._createTestButtonDescription_q8bp3_202 {
  font-size: 14px;
  text-align: left;
  grid-column-start: 1;
  grid-column-end: 3;
  margin: 0px;
}
._createTestSectionContainer_q8bp3_48 ._createTestInput_q8bp3_209 {
  border: 1px solid var(--menu-unselected-border-color);
  border-radius: 5px;
  padding-left: 10px;
  width: 100%;
  color: var(--menu-text-color);
  height: 50px;
  font-size: 16px;
  background-color: var(--menu-secondary-background-color);
  cursor: text;
}
._createTestSectionContainer_q8bp3_48 ._createTestInput_q8bp3_209:focus {
  outline: none;
  border-color: var(--menu-primary-color);
}

/* Footer */
._homepageFooterContainer_q8bp3_226 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  gap: 10px;
  padding: 10px 0px 10px 10px;
  justify-content: end;
  align-items: center;
  background-color: var(--menu-secondary-background-color);
  border-top: 1px solid var(--menu-unselected-border-color);
  color: var(--menu-text-color);
  z-index: 2;
}

._homepageFooterMessage_q8bp3_240 {
  color: var(--menu-error-color);
  font-weight: bold;
  margin-right: auto;
}

._homepageFooterButton_q8bp3_246 {
  min-height: 40px;
  height: 100%;
  max-width: 250px;
  width: 100%;
  border-radius: 5px;
  border: 0px;
  background-color: var(--menu-primary-color);
  color: var(--menu-text-color-alt);
  margin-right: 10px;
  cursor: pointer;
}
._homepageFooterButton_q8bp3_246:hover {
  filter: brightness(1.15);
}

._homepageFooterSpinnerWrapper_q8bp3_262 {
  width: 100%;
  max-width: 250px;
  min-height: 40px;
  margin-right: 10px;
  display: grid;
  align-items: center;
  justify-items: center;
}

._homepageFooterSpinner_q8bp3_262 {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 3px solid var(--menu-unselected-border-color);
  border-top-color: var(--menu-primary-color);
  animation: _spin_q8bp3_1 0.8s linear infinite;
}

@keyframes _spin_q8bp3_1 {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1024px) {
  ._homepagePageContainer_q8bp3_6 {
    width: 100%;
  }
  /* keep the title clear of the floating burger button */
  ._homepageTitleContainer_q8bp3_25 {
    padding-right: 60px;
  }
}
._primaryButton_q8bp3_295,
._secondaryButton_q8bp3_296 {
  border-radius: 5px;
  border: 0px;
}

._primaryButton_q8bp3_295 {
  background-color: var(--menu-primary-color);
  color: var(--menu-text-color-alt);
}
/*
 * Settings bar — visual copy of the CCSQB settingsBar.scss,
 * shown as a panel that slides out from the right of the test page.
 * Uses the --menu-* colours from menuTheme.css.
 */
/* ── Pop-out shell ─────────────────────────────────────────── */
._backdrop_4fmip_8 {
  position: fixed;
  inset: 0;
  z-index: 60;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
}

._panel_4fmip_18 {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 61;
  height: 100dvh;
  width: min(380px, 92vw);
  display: flex;
  flex-direction: column;
  box-shadow: -2px 0 20px rgba(0, 0, 0, 0.25);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 200ms ease, visibility 0s linear 200ms;
  font-size: 14px;
  line-height: normal;
}

._open_4fmip_35 ._backdrop_4fmip_8 {
  opacity: 1;
  pointer-events: auto;
}
._open_4fmip_35 ._panel_4fmip_18 {
  transform: translateX(0);
  visibility: visible;
  transition: transform 200ms ease;
}

@media (prefers-reduced-motion: reduce) {
  ._backdrop_4fmip_8,
  ._panel_4fmip_18,
  ._open_4fmip_35 ._panel_4fmip_18 {
    transition: none;
  }
}
._closeButton_4fmip_52 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--menu-text-color);
  cursor: pointer;
}
._closeButton_4fmip_52:hover {
  background-color: var(--menu-tertiary-color);
}

/* ── Settings content (from settingsBar.scss) ─────────────── */
._settingsBody_4fmip_71 {
  flex: 1;
  min-height: 0;
  background-color: var(--menu-secondary-background-color);
  color: var(--menu-text-color);
  padding: 10px;
  overflow-y: auto;
  /* Hide arrows in Chrome, Edge, and Safari */
}
._settingsBody_4fmip_71 input[type=number]::-webkit-inner-spin-button,
._settingsBody_4fmip_71 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._settingsBody_4fmip_71 {
  /* Hide arrows in Firefox */
}
._settingsBody_4fmip_71 input[type=number] {
  -moz-appearance: textfield;
}

._settingsTitle_4fmip_92 {
  display: flex;
  justify-content: center;
  /* browser-default <h4> (Tailwind's base styles flatten it) */
}
._settingsTitle_4fmip_92 h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
}

._itemContainer_4fmip_103 {
  display: flex;
  flex-direction: column;
  padding: 5px;
  /* browser-default <h5> */
}
._itemContainer_4fmip_103 h5 {
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

._itemBody_4fmip_115 {
  background-color: var(--menu-primary-background-color);
  border-radius: 20px;
  border: 1px solid var(--menu-unselected-border-color);
  padding: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}

._themesContainer_4fmip_124 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
._themesContainer_4fmip_124 span {
  text-align: center;
}
._themesContainer_4fmip_124 input[type=radio] {
  justify-self: center;
  cursor: pointer;
}

._themeContainer_4fmip_137 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._themeBox_4fmip_143 {
  display: grid;
  grid-template-columns: repeat(2, 0fr);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  justify-content: center;
}

/*
 * The cubes sit inside an element carrying that theme's class
 * (.theme-default, .theme-dark, ...), so these variables resolve
 * to the colours of the theme being previewed.
 */
._themeCube_4fmip_156 {
  width: 20px;
  height: 40px;
}
._themeCube_4fmip_156:nth-child(1) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: var(--menu-primary-color);
}
._themeCube_4fmip_156:nth-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--menu-secondary-color);
}

._cubeContainer_4fmip_171 {
  display: flex;
  cursor: pointer;
}

._itemRow_4fmip_176 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid var(--menu-tertiary-color);
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  padding-top: 10px;
  align-items: center;
  gap: 10px;
}

._select_4fmip_189 {
  margin-left: 10px;
  padding: 5px;
  border: 1px solid var(--menu-unselected-border-color);
  border-radius: 5px;
  background-color: var(--menu-primary-background-color);
  color: var(--menu-text-color);
}

._fontButton_4fmip_198 {
  width: 30px;
  height: 30px;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #ccc;
  color: #000;
  cursor: pointer;
}

._fontButtonSelected_4fmip_209 {
  border: 2px solid black;
  font-weight: bold;
}

._fontInput_4fmip_214 {
  width: 40px;
  height: 30px;
  text-align: center;
  margin: 0 5px;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: var(--menu-primary-background-color);
  color: var(--menu-text-color);
}

._buttonGroup_4fmip_226 {
  display: flex;
  gap: 6px;
}

._counter_4fmip_231 {
  display: flex;
  align-items: center;
}

._itemButton_4fmip_236 {
  background-color: var(--menu-primary-color);
  color: var(--menu-text-color-alt);
  padding: 5px 10px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
}

/* On/off switch (stands in for the CCSQB ToggleButton) */
._toggle_4fmip_246 {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  border: 0;
  padding: 0;
  background-color: var(--menu-unselected-border-color);
  cursor: pointer;
  transition: background-color 150ms ease;
}
._toggle_4fmip_246::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: transform 150ms ease;
}
._toggle_4fmip_246._toggleOn_4fmip_270 {
  background-color: var(--menu-primary-color);
}
._toggle_4fmip_246._toggleOn_4fmip_270::after {
  transform: translateX(18px);
}/*
 * Question list sidebar, adapted from the question-set app's testPage.scss
 * (.questions-list). Uses the exam theme variables from App.css.
 */
._questionsList_ugyf4_5 {
  width: 100px;
  min-width: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--color--primary--background);
  border-right: 1px solid #9ca3af;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._questionsList_ugyf4_5 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
._questionsList_ugyf4_5 li {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 26px;
  padding-left: 1rem;
  cursor: pointer;
}
._questionsList_ugyf4_5 li:nth-child(even) {
  background-color: var(--color--light--extra--secondary);
}
._questionsList_ugyf4_5 li:hover {
  background-color: var(--color--light--primary);
}

._questionListItem_ugyf4_36 {
  color: var(--color--primary--text);
  /* dot = not answered yet */
}
._questionListItem_ugyf4_36::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: var(--color--primary--text);
}
._questionListItem_ugyf4_36 > p {
  display: inline-grid;
  width: 25px;
  margin: 0;
  align-items: center;
  justify-items: center;
}

._completedListItem_ugyf4_57::before {
  background-color: transparent;
}

._current_ugyf4_61 {
  background-color: var(--color--primary) !important;
  color: var(--color--contrast--text) !important;
}

._current_ugyf4_61:not(._completedListItem_ugyf4_57)::before {
  background-color: var(--color--contrast--text);
}

._resultCorrect_ugyf4_70,
._resultIncorrect_ugyf4_71 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

._resultCorrect_ugyf4_70 {
  color: #16a34a;
}

._resultIncorrect_ugyf4_71 {
  color: #dc2626;
}

._listMarkedFlag_ugyf4_85 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #dc2626;
  fill: #dc2626;
}

@media (max-width: 640px) {
  ._questionsList_ugyf4_5 {
    width: 72px;
    min-width: 72px;
  }
  ._questionsList_ugyf4_5 li {
    padding-left: 0.5rem;
  }
  ._listMarkedFlag_ugyf4_85 {
    right: 4px;
  }
}/* Canadian patient table. Font, size and alignment come from the center columns. */
._table_17xuy_2 {
  min-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid var(--color--primary);
}

._tableLight_17xuy_9 {
  color: var(--color--primary--text);
}

._tableDark_17xuy_13 {
  color: var(--color--contrast--text);
}

._cell_17xuy_17 {
  padding: 0.5rem 1rem;
  border: 1px solid var(--color--primary);
}

._header_17xuy_22 {
  width: 100%;
}

._headerLight_17xuy_26 {
  background-color: #84b2df;
}

._headerDark_17xuy_30 {
  background-color: #2a2c31;
}/*
 * Periodontal chart. Font and size come from the center columns.
 * vestibularField / vestibularCell / vestibularTitle / toothRow / toothZero
 * stay global classes in App.css.
 */
._wrap_12gfe_6 {
  display: flex;
}

._table_12gfe_10 {
  border: 1px solid var(--color--primary);
  border-collapse: collapse;
}

._cell_12gfe_15 {
  border: 1px solid var(--color--primary);
}

._labelCell_12gfe_19 {
  background-color: var(--color--light--secondary);
}

/* Spacer cell that lines the vertical title up with the tooth row */
._toothZero_12gfe_25 {
  color: var(--color--light--secondary);
}

._triple_12gfe_29 {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}/* SNB chart. Font, size and alignment come from the center columns. */
._wrap_13ab8_2 {
  display: flex;
}

._table_13ab8_6 {
  border: 1px solid var(--color--primary);
  border-collapse: collapse;
}

._shadedRow_13ab8_11 {
  background-color: var(--color--light--secondary);
}

._cell_13ab8_15 {
  padding: 0 0.5rem;
  border: 1px solid var(--color--primary);
}

._headCell_13ab8_20 {
  font-weight: 700;
}

._valueCell_13ab8_25 {
  text-align: center;
}/*
 * Dental examination chart. Font and size come from the center columns;
 * the chart's own cells keep their centred layout.
 * .dentalExamMultiCell stays a global class in App.css.
 */
._wrap_1hxfe_6 {
  display: flex;
}

._table_1hxfe_10 {
  border: 1px solid var(--color--primary);
  border-collapse: collapse;
}

._headerRow_1hxfe_15 {
  height: 50px;
  font-weight: 700;
  background-color: var(--color--light--secondary);
}

._cell_1hxfe_21 {
  padding: 0 0.5rem;
  border: 1px solid var(--color--primary);
}

._centerCell_1hxfe_26 {
  text-align: center;
}

._rowLabel_1hxfe_31 {
  font-weight: 700;
  background-color: var(--color--light--secondary);
}

/* Probing label + Vestibular / Lingual split */
._probingLabelWrap_1hxfe_38 {
  border-right: 1px solid var(--color--primary);
}

._probingLabel_1hxfe_38 {
  height: 60px;
  padding: 0 0.5rem;
  align-content: start;
  font-weight: 700;
  background-color: var(--color--light--secondary);
  border-right: 1px solid var(--color--primary);
}

._vlColumn_1hxfe_51 {
  padding: 0;
  font-weight: 700;
  background-color: var(--color--light--secondary);
}

._stack_1hxfe_57 {
  display: flex;
  flex-direction: column;
  text-align: center;
}

._vlTop_1hxfe_63 {
  padding: 0 1rem 0.25rem;
  border-bottom: 1px solid var(--color--primary);
}

._vlBottom_1hxfe_68 {
  padding: 0 1rem;
}

/* Per-tooth values */
._valueCell_1hxfe_73 {
  padding: 0;
  text-align: center;
  border: 1px solid var(--color--primary);
}

._valueRow_1hxfe_79 {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  padding: 0 1rem;
}

._valueRowTop_1hxfe_86 {
  border-bottom: 1px solid var(--color--primary);
}/*
 * Moyer's prediction chart. Font and size come from the center columns.
 * Row/cell layout stays in the global moyerChart* classes in App.css.
 */
._wrap_sytxb_5 {
  display: flex;
  width: 720px;
}

._table_sytxb_10 {
  border: 1px solid var(--color--primary);
  border-collapse: collapse;
}

._title_sytxb_15 {
  padding-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  text-decoration: underline;
  border: 1px solid var(--color--primary);
}

._borderedRow_sytxb_23 {
  border: 1px solid var(--color--primary);
}/*
 * Moyer's patient values. Font and size come from the center columns.
 * Row/cell layout stays in the global moyerInput* classes in App.css.
 */
._inputWrap_1biol_5 {
  display: flex;
}/*
 * Multiple choice answers. Font, size and alignment are inherited from the
 * center columns (settings bar); sizes here are in em so they scale with it.
 */
._block_11mtk_5 {
  direction: ltr;
}

._questionText_11mtk_9 {
  display: block;
  margin-bottom: 0.75rem;
}

._answer_11mtk_14 {
  margin-bottom: 0.75rem;
}

._answerRow_11mtk_18 {
  display: flex;
  gap: 0.75rem;
}

._answerInner_11mtk_23 {
  display: flex;
  flex-direction: row;
}

._answerMarker_11mtk_28 {
  align-self: flex-start;
  margin-right: 0.75rem;
}

._answerText_11mtk_33 {
  display: flex;
  white-space: pre-wrap;
}

._correctIcon_11mtk_38 {
  flex-shrink: 0;
  margin-left: 0.25rem;
  color: #175317;
}

._wrongIcon_11mtk_44 {
  flex-shrink: 0;
  margin-left: 0.25rem;
  color: #411414;
}

._explanation_11mtk_50 {
  font-size: 0.75em;
  font-style: italic;
}

/* Answer choice image */
._answerImageIndent_11mtk_56 {
  margin-left: 3rem;
}

._imageWrap_11mtk_60 {
  margin-top: 0.5rem;
}

._imageToggle_11mtk_64 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.75em;
  color: #2563eb;
  cursor: pointer;
  transition: color 150ms ease;
}
._imageToggle_11mtk_64:hover {
  color: #1e40af;
}

._imagePanel_11mtk_80 {
  margin-top: 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
}

._imageStatus_11mtk_87 {
  padding: 1rem 0.75rem;
  font-size: 0.75em;
  color: #6b7280;
}

._imageError_11mtk_93 {
  color: #ef4444;
}

._answerImage_11mtk_56 {
  display: block;
  max-width: 100%;
  height: auto;
}

._percentChosen_11mtk_104 {
  margin-left: 6px;
  font-size: 0.85em;
  opacity: 0.7;
  white-space: nowrap;
}

._neutralIcon_11mtk_111 {
  display: inline-block;
  margin-left: 0.35em;
  color: #9ca3af;
  font-weight: 700;
  cursor: help;
}/*
 * Prescription pad. Font, size and alignment are inherited from the center
 * columns (settings bar); spacing is in em/rem so it scales with the text.
 * The result colours (getReviewColors / constants/test) are untouched.
 */
._block_c3ky3_6 {
  direction: ltr;
}

._bold_c3ky3_10 {
  font-weight: 700;
}

._column_c3ky3_14 {
  display: flex;
  flex-direction: column;
}

._centeredColumn_c3ky3_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._instructions_c3ky3_25 {
  width: 100%;
  text-align: center;
  background-color: #fff;
}

._instructionsText_c3ky3_31 {
  font-weight: 700;
}

._prescriptionPad_c3ky3_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 2px solid #000;
}

._doctorHeader_c3ky3_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
}

._headerRow_c3ky3_50 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._headerField_c3ky3_56 {
  display: flex;
  gap: 1.25rem;
  padding-left: 0.5rem;
}

._headerLabel_c3ky3_62 {
  width: 150px;
  font-weight: 700;
}

._dateField_c3ky3_67 {
  margin-right: 1.25rem;
}

._rxField_c3ky3_71 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  padding-left: 1rem;
}

._rxSymbol_c3ky3_79 {
  font-size: 3rem;
  line-height: 1;
}

._field_c3ky3_84 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  padding-left: 1rem;
}

._lastField_c3ky3_93 {
  padding-bottom: 2.5rem;
}

._sigField_c3ky3_98 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
  padding-left: 1rem;
  padding-right: 2.5rem;
}

._sigColumn_c3ky3_107 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}

._fieldLabelRow_c3ky3_115 {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

._fieldLabel_c3ky3_115 {
  font-weight: 700;
}

._textInput_c3ky3_125 {
  border: 1px solid #9ca3af;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  color: #000;
  width: 100%;
  height: 50px;
}

._numberInput_c3ky3_135 {
  border: 1px solid #9ca3af;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  color: #000;
  width: 80px;
  height: 50px;
}

._sigInput_c3ky3_145 {
  border: 1px solid #9ca3af;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  background-color: #fff;
  color: #000;
  width: 100%;
  height: 120px;
  padding-left: 0;
  padding-right: 0;
}

/* Review / show-answer result cards */
._resultRow_c3ky3_158 {
  display: flex;
}

._resultCard_c3ky3_162 {
  padding: 0.75rem;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}._block_4j39c_1 {
  direction: ltr;
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
}

._instructions_4j39c_9 {
  font-weight: 700;
  text-align: center;
}

._titleBar_4j39c_14 {
  background-color: #1f3864;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
  text-align: center;
  padding: 0.35em 0.5em;
}

._preWrap_4j39c_23 {
  white-space: pre-wrap;
}

/* ---------- Answering ---------- */
._presented_4j39c_28 {
  border: 1px solid #000;
}

._presentedList_4j39c_32 {
  display: flex;
  flex-direction: column;
  padding: 0.5em 0.75em;
  gap: 0.25em;
}

._presentedRow_4j39c_39 {
  display: flex;
  gap: 1em;
}

._tables_4j39c_44 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
}

._table_4j39c_44 {
  flex: 1 1 18em;
  min-width: 0;
}

._grid_4j39c_55 {
  display: grid;
  grid-template-columns: minmax(7em, auto) 1fr;
  -moz-column-gap: 1em;
       column-gap: 1em;
  row-gap: 0.5em;
  padding: 0.5em 0.25em;
  align-items: center;
}

/* Each row is a wrapper so it can be keyed; its children sit on the grid */
._row_4j39c_65 {
  display: contents;
}

._columnHeader_4j39c_69 {
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.25em;
}

._rowLabel_4j39c_75 {
  white-space: nowrap;
}

._select_4j39c_79 {
  width: 100%;
  min-width: 0;
  padding: 0.2em 0.4em;
  border: 1.5px solid #000;
  border-radius: 0;
  background-color: #fff;
  color: #000;
  font: inherit;
  cursor: pointer;
}
._select_4j39c_79:disabled {
  cursor: not-allowed;
  background-color: #f3f4f6;
  color: #374151;
}

/* ---------- Answer viewed / review ---------- */
._resultCard_4j39c_97 {
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

._resultHeader_4j39c_104 {
  background-color: #1f3864;
  color: #fff;
  padding: 0.4em 0.75em;
}

._resultDrug_4j39c_110 {
  font-weight: 700;
  font-size: 1.05em;
}

._resultBody_4j39c_115 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 0.75em;
}

._optionGroup_4j39c_122 {
  display: flex;
  flex-direction: column;
  gap: 0.35em;
}

._optionGroupHeader_4j39c_128 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1em;
}

._optionGroupTitle_4j39c_135 {
  font-weight: 700;
}

._status_4j39c_139 {
  font-weight: 700;
  font-size: 0.9em;
}

._optionList_4j39c_144 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

._option_4j39c_122 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.3em 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

/* The user's own pick gets a solid outline, right or wrong */
._optionPicked_4j39c_160 {
  border: 2px solid currentColor;
}

._optionIcon_4j39c_164 {
  display: inline-flex;
  flex-shrink: 0;
  width: 18px;
  justify-content: center;
}

._optionText_4j39c_171 {
  flex: 1;
  min-width: 0;
}

._yourAnswer_4j39c_176 {
  flex-shrink: 0;
  font-size: 0.8em;
  font-weight: 700;
  font-style: italic;
}

._explanation_4j39c_183 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin: 0 0.75em 0.75em;
  padding: 0.6em 0.75em;
  border-left: 3px solid #1f3864;
  background-color: rgba(31, 56, 100, 0.06);
}

._explanationTitle_4j39c_193 {
  font-weight: 700;
}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.47"}.katex .katex-mathml{border:0;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}
/*
 * Center columns of the test page.
 * The settings bar values arrive as CSS variables set inline on .columns:
 *   --tc-font-family, --tc-font-size, --tc-text-align, --tc-content-width
 * Children inherit font and alignment; tables/inputs are told to inherit too.
 */
._columns_obx4b_3 {
  font-family: var(--tc-font-family, inherit);
  font-size: var(--tc-font-size, 16px);
  line-height: 1.5;
  text-align: var(--tc-text-align, start);
  background-color: var(--color--primary--background);
  color: var(--color--primary--text);
}
._columns_obx4b_3 table,
._columns_obx4b_3 input,
._columns_obx4b_3 textarea,
._columns_obx4b_3 select,
._columns_obx4b_3 button {
  font-family: inherit;
  font-size: inherit;
}

/* Split screen: question left, answers right (stacked on phones) */
._split_obx4b_25 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 640px) {
  ._split_obx4b_25 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._leftColumn_obx4b_35,
._rightColumn_obx4b_36 {
  padding: 1rem;
  overflow-y: auto;
}

._rightColumn_obx4b_36 {
  display: flex;
  flex-direction: column;
}

/* Single column: one scroll area with the question above the answers */
._single_obx4b_47 {
  overflow-y: auto;
}

._singleColumn_obx4b_51 {
  padding: 1rem;
}

._singleDivider_obx4b_55 {
  width: 100%;
  max-width: var(--tc-content-width, 100%);
  margin: 1rem auto;
  border-top: 1px solid #9ca3af;
}

/* Content width: how much of the column the content may use, centred */
._content_obx4b_63,
._answerContent_obx4b_64 {
  width: 100%;
  max-width: var(--tc-content-width, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: var(--tc-text-align, start);
}

._content_obx4b_63 {
  padding: 1rem;
}

._answerContent_obx4b_64 {
  display: flex;
  flex-direction: column;
}

/* Question side blocks */
._chartBlock_obx4b_82 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0.75rem;
}

._chartBlockSpaced_obx4b_89 {
  gap: 1.25rem;
}

._mediaBlock_obx4b_94 {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
}

._questionImage_obx4b_100 {
  max-width: 100%;
  height: auto;
}

._imageLoading_obx4b_105 {
  margin-top: 1.25rem;
}

._modelError_obx4b_109 {
  display: flex;
  gap: 0.75rem;
}

._modelErrorIcon_obx4b_114 {
  width: 5rem;
  flex-shrink: 0;
}

/* Answer side explainers */
._explainerBox_obx4b_120 {
  margin-top: 1rem;
  padding: 0.75rem;
  border-left: 4px solid var(--color--primary);
  border-radius: 0 0.25rem 0.25rem 0;
  background-color: var(--color--light--primary);
}

._explainerTitle_obx4b_128 {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 700;
}

._preWrap_obx4b_134 {
  white-space: pre-wrap;
}

._explainerList_obx4b_138 > * + * {
  border-top: 1px solid #d1d5db;
}

._explainerItem_obx4b_142 {
  padding: 0.5rem 0;
}
/*
 * Test page layout (was Tailwind).
 * Colours are the exam theme variables from App.css (--color--*),
 * so .theme-default / .theme-dark / .theme-ocean keep working.
 */
/* ── Page & top bar ─────────────────────────────────────────── */
/* Question list on the far left, the whole test page beside it */
._shell_yg53b_9 {
  display: flex;
  align-items: flex-start;
  min-height: 100vh;
  min-height: 100dvh;
  background-color: var(--color--light--primary);
}
._shell_yg53b_9 > nav {
  position: sticky;
  top: 0;
}

._page_yg53b_21 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  align-self: stretch;
  background-color: var(--color--light--primary);
}

._topBar_yg53b_30 {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  font-weight: 700;
  background-color: var(--color--primary);
  color: var(--color--contrast--text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._column_yg53b_40 {
  display: flex;
  flex-direction: column;
}

._reviewingLabel_yg53b_45 {
  color: #dc2626;
}

._questionCount_yg53b_49 {
  text-align: right;
}
@media (min-width: 640px) {
  ._questionCount_yg53b_49 {
    text-align: left;
  }
}

._timerColReview_yg53b_58 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
}

._bold_yg53b_65 {
  font-weight: 700;
}

._normalText_yg53b_69 {
  font-weight: 400;
}

/* ── Middle block ───────────────────────────────────────────── */
._midBlock_yg53b_74 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color--light--primary);
}

/* Desktop action row (Notes / Highlight / Strike / Settings / Mark) */
._actions_yg53b_82 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  padding: 0.5rem;
  background-color: var(--color--light--primary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._actionsTutor_yg53b_94 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

._actionsLeft_yg53b_98 {
  grid-column: span 3/span 3;
  display: flex;
  gap: 0.75rem;
}

._actionsCenter_yg53b_104 {
  grid-column: span 1/span 1;
  display: flex;
  justify-content: center;
  color: var(--color--primary);
}

._actionsRight_yg53b_111 {
  grid-column: span 3/span 3;
  display: flex;
  justify-content: flex-end;
  color: var(--color--primary);
}

._actionButton_yg53b_118 {
  display: flex;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color--primary);
  cursor: pointer;
}

._actionButtonSpaced_yg53b_128 {
  margin-right: 0.5rem;
}

._markReview_yg53b_133 + ._markReview_yg53b_133 {
  margin-left: 0.75rem;
}

._markReview_yg53b_133 {
  display: flex;
  gap: 0.25rem;
  justify-self: end;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

._mobileLabel_yg53b_147 {
  color: var(--color--primary);
  font-weight: 700;
}

._actionIcon_yg53b_152 {
  width: 1rem;
}

._smallIcon_yg53b_156 {
  width: 14px;
  height: 14px;
  margin-top: 0.25rem;
}

._strikeIcon_yg53b_162 {
  flex-shrink: 0;
}

._strikeIconLarge_yg53b_167 {
  width: 18px;
  height: 18px;
  margin-top: 0.25rem;
  flex-shrink: 0;
}

._highlightSwatch_yg53b_174 {
  width: 16px;
  height: 16px;
  margin-top: 0.25rem;
  background-color: #fde047;
  color: #fde047;
  border: 2px solid #000;
}

/* Mobile menu */
._mobileActions_yg53b_184 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 0.5rem;
  background-color: var(--color--light--primary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._mobileMenuWrap_yg53b_194 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._mobileMenuToggle_yg53b_200 {
  padding: 0;
  border: 0;
  background: none;
  color: var(--color--primary);
  cursor: pointer;
}

._menuIcon_yg53b_208 {
  width: 1.5rem;
  height: 1.5rem;
}

._mobileMenu_yg53b_194 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  padding: 1.75rem;
  overflow-y: auto;
  background-color: var(--color--light--primary);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

._mobileMenuHeader_yg53b_230 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._mobileLogo_yg53b_236 {
  width: 100px;
}

._mobileClose_yg53b_240 {
  display: flex;
  margin-bottom: 0.5rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--color--primary);
  cursor: pointer;
}

._mobileCloseIcon_yg53b_250 {
  width: 1.5rem;
  background-color: #fff;
  border-radius: 0.25rem;
}

._mobileMenuButton_yg53b_256 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 1rem;
  border: 0;
  border-radius: 0.25rem;
  background-color: var(--color--primary);
  color: var(--color--contrast--text);
  cursor: pointer;
}

._mobileMenuButtonLabel_yg53b_268 {
  color: var(--color--contrast--text);
  font-weight: 400;
}

._contrastIcon_yg53b_273 {
  color: var(--color--contrast--text);
}

._notesIcon_yg53b_277 {
  width: 1.25rem;
}

._highlightLabel_yg53b_281 {
  padding-left: 0.5rem;
  font-weight: 400;
}

/* Center columns frame */
._centerOuter_yg53b_287 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-color: var(--color--primary--background);
}

._centerFrame_yg53b_295 {
  margin: 0.5rem;
  border: 1px solid #9ca3af;
  background-color: var(--color--primary--background);
}
._centerFrame_yg53b_295 img {
  cursor: zoom-in;
}

/* ── Review screen ──────────────────────────────────────────── */
._reviewOuter_yg53b_305 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color--light--primary);
  color: var(--color--primary--text);
}

._reviewInner_yg53b_313 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-color: var(--color--light--primary);
}

._reviewPanel_yg53b_321 {
  margin: 0.5rem;
  background-color: var(--color--primary--background);
}

._reviewContent_yg53b_326 {
  display: flex;
  flex-direction: column;
}

._reviewTitle_yg53b_331 {
  margin-top: 0.75rem;
  margin-left: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

._reviewSectionHeader_yg53b_339 {
  margin: 0 0.5rem;
  padding: 0 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  background-color: var(--color--light--primary);
}

._reviewSectionHeaderSpaced_yg53b_347 {
  margin-top: 0.5rem;
}

._reviewInstructions_yg53b_352 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0.5rem 0.5rem 0;
  padding: 0 0.75rem;
  font-weight: 300;
  background-color: var(--color--secondary--background);
}

._reviewList_yg53b_362 {
  list-style: decimal;
  padding-left: 1.25rem;
}

._reviewGrid_yg53b_367 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.25rem;
  margin: 0.5rem 0.5rem 0;
  max-height: -moz-min-content;
  max-height: min-content;
  overflow-y: auto;
}

._reviewItem_yg53b_377 {
  display: flex;
  gap: 0.75rem;
  height: 30px;
  padding: 0 0.5rem;
  text-align: left;
  color: #1e3a8a;
  background-color: var(--color--light--extra--secondary);
}

._reviewItemLink_yg53b_387 {
  padding: 0;
  border: 0;
  background: none;
  text-decoration: underline;
  color: var(--color--primary--text);
  cursor: pointer;
}

/* ── Bottom bar ─────────────────────────────────────────────── */
._bottomBar_yg53b_397 {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1fr 1fr;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  padding-bottom: 4px;
  /* Keep the buttons above the iPhone home indicator
   (needs viewport-fit=cover in the viewport meta tag) */
  padding-bottom: max(4px, env(safe-area-inset-bottom));
  overflow-y: hidden;
  background-color: var(--color--light--primary);
}

._bottomBarReview_yg53b_411 {
  grid-template-columns: 1fr 1fr;
}

._bottomGroupPlain_yg53b_416 {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  margin-left: 0;
  padding-top: 0.25rem;
}
@media (min-width: 768px) {
  ._bottomGroupPlain_yg53b_416 {
    margin-bottom: 0;
  }
}

._bottomGroup_yg53b_416 {
}
@media (min-width: 640px) {
  ._bottomGroup_yg53b_416 {
    margin-left: 0.75rem;
  }
}

._bottomGroupEnd_yg53b_439 {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  justify-self: end;
  margin-right: 0;
  padding-top: 0.25rem;
}
@media (min-width: 640px) {
  ._bottomGroupEnd_yg53b_439 {
    margin-right: 0.75rem;
  }
}

._primaryButton_yg53b_453 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  padding: 0 1.25rem;
  background-color: var(--color--primary);
}

._secondaryButton_yg53b_467 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  padding: 0 1.25rem;
  background-color: var(--color--secondary);
}

._dangerButton_yg53b_481 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  padding: 0 1.25rem;
  background-color: #ef4444;
}

._secondaryWideButton_yg53b_495 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 768px) {
  ._secondaryWideButton_yg53b_495 {
    width: auto;
  }
}
._secondaryWideButton_yg53b_495 {
  padding: 0 1.5rem;
  background-color: var(--color--secondary);
}

._reviewSubmitButton_yg53b_517 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 768px) {
  ._reviewSubmitButton_yg53b_517 {
    width: auto;
  }
}
._reviewSubmitButton_yg53b_517 {
  padding: 0 0.25rem;
  background-color: var(--color--primary);
}

._reviewSubmitButtonMobile_yg53b_539 {
  margin-bottom: 0.5rem;
}

._prevButton_yg53b_544 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  justify-content: center;
  width: 100px;
  padding: 0 0.25rem;
  background-color: var(--color--primary);
}

._nextButton_yg53b_560 {
  display: flex;
  align-items: center;
  height: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--contrast--text);
  border: 0;
  cursor: pointer;
  justify-content: flex-end;
  width: 100px;
  padding: 0 0.25rem;
  background-color: var(--color--primary);
}

._nextButtonDisabled_yg53b_576 {
  background-color: var(--color--secondary);
  color: #6b7280;
}

._prevText_yg53b_582 {
  margin-right: 1rem;
}

._nextText_yg53b_586 {
  margin-left: 1.25rem;
  margin-right: 0.75rem;
}

._nextIcon_yg53b_591 {
  justify-self: end;
}

/* ── Modal contents ─────────────────────────────────────────── */
._notesTextarea_yg53b_596 {
  width: 100%;
  height: 15rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #d1d5db;
  resize: none;
}

._feedbackTextarea_yg53b_605 {
  background-color: var(--color--primary--background);
  color: var(--color--primary--text);
}

._feedbackResult_yg53b_611 {
  margin-bottom: 0.5rem;
}

._warningBody_yg53b_615 {
  margin: 0.5rem 0 1rem;
  padding: 0.75rem 0;
  border-top: 2px solid #9ca3af;
  border-bottom: 2px solid #9ca3af;
}

._answerModalBody_yg53b_622 {
}
._answerModalBody_yg53b_622 img {
  cursor: zoom-in;
}

._warningRow_yg53b_629 {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  height: 100px;
}

._warningRowTall_yg53b_636 {
  height: 120px;
}

._warningIcon_yg53b_641 {
  width: 40px;
  min-width: 40px;
}

._hidden_yg53b_646 {
  display: none;
}

/* ── Review mode ────────────────────────────────────────────── */
._reviewScores_yg53b_651 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
@media (min-width: 640px) {
  ._reviewScores_yg53b_651 {
    align-items: flex-start;
  }
}

._scorePass_yg53b_663,
._scoreFail_yg53b_664,
._scoreNone_yg53b_665 {
  padding: 0 0.5rem;
  border-radius: 999px;
  font-size: 0.875rem;
}

._scorePass_yg53b_663 {
  background-color: #dcf3e2;
  color: #175317;
}

._scoreFail_yg53b_664 {
  background-color: #fbe0e0;
  color: #411414;
}

._scoreNone_yg53b_665 {
  background-color: #e5e7eb;
  color: #374151;
}

/* ── Mobile layout ──────────────────────────────────────────── */
@media (max-width: 640px) {
  ._shell_yg53b_9 {
    align-items: stretch;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }
  ._page_yg53b_21 {
    min-height: 0;
  }
  ._topBar_yg53b_30,
  ._mobileActions_yg53b_184 {
    flex: 0 0 auto;
  }
  ._midBlock_yg53b_74 {
    flex: 1 1 auto;
    align-items: stretch;
    min-height: 0;
  }
  /* Empty placeholder rendered on the review screen */
  ._midBlock_yg53b_74:empty {
    display: none;
  }
  ._centerOuter_yg53b_287 {
    flex: 1 1 auto;
    justify-content: flex-start;
    min-height: 0;
  }
  ._centerFrame_yg53b_295 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  ._centerFrame_yg53b_295 > * {
    flex: 1 1 auto;
    min-height: 0;
  }
  ._reviewOuter_yg53b_305,
  ._reviewInner_yg53b_313,
  ._reviewPanel_yg53b_321 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: stretch;
    min-height: 0;
  }
  ._reviewContent_yg53b_326 {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
  }
  ._bottomBar_yg53b_397 {
    flex: 0 0 auto;
    height: auto;
  }
}/* Loading / empty states for the review route; the review itself is test.tsx */
._message_1un5s_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 100vh;
  min-height: 100dvh;
  background-color: var(--color--light--primary);
  color: var(--color--primary--text);
}

._button_1un5s_14 {
  height: 2rem;
  padding: 0 1.25rem;
  border: 0;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: var(--color--secondary);
  color: var(--color--contrast--text);
  cursor: pointer;
}/*
 * Complete Tests / Incomplete Tests list pages.
 * Copied from the CCSQB completeTestPage.scss / incompleteTests.scss,
 * using the --menu-* variables from menuTheme.css.
 * The review screen inside Complete Tests does NOT use this file.
 */
._pageContainer_4u1mk_7 {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--menu-secondary-background-color);
  line-height: normal; /* undo Tailwind's 1.5 line-height, as CCSQB has none */
}

._headerContainer_4u1mk_16 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  min-height: 0;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  padding: 20px;
  overflow: hidden;
}

._titleContainer_4u1mk_28 {
  display: grid;
  width: 100%;
  height: 50px;
  grid-template-columns: 50px auto;
  align-items: center;
  margin-bottom: 10px;
  color: var(--menu-text-color);
}

/* browser-default <h1> look (Tailwind's base styles flatten it) */
._titleText_4u1mk_39 {
  margin: 0;
  font-size: 2em;
  font-weight: bold;
}

._filterContainer_4u1mk_45 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

._countText_4u1mk_54 {
  color: var(--menu-text-color);
  opacity: 0.7;
  font-size: 13px;
  margin: 0;
}

._controls_4u1mk_61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._filters_4u1mk_69 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

._searchInput_4u1mk_76 {
  height: 32px;
  font-size: 13px;
  background-color: var(--menu-primary-background-color);
  border: 1px solid var(--menu-unselected-border-color);
  color: var(--menu-text-color);
  border-radius: 6px;
  padding: 0 10px;
  width: 180px;
}
._searchInput_4u1mk_76:focus {
  outline: none;
  border-color: var(--menu-primary-color);
}
._searchInput_4u1mk_76::-moz-placeholder {
  color: var(--menu-text-color);
  opacity: 0.6;
}
._searchInput_4u1mk_76::placeholder {
  color: var(--menu-text-color);
  opacity: 0.6;
}

._primaryButton_4u1mk_95 {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 5px;
  border: 0px;
  background-color: var(--menu-primary-color);
  color: var(--menu-text-color-alt);
  cursor: pointer;
}
._primaryButton_4u1mk_95:hover {
  filter: brightness(1.15);
}

._secondaryButton_4u1mk_108 {
  border-radius: 5px;
  border: 0px;
  background: transparent;
  color: var(--menu-text-color);
  padding: 0;
  cursor: pointer;
}

._tableWrapper_4u1mk_117 {
  border-radius: 8px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: var(--menu-primary-background-color);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: 90dvw;
  overflow: hidden;
}

._tableScroll_4u1mk_129 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

._table_4u1mk_117 {
  width: 100%;
  flex-shrink: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
._table_4u1mk_117 thead,
._table_4u1mk_117 tbody {
  display: block;
  width: 100%;
}
._table_4u1mk_117 thead {
  flex-shrink: 0;
}
._table_4u1mk_117 tbody {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._table_4u1mk_117 tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._table_4u1mk_117 thead tr {
  background-color: var(--menu-tertiary-color);
}
._table_4u1mk_117 th {
  text-align: left;
  padding: 10px 14px;
  color: var(--menu-text-color);
  font-weight: 500;
  box-shadow: inset 0 -1px 0 var(--menu-unselected-border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._table_4u1mk_117 td {
  padding: 10px 14px;
  color: var(--menu-text-color);
  border-top: 1px solid var(--menu-unselected-border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._table_4u1mk_117 tbody tr {
  cursor: pointer;
  transition-duration: 150ms;
}
._table_4u1mk_117 tbody tr:hover {
  background-color: var(--menu-secondary-background-color);
}
._table_4u1mk_117 tbody tr._selectedOption_4u1mk_197 {
  background-color: var(--menu-tertiary-color);
}

/* Complete Tests: Test, Started, Finished, Questions, Grade, Last used, action */
._completeTable_4u1mk_202 {
  min-width: 920px;
}
._completeTable_4u1mk_202 th:nth-child(1),
._completeTable_4u1mk_202 td:nth-child(1) {
  width: 18%;
}
._completeTable_4u1mk_202 th:nth-child(2),
._completeTable_4u1mk_202 td:nth-child(2) {
  width: 11%;
}
._completeTable_4u1mk_202 th:nth-child(3),
._completeTable_4u1mk_202 td:nth-child(3) {
  width: 12%;
}
._completeTable_4u1mk_202 th:nth-child(4),
._completeTable_4u1mk_202 td:nth-child(4) {
  width: 12%;
}
._completeTable_4u1mk_202 th:nth-child(5),
._completeTable_4u1mk_202 td:nth-child(5) {
  width: 10%;
}
._completeTable_4u1mk_202 th:nth-child(6),
._completeTable_4u1mk_202 td:nth-child(6) {
  width: 15%;
}
._completeTable_4u1mk_202 th:nth-child(7),
._completeTable_4u1mk_202 td:nth-child(7) {
  width: 12%;
}

/* Incomplete Tests: Test, Started, Questions, action */
._incompleteTable_4u1mk_235 {
  min-width: 640px;
}
._incompleteTable_4u1mk_235 th:nth-child(1),
._incompleteTable_4u1mk_235 td:nth-child(1) {
  width: 32%;
}
._incompleteTable_4u1mk_235 th:nth-child(2),
._incompleteTable_4u1mk_235 td:nth-child(2) {
  width: 16%;
}
._incompleteTable_4u1mk_235 th:nth-child(3),
._incompleteTable_4u1mk_235 td:nth-child(3) {
  width: 24%;
}
._incompleteTable_4u1mk_235 th:nth-child(4),
._incompleteTable_4u1mk_235 td:nth-child(4) {
  width: 14%;
}

._testIdCell_4u1mk_255 {
  max-width: 0;
}
._testIdCell_4u1mk_255 ._secondaryButton_4u1mk_108 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: monospace;
  font-size: 12px;
}

._tableActionCell_4u1mk_268 {
  text-align: right;
}

._tableActionFinal_4u1mk_272 {
  text-overflow: clip !important;
}

._gradeBadgeContainer_4u1mk_276 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._gradeBadge_4u1mk_276 {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  min-width: 40px;
  text-align: center;
  background-color: var(--menu-tertiary-color);
  color: var(--menu-text-color);
  border: 1px solid var(--menu-unselected-border-color);
}
._gradeBadge_4u1mk_276._gradeHigh_4u1mk_293 {
  background-color: var(--menu-success-bg-color);
  color: var(--menu-success-color);
  border-color: transparent;
}
._gradeBadge_4u1mk_276._gradeMid_4u1mk_298 {
  background-color: var(--menu-warning-bg-color);
  color: var(--menu-warning-color);
  border-color: transparent;
}
._gradeBadge_4u1mk_276._gradeLow_4u1mk_303 {
  background-color: var(--menu-danger-bg-color);
  color: var(--menu-danger-color);
  border-color: transparent;
}

._gradeBarTrack_4u1mk_309 {
  width: 50px;
  height: 4px;
  background-color: var(--menu-unselected-border-color);
  border-radius: 2px;
  overflow: hidden;
}

._gradeBarFill_4u1mk_317 {
  height: 100%;
  background-color: var(--menu-primary-color);
}
._gradeBarFill_4u1mk_317._gradeHigh_4u1mk_293 {
  background-color: var(--menu-success-color);
}
._gradeBarFill_4u1mk_317._gradeMid_4u1mk_298 {
  background-color: var(--menu-warning-color);
}
._gradeBarFill_4u1mk_317._gradeLow_4u1mk_303 {
  background-color: var(--menu-danger-color);
}

._reviewRowButton_4u1mk_331 {
  height: 28px;
  font-size: 12px;
  background-color: transparent;
  border: 1px solid var(--menu-unselected-border-color);
  color: var(--menu-text-color);
  border-radius: 6px;
  padding: 0 10px;
  cursor: pointer;
  transition-duration: 150ms;
}
._reviewRowButton_4u1mk_331:hover {
  background-color: var(--menu-tertiary-color);
  border-color: var(--menu-primary-color);
}

._footerContainer_4u1mk_347 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: end;
  align-items: center;
  background-color: var(--menu-secondary-background-color);
  border-top: 1px solid var(--menu-unselected-border-color);
  z-index: 2;
}
._footerContainer_4u1mk_347 button {
  margin-right: 30px;
}

._warning_4u1mk_363 {
  color: var(--menu-text-color);
}

._sortableHeader_4u1mk_367 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._sortableHeader_4u1mk_367:hover {
  filter: brightness(1.15);
}

@media (max-width: 1024px) {
  /* keep the title clear of the floating burger button */
  ._titleContainer_4u1mk_28 {
    padding-right: 60px;
  }
}/*
 * Complete Tests / Incomplete Tests list pages.
 * Copied from the CCSQB completeTestPage.scss / incompleteTests.scss,
 * using the --menu-* variables from menuTheme.css.
 * The review screen inside Complete Tests does NOT use this file.
 */
._pageContainer_4u1mk_7 {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--menu-secondary-background-color);
  line-height: normal; /* undo Tailwind's 1.5 line-height, as CCSQB has none */
}

._headerContainer_4u1mk_16 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  min-height: 0;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
  padding: 20px;
  overflow: hidden;
}

._titleContainer_4u1mk_28 {
  display: grid;
  width: 100%;
  height: 50px;
  grid-template-columns: 50px auto;
  align-items: center;
  margin-bottom: 10px;
  color: var(--menu-text-color);
}

/* browser-default <h1> look (Tailwind's base styles flatten it) */
._titleText_4u1mk_39 {
  margin: 0;
  font-size: 2em;
  font-weight: bold;
}

._filterContainer_4u1mk_45 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

._countText_4u1mk_54 {
  color: var(--menu-text-color);
  opacity: 0.7;
  font-size: 13px;
  margin: 0;
}

._controls_4u1mk_61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._filters_4u1mk_69 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

._searchInput_4u1mk_76 {
  height: 32px;
  font-size: 13px;
  background-color: var(--menu-primary-background-color);
  border: 1px solid var(--menu-unselected-border-color);
  color: var(--menu-text-color);
  border-radius: 6px;
  padding: 0 10px;
  width: 180px;
}
._searchInput_4u1mk_76:focus {
  outline: none;
  border-color: var(--menu-primary-color);
}
._searchInput_4u1mk_76::-moz-placeholder {
  color: var(--menu-text-color);
  opacity: 0.6;
}
._searchInput_4u1mk_76::placeholder {
  color: var(--menu-text-color);
  opacity: 0.6;
}

._primaryButton_4u1mk_95 {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 5px;
  border: 0px;
  background-color: var(--menu-primary-color);
  color: var(--menu-text-color-alt);
  cursor: pointer;
}
._primaryButton_4u1mk_95:hover {
  filter: brightness(1.15);
}

._secondaryButton_4u1mk_108 {
  border-radius: 5px;
  border: 0px;
  background: transparent;
  color: var(--menu-text-color);
  padding: 0;
  cursor: pointer;
}

._tableWrapper_4u1mk_117 {
  border-radius: 8px;
  border: 1px solid var(--menu-unselected-border-color);
  background-color: var(--menu-primary-background-color);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-width: 90dvw;
  overflow: hidden;
}

._tableScroll_4u1mk_129 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

._table_4u1mk_117 {
  width: 100%;
  flex-shrink: 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
._table_4u1mk_117 thead,
._table_4u1mk_117 tbody {
  display: block;
  width: 100%;
}
._table_4u1mk_117 thead {
  flex-shrink: 0;
}
._table_4u1mk_117 tbody {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._table_4u1mk_117 tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
._table_4u1mk_117 thead tr {
  background-color: var(--menu-tertiary-color);
}
._table_4u1mk_117 th {
  text-align: left;
  padding: 10px 14px;
  color: var(--menu-text-color);
  font-weight: 500;
  box-shadow: inset 0 -1px 0 var(--menu-unselected-border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._table_4u1mk_117 td {
  padding: 10px 14px;
  color: var(--menu-text-color);
  border-top: 1px solid var(--menu-unselected-border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._table_4u1mk_117 tbody tr {
  cursor: pointer;
  transition-duration: 150ms;
}
._table_4u1mk_117 tbody tr:hover {
  background-color: var(--menu-secondary-background-color);
}
._table_4u1mk_117 tbody tr._selectedOption_4u1mk_197 {
  background-color: var(--menu-tertiary-color);
}

/* Complete Tests: Test, Started, Finished, Questions, Grade, Last used, action */
._completeTable_4u1mk_202 {
  min-width: 920px;
}
._completeTable_4u1mk_202 th:nth-child(1),
._completeTable_4u1mk_202 td:nth-child(1) {
  width: 18%;
}
._completeTable_4u1mk_202 th:nth-child(2),
._completeTable_4u1mk_202 td:nth-child(2) {
  width: 11%;
}
._completeTable_4u1mk_202 th:nth-child(3),
._completeTable_4u1mk_202 td:nth-child(3) {
  width: 12%;
}
._completeTable_4u1mk_202 th:nth-child(4),
._completeTable_4u1mk_202 td:nth-child(4) {
  width: 12%;
}
._completeTable_4u1mk_202 th:nth-child(5),
._completeTable_4u1mk_202 td:nth-child(5) {
  width: 10%;
}
._completeTable_4u1mk_202 th:nth-child(6),
._completeTable_4u1mk_202 td:nth-child(6) {
  width: 15%;
}
._completeTable_4u1mk_202 th:nth-child(7),
._completeTable_4u1mk_202 td:nth-child(7) {
  width: 12%;
}

/* Incomplete Tests: Test, Started, Questions, action */
._incompleteTable_4u1mk_235 {
  min-width: 640px;
}
._incompleteTable_4u1mk_235 th:nth-child(1),
._incompleteTable_4u1mk_235 td:nth-child(1) {
  width: 32%;
}
._incompleteTable_4u1mk_235 th:nth-child(2),
._incompleteTable_4u1mk_235 td:nth-child(2) {
  width: 16%;
}
._incompleteTable_4u1mk_235 th:nth-child(3),
._incompleteTable_4u1mk_235 td:nth-child(3) {
  width: 24%;
}
._incompleteTable_4u1mk_235 th:nth-child(4),
._incompleteTable_4u1mk_235 td:nth-child(4) {
  width: 14%;
}

._testIdCell_4u1mk_255 {
  max-width: 0;
}
._testIdCell_4u1mk_255 ._secondaryButton_4u1mk_108 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: monospace;
  font-size: 12px;
}

._tableActionCell_4u1mk_268 {
  text-align: right;
}

._tableActionFinal_4u1mk_272 {
  text-overflow: clip !important;
}

._gradeBadgeContainer_4u1mk_276 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._gradeBadge_4u1mk_276 {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  min-width: 40px;
  text-align: center;
  background-color: var(--menu-tertiary-color);
  color: var(--menu-text-color);
  border: 1px solid var(--menu-unselected-border-color);
}
._gradeBadge_4u1mk_276._gradeHigh_4u1mk_293 {
  background-color: var(--menu-success-bg-color);
  color: var(--menu-success-color);
  border-color: transparent;
}
._gradeBadge_4u1mk_276._gradeMid_4u1mk_298 {
  background-color: var(--menu-warning-bg-color);
  color: var(--menu-warning-color);
  border-color: transparent;
}
._gradeBadge_4u1mk_276._gradeLow_4u1mk_303 {
  background-color: var(--menu-danger-bg-color);
  color: var(--menu-danger-color);
  border-color: transparent;
}

._gradeBarTrack_4u1mk_309 {
  width: 50px;
  height: 4px;
  background-color: var(--menu-unselected-border-color);
  border-radius: 2px;
  overflow: hidden;
}

._gradeBarFill_4u1mk_317 {
  height: 100%;
  background-color: var(--menu-primary-color);
}
._gradeBarFill_4u1mk_317._gradeHigh_4u1mk_293 {
  background-color: var(--menu-success-color);
}
._gradeBarFill_4u1mk_317._gradeMid_4u1mk_298 {
  background-color: var(--menu-warning-color);
}
._gradeBarFill_4u1mk_317._gradeLow_4u1mk_303 {
  background-color: var(--menu-danger-color);
}

._reviewRowButton_4u1mk_331 {
  height: 28px;
  font-size: 12px;
  background-color: transparent;
  border: 1px solid var(--menu-unselected-border-color);
  color: var(--menu-text-color);
  border-radius: 6px;
  padding: 0 10px;
  cursor: pointer;
  transition-duration: 150ms;
}
._reviewRowButton_4u1mk_331:hover {
  background-color: var(--menu-tertiary-color);
  border-color: var(--menu-primary-color);
}

._footerContainer_4u1mk_347 {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: end;
  align-items: center;
  background-color: var(--menu-secondary-background-color);
  border-top: 1px solid var(--menu-unselected-border-color);
  z-index: 2;
}
._footerContainer_4u1mk_347 button {
  margin-right: 30px;
}

._warning_4u1mk_363 {
  color: var(--menu-text-color);
}

._sortableHeader_4u1mk_367 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._sortableHeader_4u1mk_367:hover {
  filter: brightness(1.15);
}

@media (max-width: 1024px) {
  /* keep the title clear of the floating burger button */
  ._titleContainer_4u1mk_28 {
    padding-right: 60px;
  }
}/*
 * Account Settings (was Tailwind).
 * Uses the exam theme variables from App.css, like before.
 */
/* Header */
._header_1dubk_6 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  font-weight: 400;
  background-color: var(--color--primary--background);
  color: var(--color--secondary--text);
}

._headerInner_1dubk_16 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

._logoutButton_1dubk_23 {
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0.25rem;
  font-weight: 700;
  background-color: var(--color--secondary);
  color: var(--color--contrast--text);
  cursor: pointer;
}
._logoutButton_1dubk_23:hover {
  background-color: var(--color--primary);
}

/* Cards */
._card_1dubk_37 {
  margin: 1.25rem;
  padding: 1.25rem;
  border-radius: var(--radius);
  background-color: var(--color--primary--background);
  color: var(--color--secondary--text);
}

._cardPrimary_1dubk_45 {
  color: var(--color--primary--text);
}

._cardBody_1dubk_50 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._cardTitle_1dubk_56 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

._small_1dubk_62 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

._bold_1dubk_67 {
  font-weight: 700;
}

._column_1dubk_71 {
  display: flex;
  flex-direction: column;
}

._grid_1dubk_76 {
  display: grid;
  gap: 1rem;
}
@media (min-width: 640px) {
  ._grid_1dubk_76 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._button_1dubk_86 {
  height: 3rem;
  border: 0;
  background-color: var(--color--primary);
  color: var(--color--contrast--text);
  cursor: pointer;
}

._buttonFull_1dubk_94 {
  width: 100%;
}

/* Profile details */
._details_1dubk_100 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._detailRow_1dubk_106 {
  display: flex;
  justify-content: space-between;
}

/* Theme */
._themeSection_1dubk_112 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}

._sectionTitle_1dubk_118 {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

._spacedText_1dubk_123 {
  margin-bottom: 0.5rem;
}

._themeOption_1dubk_127 {
  padding: 0.25rem;
}

._swatches_1dubk_131 {
  display: flex;
  gap: 1rem;
  margin: 0.5rem 0;
}

._swatchPrimary_1dubk_137 {
  width: 50px;
  height: 50px;
  border-radius: 0.25rem;
  background-color: var(--color--primary);
}

._swatchSecondary_1dubk_144 {
  width: 50px;
  height: 50px;
  border-radius: 0.25rem;
  background-color: var(--color--secondary);
}

._swatchPrimaryLight_1dubk_151 {
  width: 50px;
  height: 50px;
  border-radius: 0.25rem;
  background-color: var(--color--light--secondary);
}

._swatchSecondaryLight_1dubk_158 {
  width: 50px;
  height: 50px;
  border-radius: 0.25rem;
  background-color: var(--color--light--primary);
}

/* Difficulty / warnings toggles */
._toggleRow_1dubk_166 {
  display: flex;
  gap: 0.75rem;
}

._toggleLabel_1dubk_171 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

/* Resubscribe steps */
._steps_1dubk_178 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._stepFirst_1dubk_184 {
  display: flex;
  gap: 0.75rem;
  margin: 0.75rem 0;
}

._stepNumber_1dubk_190 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

._selectWrapper_1dubk_195 {
  color: var(--color--contrast--text);
}

/* Tooth notation dropdown */
._select_1dubk_195 {
  width: 100%;
  height: 2.5rem;
  padding: 0 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #000;
  cursor: pointer;
}
._select_1dubk_195:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f6;
}
._select_1dubk_195:disabled {
  opacity: 0.6;
  cursor: wait;
}

/* Modals */
._passwordForm_1dubk_221 {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

._label_1dubk_227 {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--color--secondary--text);
}

._inputRow_1dubk_235 {
  display: flex;
  margin-top: 0.25rem;
}

._input_1dubk_235 {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
}
._input_1dubk_235:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f6;
}

._showPassword_1dubk_252 {
  display: flex;
  margin: auto 0.5rem;
  cursor: pointer;
}

._error_1dubk_258 {
  color: #ef4444;
}

._feedbackTextarea_1dubk_262 {
  width: 100%;
  height: 15rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #d1d5db;
  resize: none;
}

._receiptForm_1dubk_271 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 0.75rem;
}

._receiptField_1dubk_278 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._receiptScroll_1dubk_284 {
  margin-bottom: 1.25rem;
  overflow-y: auto;
}

._receiptHtml_1dubk_289 {
  max-height: 80vh;
}body {
    margin: 0;
    font-family: apparat, sans-serif;
    font-family: apparat-light, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

:root {
    --primary-font-size: 16px;
    --secondary-font-size: 14px;
    --primary-color: #fcfcfc;
    --accent-color: #e6e6e6;
    --button-background-color: white;
    --off-color: #c8c8c8;
    --secondary-color: #bbcad6;
    --hover-color: #9ebac0;
    --selected-button-color: #b7c3cc;
    --header-font-color: #0b335d;
    --primary-font-color: black;
    --border-color: black;
    --gradient: linear-gradient(to bottom, #eee 0%, #ccc 100%);
    --reverse-gradient: linear-gradient(to top, #eee 0%, #ccc 100%);
    --logo-color: #003d7a;
}

.fancy-progress-bar {
    background: var(--color--light--primary) !important;
}

.custom-progress {
    width: 100%;
    display: flex;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:auto}}.Toastify__toast{--y:0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right;border-bottom-left-radius:0;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}