/*
! tailwindcss v3.2.1 | 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: rgba(242, 242, 242, 1); /* 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.
*/html {
  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: Source Sans Pro, sans-serif; /* 4 */
}/*
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. 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-size: 1em; /* 2 */
}/*
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-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}/*
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: rgba(230, 230, 230, 1); /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: rgba(230, 230, 230, 1); /* 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] {
  display: none;
}:root {
  --color-inherit: inherit;
  --color-current: currentColor;
  --color-transparent-DEFAULT: rgba(0, 0, 0, 0.5);
  --color-black-400: rgba(247, 247, 247, 1);
  --color-black-500: rgba(239, 239, 239, 1);
  --color-black-600: rgba(230, 230, 230, 1);
  --color-black-800: rgba(209, 209, 209, 1);
  --color-black-DEFAULT: rgba(51, 51, 51, 1);
  --color-white-DEFAULT: rgba(255, 255, 255, 1);
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: rgba(242, 242, 242, 1);
  --color-gray-300: #d1d5db;
  --color-gray-400: rgba(230, 230, 230, 1);
  --color-gray-500: rgba(220, 220, 220, 1);
  --color-gray-600: rgba(180, 180, 180, 1);
  --color-gray-700: #374151;
  --color-gray-800: rgba(155, 155, 155, 1);
  --color-gray-900: #111827;
  --color-gray-DEFAULT: rgba(130, 130, 130, 1);
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #a1a1aa;
  --color-zinc-500: #71717a;
  --color-zinc-600: #52525b;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-stone-50: #fafaf9;
  --color-stone-100: #f5f5f4;
  --color-stone-200: #e7e5e4;
  --color-stone-300: #d6d3d1;
  --color-stone-400: #a8a29e;
  --color-stone-500: #78716c;
  --color-stone-600: #57534e;
  --color-stone-700: #44403c;
  --color-stone-800: #292524;
  --color-stone-900: #1c1917;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: rgba(253, 235, 237, 1);
  --color-red-300: #fca5a5;
  --color-red-400: rgba(250, 217, 221, 1);
  --color-red-500: rgba(246, 178, 186, 1);
  --color-red-600: rgba(241, 140, 152, 1);
  --color-red-700: #b91c1c;
  --color-red-800: rgba(237, 101, 117, 1);
  --color-red-900: #7f1d1d;
  --color-red-DEFAULT: rgba(232, 63, 83, 1);
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: rgba(254, 248, 231, 1);
  --color-yellow-300: #fde047;
  --color-yellow-400: rgba(253, 241, 208, 1);
  --color-yellow-500: rgba(252, 226, 161, 1);
  --color-yellow-600: rgba(250, 212, 115, 1);
  --color-yellow-700: #a16207;
  --color-yellow-800: rgba(249, 197, 68, 1);
  --color-yellow-900: #713f12;
  --color-yellow-DEFAULT: rgba(247, 183, 21, 1);
  --color-lime-50: #f7fee7;
  --color-lime-100: #ecfccb;
  --color-lime-200: #d9f99d;
  --color-lime-300: #bef264;
  --color-lime-400: #a3e635;
  --color-lime-500: #84cc16;
  --color-lime-600: #65a30d;
  --color-lime-700: #4d7c0f;
  --color-lime-800: #3f6212;
  --color-lime-900: #365314;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: rgba(229, 246, 242, 1);
  --color-green-300: #86efac;
  --color-green-400: rgba(204, 238, 230, 1);
  --color-green-500: rgba(153, 221, 206, 1);
  --color-green-600: rgba(102, 205, 181, 1);
  --color-green-700: #15803d;
  --color-green-800: rgba(51, 188, 157, 1);
  --color-green-900: #14532d;
  --color-green-DEFAULT: rgba(0, 168, 164, 1);
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d1fae5;
  --color-emerald-200: #a7f3d0;
  --color-emerald-300: #6ee7b7;
  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-emerald-600: #059669;
  --color-emerald-700: #047857;
  --color-emerald-800: #065f46;
  --color-emerald-900: #064e3b;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-200: rgba(229, 243, 246, 1);
  --color-teal-300: #5eead4;
  --color-teal-400: rgba(204, 232, 237, 1);
  --color-teal-500: rgba(153, 210, 219, 1);
  --color-teal-600: rgba(102, 187, 202, 1);
  --color-teal-700: #0f766e;
  --color-teal-800: rgba(51, 165, 184, 1);
  --color-teal-900: #134e4a;
  --color-teal-DEFAULT: rgba(0, 142, 166, 1);
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #e0f2fe;
  --color-sky-200: #bae6fd;
  --color-sky-300: #7dd3fc;
  --color-sky-400: #38bdf8;
  --color-sky-500: #0ea5e9;
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-sky-800: #075985;
  --color-sky-900: #0c4a6e;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: rgba(229, 245, 252, 1);
  --color-blue-300: #93c5fd;
  --color-blue-400: rgba(204, 236, 249, 1);
  --color-blue-500: rgba(153, 217, 244, 1);
  --color-blue-600: rgba(102, 197, 238, 1);
  --color-blue-700: #1d4ed8;
  --color-blue-800: rgba(51, 178, 233, 1);
  --color-blue-900: #1e3a8a;
  --color-blue-DEFAULT: rgba(0, 159, 227, 1);
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c7d2fe;
  --color-indigo-300: #a5b4fc;
  --color-indigo-400: #818cf8;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-indigo-700: #4338ca;
  --color-indigo-800: #3730a3;
  --color-indigo-900: #312e81;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6fe;
  --color-violet-300: #c4b5fd;
  --color-violet-400: #a78bfa;
  --color-violet-500: #8b5cf6;
  --color-violet-600: #7c3aed;
  --color-violet-700: #6d28d9;
  --color-violet-800: #5b21b6;
  --color-violet-900: #4c1d95;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f5d0fe;
  --color-fuchsia-300: #f0abfc;
  --color-fuchsia-400: #e879f9;
  --color-fuchsia-500: #d946ef;
  --color-fuchsia-600: #c026d3;
  --color-fuchsia-700: #a21caf;
  --color-fuchsia-800: #86198f;
  --color-fuchsia-900: #701a75;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-800: #9d174d;
  --color-pink-900: #831843;
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #fecdd3;
  --color-rose-300: #fda4af;
  --color-rose-400: #fb7185;
  --color-rose-500: #f43f5e;
  --color-rose-600: #e11d48;
  --color-rose-700: #be123c;
  --color-rose-800: #9f1239;
  --color-rose-900: #881337;
  --color-primary-200: rgba(229, 233, 237, 1);
  --color-primary-400: rgba(94, 99, 125, 1);
  --color-primary-500: rgba(94, 99, 125, 1);
  --color-primary-600: rgba(94, 99, 125, 1);
  --color-primary-800: rgba(56, 69, 98, 1);
  --color-primary-DEFAULT: rgba(1, 42, 76, 1);
  --color-industrialblue-200: rgba(229, 238, 244, 1);
  --color-industrialblue-400: rgba(204, 222, 233, 1);
  --color-industrialblue-500: rgba(153, 189, 211, 1);
  --color-industrialblue-600: rgba(102, 157, 189, 1);
  --color-industrialblue-800: rgba(51, 124, 167, 1);
  --color-industrialblue-DEFAULT: rgba(0, 91, 145, 1);
}*, ::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-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(153 217 244 / 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:  ;
}::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-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(153 217 244 / 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:  ;
}.container {
  width: 100%;
}@media (min-width: 640px) {.container {
    max-width: 640px;
  }
}@media (min-width: 768px) {.container {
    max-width: 768px;
  }
}@media (min-width: 1024px) {.container {
    max-width: 1024px;
  }
}@media (min-width: 1280px) {.container {
    max-width: 1280px;
  }
}@media (min-width: 1536px) {.container {
    max-width: 1536px;
  }
}.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;
}.static {
  position: static;
}.absolute {
  position: absolute;
}.relative {
  position: relative;
}.right-5 {
  right: 1.25rem;
}.bottom-4 {
  bottom: 1rem;
}.mx-auto {
  margin-left: auto;
  margin-right: auto;
}.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}.mr-2 {
  margin-right: 0.5rem;
}.mt-2 {
  margin-top: 0.5rem;
}.mb-20 {
  margin-bottom: 5rem;
}.mb-10 {
  margin-bottom: 2.5rem;
}.mb-14 {
  margin-bottom: 3.5rem;
}.mt-10 {
  margin-top: 2.5rem;
}.mb-6 {
  margin-bottom: 1.5rem;
}.mb-8 {
  margin-bottom: 2rem;
}.mt-8 {
  margin-top: 2rem;
}.block {
  display: block;
}.flex {
  display: flex;
}.grid {
  display: grid;
}.hidden {
  display: none;
}.h-8 {
  height: 2rem;
}.h-0 {
  height: 0px;
}.h-\[42px\] {
  height: 42px;
}.max-h-\[800px\] {
  max-height: 800px;
}.min-h-screen {
  min-height: 100vh;
}.w-24 {
  width: 6rem;
}.w-full {
  width: 100%;
}.w-8 {
  width: 2rem;
}.w-0 {
  width: 0px;
}.w-\[42px\] {
  width: 42px;
}.max-w-3xl {
  max-width: 48rem;
}.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}.shrink-0 {
  flex-shrink: 0;
}.grow {
  flex-grow: 1;
}.flex-col {
  flex-direction: column;
}.items-end {
  align-items: flex-end;
}.items-center {
  align-items: center;
}.items-stretch {
  align-items: stretch;
}.justify-center {
  justify-content: center;
}.justify-between {
  justify-content: space-between;
}.gap-5 {
  gap: 1.25rem;
}.gap-4 {
  gap: 1rem;
}.overflow-hidden {
  overflow: hidden;
}.overflow-visible {
  overflow: visible;
}.rounded-md {
  border-radius: 0.375rem;
}.rounded-2xl {
  border-radius: 1rem;
}.rounded {
  border-radius: 0.25rem;
}.border-r-8 {
  border-right-width: 8px;
}.border-white {
  border-color: rgba(255, 255, 255, 1);
}.bg-gray-200 {
  background-color: rgba(242, 242, 242, 1);
}.bg-green-200 {
  background-color: rgba(229, 246, 242, 1);
}.bg-primary {
  background-color: rgba(1, 42, 76, 1);
}.bg-white {
  background-color: rgba(255, 255, 255, 1);
}.bg-transparent {
  background-color: rgba(0, 0, 0, 0.5);
}.bg-red-200 {
  background-color: rgba(253, 235, 237, 1);
}.p-4 {
  padding: 1rem;
}.p-10 {
  padding: 2.5rem;
}.p-2 {
  padding: 0.5rem;
}.p-3 {
  padding: 0.75rem;
}.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.pb-20 {
  padding-bottom: 5rem;
}.pt-4 {
  padding-top: 1rem;
}.pb-8 {
  padding-bottom: 2rem;
}.pt-\[5px\] {
  padding-top: 5px;
}.pl-2 {
  padding-left: 0.5rem;
}.text-left {
  text-align: left;
}.text-center {
  text-align: center;
}.font-sans {
  font-family: Source Sans Pro, sans-serif;
}.font-serif {
  font-family: Source Serif Pro, serif;
}.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}.font-bold {
  font-weight: 700;
}.capitalize {
  text-transform: capitalize;
}.text-primary {
  color: rgba(1, 42, 76, 1);
}.text-black {
  color: rgba(51, 51, 51, 1);
}.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);
}.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);
}.blur {
  --tw-blur: blur(8px);
  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);
}.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg);
}.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}.c100 *, .c100 *:before, .c100 *:after {
  box-sizing: content-box;
}.c100.center {
  float: none;
  margin: 0 auto;
}.c100.big {
  font-size: 240px;
}.c100.small {
  font-size: 80px;
}.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}.c100.p1 .bar {
  transform: rotate(3.6deg);
}.c100.p2 .bar {
  transform: rotate(7.2deg);
}.c100.p3 .bar {
  transform: rotate(10.8deg);
}.c100.p4 .bar {
  transform: rotate(14.4deg);
}.c100.p5 .bar {
  transform: rotate(18deg);
}.c100.p6 .bar {
  transform: rotate(21.6deg);
}.c100.p7 .bar {
  transform: rotate(25.2deg);
}.c100.p8 .bar {
  transform: rotate(28.8deg);
}.c100.p9 .bar {
  transform: rotate(32.4deg);
}.c100.p10 .bar {
  transform: rotate(36deg);
}.c100.p11 .bar {
  transform: rotate(39.6deg);
}.c100.p12 .bar {
  transform: rotate(43.2deg);
}.c100.p13 .bar {
  transform: rotate(46.8deg);
}.c100.p14 .bar {
  transform: rotate(50.4deg);
}.c100.p15 .bar {
  transform: rotate(54deg);
}.c100.p16 .bar {
  transform: rotate(57.6deg);
}.c100.p17 .bar {
  transform: rotate(61.2deg);
}.c100.p18 .bar {
  transform: rotate(64.8deg);
}.c100.p19 .bar {
  transform: rotate(68.4deg);
}.c100.p20 .bar {
  transform: rotate(72deg);
}.c100.p21 .bar {
  transform: rotate(75.6deg);
}.c100.p22 .bar {
  transform: rotate(79.2deg);
}.c100.p23 .bar {
  transform: rotate(82.8deg);
}.c100.p24 .bar {
  transform: rotate(86.4deg);
}.c100.p25 .bar {
  transform: rotate(90deg);
}.c100.p26 .bar {
  transform: rotate(93.6deg);
}.c100.p27 .bar {
  transform: rotate(97.2deg);
}.c100.p28 .bar {
  transform: rotate(100.8deg);
}.c100.p29 .bar {
  transform: rotate(104.4deg);
}.c100.p30 .bar {
  transform: rotate(108deg);
}.c100.p31 .bar {
  transform: rotate(111.6deg);
}.c100.p32 .bar {
  transform: rotate(115.2deg);
}.c100.p33 .bar {
  transform: rotate(118.8deg);
}.c100.p34 .bar {
  transform: rotate(122.4deg);
}.c100.p35 .bar {
  transform: rotate(126deg);
}.c100.p36 .bar {
  transform: rotate(129.6deg);
}.c100.p37 .bar {
  transform: rotate(133.2deg);
}.c100.p38 .bar {
  transform: rotate(136.8deg);
}.c100.p39 .bar {
  transform: rotate(140.4deg);
}.c100.p40 .bar {
  transform: rotate(144deg);
}.c100.p41 .bar {
  transform: rotate(147.6deg);
}.c100.p42 .bar {
  transform: rotate(151.2deg);
}.c100.p43 .bar {
  transform: rotate(154.8deg);
}.c100.p44 .bar {
  transform: rotate(158.4deg);
}.c100.p45 .bar {
  transform: rotate(162deg);
}.c100.p46 .bar {
  transform: rotate(165.6deg);
}.c100.p47 .bar {
  transform: rotate(169.2deg);
}.c100.p48 .bar {
  transform: rotate(172.8deg);
}.c100.p49 .bar {
  transform: rotate(176.4deg);
}.c100.p50 .bar {
  transform: rotate(180deg);
}.c100.p51 .bar {
  transform: rotate(183.6deg);
}.c100.p52 .bar {
  transform: rotate(187.2deg);
}.c100.p53 .bar {
  transform: rotate(190.8deg);
}.c100.p54 .bar {
  transform: rotate(194.4deg);
}.c100.p55 .bar {
  transform: rotate(198deg);
}.c100.p56 .bar {
  transform: rotate(201.6deg);
}.c100.p57 .bar {
  transform: rotate(205.2deg);
}.c100.p58 .bar {
  transform: rotate(208.8deg);
}.c100.p59 .bar {
  transform: rotate(212.4deg);
}.c100.p60 .bar {
  transform: rotate(216deg);
}.c100.p61 .bar {
  transform: rotate(219.6deg);
}.c100.p62 .bar {
  transform: rotate(223.2deg);
}.c100.p63 .bar {
  transform: rotate(226.8deg);
}.c100.p64 .bar {
  transform: rotate(230.4deg);
}.c100.p65 .bar {
  transform: rotate(234deg);
}.c100.p66 .bar {
  transform: rotate(237.6deg);
}.c100.p67 .bar {
  transform: rotate(241.2deg);
}.c100.p68 .bar {
  transform: rotate(244.8deg);
}.c100.p69 .bar {
  transform: rotate(248.4deg);
}.c100.p70 .bar {
  transform: rotate(252deg);
}.c100.p71 .bar {
  transform: rotate(255.6deg);
}.c100.p72 .bar {
  transform: rotate(259.2deg);
}.c100.p73 .bar {
  transform: rotate(262.8deg);
}.c100.p74 .bar {
  transform: rotate(266.4deg);
}.c100.p75 .bar {
  transform: rotate(270deg);
}.c100.p76 .bar {
  transform: rotate(273.6deg);
}.c100.p77 .bar {
  transform: rotate(277.2deg);
}.c100.p78 .bar {
  transform: rotate(280.8deg);
}.c100.p79 .bar {
  transform: rotate(284.4deg);
}.c100.p80 .bar {
  transform: rotate(288deg);
}.c100.p81 .bar {
  transform: rotate(291.6deg);
}.c100.p82 .bar {
  transform: rotate(295.2deg);
}.c100.p83 .bar {
  transform: rotate(298.8deg);
}.c100.p84 .bar {
  transform: rotate(302.4deg);
}.c100.p85 .bar {
  transform: rotate(306deg);
}.c100.p86 .bar {
  transform: rotate(309.6deg);
}.c100.p87 .bar {
  transform: rotate(313.2deg);
}.c100.p88 .bar {
  transform: rotate(316.8deg);
}.c100.p89 .bar {
  transform: rotate(320.4deg);
}.c100.p90 .bar {
  transform: rotate(324deg);
}.c100.p91 .bar {
  transform: rotate(327.6deg);
}.c100.p92 .bar {
  transform: rotate(331.2deg);
}.c100.p93 .bar {
  transform: rotate(334.8deg);
}.c100.p94 .bar {
  transform: rotate(338.4deg);
}.c100.p95 .bar {
  transform: rotate(342deg);
}.c100.p96 .bar {
  transform: rotate(345.6deg);
}.c100.p97 .bar {
  transform: rotate(349.2deg);
}.c100.p98 .bar {
  transform: rotate(352.8deg);
}.c100.p99 .bar {
  transform: rotate(356.4deg);
}.c100.p100 .bar {
  transform: rotate(360deg);
}.c100.dark {
  background-color: #777777;
}.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}.c100.dark > span {
  color: #777777;
}.c100.dark:after {
  background-color: #666666;
}.c100.dark:hover > span {
  color: #c6ff00;
}.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}.c100.green:hover > span {
  color: #4db53c;
}.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}.c100.green.dark:hover > span {
  color: #5fd400;
}.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}.c100.orange:hover > span {
  color: #dd9d22;
}.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}.c100.orange.dark:hover > span {
  color: #e08833;
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-ExtraLight.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-ExtraLightItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-Light.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-LightItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-Regular.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-Italic.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-SemiBold.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-SemiBoldItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-Bold.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-BoldItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-Black.ttf") format("truetype");
}@font-face {
  font-family: "Source Serif Pro";
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-serif-pro/SourceSerifPro-BlackItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-Regular.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-Italic.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-Light.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-LightItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-Medium.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-MediumItalic.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-Bold.ttf") format("truetype");
}@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: url("fonts/source-sans-pro/SourceSans3-BoldItalic.ttf") format("truetype");
}/* Buttons */.button {
  cursor: pointer;
  border-radius: 9999px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  min-width: 9rem;
}.button--blue {
  background-color: rgba(204, 236, 249, 1);
}.button--blue:is(:hover, :focus, :active) {
  background-color: rgba(102, 197, 238, 1);
}.button--darkblue {
  background-color: rgba(153, 217, 244, 1);
}.button--darkblue:is(:hover, :focus, :active) {
  background-color: rgba(102, 197, 238, 1);
}.button--green {
  background-color: rgba(153, 221, 206, 1);
}.button--green:is(:hover, :focus, :active) {
  background-color: rgba(51, 188, 157, 1);
}.button--red {
  background-color: rgba(250, 217, 221, 1);
}.button--red:is(:hover, :focus, :active) {
  background-color: rgba(241, 140, 152, 1);
}.button--gray {
  background-color: rgba(242, 242, 242, 1);
}.button--gray:is(:hover, :focus, :active) {
  background-color: rgba(220, 220, 220, 1);
}.button--small {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: 0;
}/* Form elements */select {
  border-radius: 2rem;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}input[type=checkbox] {
  position: relative;
  height: 1.75rem;
  width: 1.75rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgba(180, 180, 180, 1);
  background-color: rgba(255, 255, 255, 1);
}label:has(input[type=checkbox]):hover,
label:has(input[type=checkbox]):focus {
  background-color: rgba(230, 230, 230, 1);
}input[type=checkbox]::after {
  font-family: "Font Awesome 6 Pro";
  padding: 5px;
  color: #000;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}input[type=checkbox]:checked::after {
  content: "\f00c";
}/* Popup */.popup {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  align-items: center;
  justify-content: center;
}.popup__wrapper {
  position: relative;
  max-width: 42rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 1);
  padding: 4rem;
  --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);
}.popup__close-button {
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  position: absolute;
  top: -1rem;
  right: -1rem;
}.popup__title {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 400;
}.popup__content {
  font-size: 1.125rem;
  line-height: 1.75rem;
}.bg_animation {
  --margin-top: 160px;
  top: var(--margin-top);
  position: fixed;
  left: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
}.bg_animation div {
  position: relative;
  left: 0;
  width: 85vw;
  height: calc((100vh - var(--margin-top)) / 6 - 1.5vh);
  margin-top: 1.5vh;
  background: #CCE8ED;
  animation-name: left;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  transition: background-color 1s, left 1s;
}.bg_animation div:first-of-type {
  margin-top: 0;
}.bg_animation div:nth-child(2n) {
  left: 25vw;
}.bg_animation div:nth-of-type(3n) {
  animation-duration: 35s;
}.bg_animation div:nth-of-type(4) {
  animation-duration: 55s;
}.bg_animation div:nth-of-type(5) {
  animation-duration: 50s;
}.bg_animation.reverse div {
  left: 25vw;
}.bg_animation.reverse div:nth-child(2n) {
  left: 0;
}.bg_animation.medieteknikk div, body.medieteknikk .quiz-progress {
  background: #CCEEE6;
}.bg_animation.mediedesign div, body.mediedesign .quiz-progress {
  background: #CCE8ED;
}.bg_animation.it-drift div, body.it-drift .quiz-progress {
  background: #DCDCE2;
}.bg_animation.byggdrifter div, body.byggdrifter .quiz-progress {
  background: #E6E6E6;
}.bg_animation.sikkerhetsfaget div, body.sikkerhetsfaget .quiz-progress {
  background: #FAD9DD;
}.bg_animation.service-og-administrasjon div, body.service-og-administrasjon .quiz-progress {
  background: #FDF1D0;
}.bg_animation.dataelektroniker div, body.dataelektroniker .quiz-progress {
  background: #CCECF9;
}.bg_animation.it-utvikling div, body.it-utvikling .quiz-progress {
  background: #CCDEE9;
}.bg_animation.innholdsproduksjon div, body.innholdsproduksjon .quiz-progress {
  background: #DCDCE2;
}body.medieteknikk {
  background-color: #E5F6F2;
}body.mediedesign {
  background-color: #E5F3F6;
}body.it-drift {
  background-color: #E5E9ED;
}body.byggdrifter {
  background-color: #F2F2F2;
}body.sikkerhetsfaget {
  background-color: #FDEBED;
}body.service-og-administrasjon {
  background-color: #FEF8E7;
}body.dataelektroniker {
  background-color: #E5F5FC;
}body.it-utvikling {
  background-color: #E5EEF4;
}body.innholdsproduksjon {
  background-color: #E5E9ED;
}@keyframes left {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0%);
  }
}@keyframes right {
  0% {
    transform: translateX(15vw);
  }
  50% {
    transform: translateX(25vw);
  }
  100% {
    transform: translateX(15vw);
  }
}.quiz-progress {
  height: 24px;
  width: 100%;
  border-radius: 24px;
  background-color: #CCECF9;
  margin-left: auto;
  margin-right: auto;
  max-width: 48rem;
  transition: background-color 1s;
}.quiz-progress div {
  width: 2.5%;
  height: 24px;
  border-radius: 24px;
  background-color: #99D9F4;
  transition: background-color 1s, width 1s;
}body.medieteknikk .quiz-progress div {
  background: #99DDCE;
}body.mediedesign .quiz-progress div {
  background: #99D2DB;
}body.it-drift .quiz-progress div {
  background: #88899E;
}body.byggdrifter .quiz-progress div {
  background: #DCDCDC;
}body.sikkerhetsfaget .quiz-progress div {
  background: #F6B2BA;
}body.service-og-administrasjon .quiz-progress div {
  background: #FCE2A1;
}body.dataelektroniker .quiz-progress div {
  background: #99D9F4;
}body.it-utvikling .quiz-progress div {
  background: #99BDD3;
}body.innholdsproduksjon .quiz-progress div {
  background: #88899E;
}.question-wrapper {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}.question {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}.back-button {
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: -24px;
}.back-button button {
  background-color: #FFF;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 1px solid #D1D1D1;
  font-size: 1.5em;
}.back-button button:hover {
  background-color: rgba(242, 242, 242, 1);
}.back-button button:hover span {
  transform: translateX(-0.15em);
}.back-button button span {
  display: block;
  transition: transform 0.2s;
}.back-button button i {
  margin-top: 8px;
}.answer-btn {
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 10px 55px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}.answer-btn.answer--positive {
  background-color: rgba(153, 221, 206, 1);
}.answer-btn.answer--positive:hover {
  background-color: rgba(102, 205, 181, 1);
}.answer-btn.answer--positive:active {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}.answer-btn.answer--neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}.answer-btn.answer--neutral:hover {
  background-color: rgba(220, 220, 220, 1);
}.answer-btn.answer--neutral:active {
  background-color: rgba(180, 180, 180, 1);
}.answer-btn.answer--negative {
  background-color: rgba(246, 178, 186, 1);
}.answer-btn.answer--negative:hover {
  background-color: rgba(241, 140, 152, 1);
}.answer-btn.answer--negative:active {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}.page-results {
  background-color: #FEF8E7;
}.page-results h3 {
  font-size: 1.6rem;
  margin-bottom: 1.25rem;
}@media screen and (max-width: 640px) {
  .page-results h3 {
    font-size: 1.3rem;
  }
}.page-results h4 {
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
}@media screen and (max-width: 640px) {
  .page-results h4 {
    font-size: 1.1rem;
  }
}.page-results .accordion details {
  background-color: #FFF;
  padding: 1.5rem;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.6rem;
}.page-results .accordion details[open] summary::before {
  transform: matrix(1, 0, 0, -1, 0, 0);
}.page-results .accordion details summary {
  cursor: pointer;
  font-size: 1.2em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: 2em;
  position: relative;
}.page-results .accordion details summary::before {
  color: rgba(51, 188, 157, 1);
  content: "\f078";
  font-family: FontAwesome;
  margin-right: 1em;
  transition: all 0.2s;
  margin-left: -2em;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
}.page-results .accordion details summary::marker {
  content: "";
}.page-results .accordion details .accordion__content {
  margin-top: 1em;
  padding-left: 2.2em;
}.what-now .wn__button {
  background-color: rgba(204, 238, 230, 1);
  display: block;
  border-radius: 30px;
  margin-bottom: 1em;
  padding: 0.6em 1.6em;
  max-width: -moz-fit-content;
  max-width: fit-content;
  transition: all 0.2s;
  font-size: 1.1rem;
}.what-now .wn__button:hover {
  background-color: rgba(102, 205, 181, 1);
}.what-now .wn__button:hover i {
  transform: translateX(0.2em);
}@media screen and (max-width: 640px) {
  .what-now .wn__button {
    padding: 0.3em 1em;
    font-size: 1rem;
  }
}.what-now .wn__button i {
  margin-left: 0.7em;
  transition: all 0.2s;
}.popup__content a {
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  border-radius: 40px;
  padding: 0.5rem 1.5rem;
  margin-top: 1rem;
}.popup__content a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}.popup__content a b {
  font-weight: normal;
}.subject-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-bottom: 3rem;
}@media screen and (max-width: 1024px) {
  .subject-wrapper {
    margin-left: 0;
    width: auto;
    gap: 1rem;
  }
}.subject-wrapper .subject {
  background-color: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 200px;
  margin-bottom: 50px;
  text-align: center;
  padding: 20px 15px 52px;
  position: relative;
  display: flex;
  flex-direction: column;
}@media screen and (max-width: 640px) {
  .subject-wrapper .subject {
    width: 170px;
    padding: 13px 10px 50px;
  }
}.subject-wrapper .subject .subject__header {
  font-size: 1.1rem;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}@media screen and (max-width: 640px) {
  .subject-wrapper .subject .subject__header {
    font-size: 1rem;
  }
}.subject-wrapper .subject button.button {
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #FFF;
  width: 30px;
  height: 30px;
  padding: 4px;
  line-height: 1.6;
}.subject-wrapper .subject button.button:hover {
  background-color: #f1f1f1;
}.subject-wrapper .subject .subject-icon {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}@media screen and (max-width: 640px) {
  .subject-wrapper .subject .subject-icon {
    height: 60px;
  }
}.subject-wrapper .subject .percentage {
  background-color: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 6px;
  margin: 0 auto;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}.subject-wrapper .subject .percentage::after {
  content: "";
  display: block;
  position: absolute;
  width: 140%;
  margin-left: -20%;
  margin-top: -10%;
  height: 60%;
  background-color: #FFF;
  top: 0;
  z-index: 5;
}.subject-wrapper .subject .c100.small {
  --subject-color: #000;
  font-size: 70px;
  float: none;
  z-index: 10;
}.subject-wrapper .subject .c100.small:after {
  background-color: #FFF;
}.subject-wrapper .subject .c100.small span {
  color: var(--subject-color);
  font-weight: bold;
  width: 70px;
  line-height: 4;
  font-size: 0.25em;
}.subject-wrapper .subject .c100.small .slice .bar, .subject-wrapper .subject .c100.small .slice .fill {
  border-color: var(--subject-color);
}.subject-wrapper .subject.subject--medieteknikk .c100.small {
  --subject-color: #33BC9D;
}.subject-wrapper .subject.subject--mediedesign .c100.small {
  --subject-color: #33A5B8;
}.subject-wrapper .subject.subject--it-drift .c100.small {
  --subject-color: #384562;
}.subject-wrapper .subject.subject--byggdrifter .c100.small {
  --subject-color: #9B9B9B;
}.subject-wrapper .subject.subject--sikkerhetsfaget .c100.small {
  --subject-color: #ED6575;
}.subject-wrapper .subject.subject--service-og-administrasjon .c100.small {
  --subject-color: #F9C544;
}.subject-wrapper .subject.subject--dataelektroniker .c100.small {
  --subject-color: #33B2E9;
}.subject-wrapper .subject.subject--it-utvikling .c100.small {
  --subject-color: #337CA7;
}.subject-wrapper .subject.subject--innholdsproduksjon .c100.small {
  --subject-color: #384562;
}.control_questions a {
  text-decoration: underline;
}.control_questions .accordion__content p:last-child > a {
  cursor: pointer;
  border-radius: 9999px;
  background-color: rgba(242, 242, 242, 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration: none;
  display: inline-block;
  margin-top: 1rem;
}.control_questions .accordion__content p:last-child > a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}.share input {
  border: 1px solid grey;
  border-radius: 4px;
  padding: 0.3rem;
  margin: 0.4rem 0 1rem;
}.share .share-button i {
  margin-left: 0.5em;
}body {
  transition: background-color 1s;
}h1, h2, h3, h4, h5, h6 {
  font-family: Source Serif Pro, serif;
}p + p {
  margin-top: 0.5em;
}/* Richtext */.richtext-area h1, .richtext-area h2, .richtext-area h3, .richtext-area h4, .richtext-area h5, .richtext-area h6 {
  margin-bottom: 0.5em;
}.richtext-area * + h1, .richtext-area * + h2, .richtext-area * + h3, .richtext-area * + h4, .richtext-area * + h5, .richtext-area * + h6 {
  margin-top: 1em;
}.richtext-area h1 {
  font-size: 1.5em;
}.richtext-area h2 {
  font-size: 1.4em;
}.richtext-area h3 {
  font-size: 1.3em;
}.richtext-area h4 {
  font-size: 1.2em;
}.richtext-area h5 {
  font-size: 1.1em;
}.full-width {
  position: relative;
  right: 50%;
  left: 50%;
  margin-left: -45vw;
  margin-right: -45vw;
  max-width: 90vw;
  width: 90vw;
}.start-quiz[disabled] {
  opacity: 0.5;
}.start-quiz[disabled]:hover {
  background-color: rgba(153, 221, 206, 1);
  cursor: default;
}@media print {.print\:block {
    display: block;
  }.print\:hidden {
    display: none;
  }
}@media (min-width: 768px) {.md\:hidden {
    display: none;
  }.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}@media (min-width: 1024px) {.lg\:mt-6 {
    margin-top: 1.5rem;
  }.lg\:mt-14 {
    margin-top: 3.5rem;
  }.lg\:flex-row {
    flex-direction: row;
  }.lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }.lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }.lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }.lg\:pt-12 {
    padding-top: 3rem;
  }.lg\:pb-14 {
    padding-bottom: 3.5rem;
  }.lg\:text-left {
    text-align: left;
  }.lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
/*# sourceMappingURL=bundle.css.map */