@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/fonts/soehne-200.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/fonts/soehne-200i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/soehne-300.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/soehne-300i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/soehne-400.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/soehne-400i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/soehne-500.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/soehne-500i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/soehne-600.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/soehne-600i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/soehne-700.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/soehne-700i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/soehne-800.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/soehne-800i.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/fonts/soehne-900.woff2") format("woff2");
}
@font-face {
  font-family: "Soehne";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/fonts/soehne-900i.woff2") format("woff2");
}
/*! UniformCSS v1.5.4 | MIT License | github.com/ThinkUniform/uniformcss */
:root {
  --FONT-FAMILIES-----------------:#01;
  --font-sans: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --font-sail: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu;
  --FONT-SIZES--------------------:#02;
  --font-2xs: 0.625rem;
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.75rem;
  --font-4xl: 2rem;
  --font-5xl: 2.25rem;
  --font-6xl: 2.5rem;
  --font-7xl: 3rem;
  --font-8xl: 3.5rem;
  --font-9xl: 4rem;
  --font-10xl: 4.5rem;
  --font-11xl: 5rem;
  --font-12xl: 6rem;
  --FONT-WEIGHTS------------------:#03;
  --ultralight: 100;
  --extralight: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extrabold: 800;
  --ultrabold: 900;
  --LEADING-----------------------:#04;
  --leading-tightest: 1.125;
  --leading-tighter: 1.25;
  --leading-tight: 1.375;
  --leading-normal: 1.5;
  --leading-loose: 1.625;
  --leading-looser: 1.75;
  --leading-loosest: 1.875;
  --TRACKING----------------------:#05;
  --tracking-tightest: -0.08em;
  --tracking-tighter: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-loose: 0.02em;
  --tracking-looser: 0.04em;
  --tracking-loosest: 0.08em;
  --TEXT-LEADING------------------:#06;
  --font-2xs-leading: 1.875;
  --font-xs-leading: 1.875;
  --font-sm-leading: 1.75;
  --font-md-leading: 1.75;
  --font-lg-leading: 1.625;
  --font-xl-leading: 1.625;
  --font-2xl-leading: 1.5;
  --font-3xl-leading: 1.375;
  --font-4xl-leading: 1.25;
  --font-5xl-leading: 1.25;
  --font-6xl-leading: 1.25;
  --font-7xl-leading: 1.25;
  --font-8xl-leading: 1.25;
  --font-9xl-leading: 1.125;
  --font-10xl-leading: 1.125;
  --font-11xl-leading: 1.125;
  --font-12xl-leading: 1.125;
  --RADIUS------------------------:#07;
  --radius-2xs: 0.1875rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --BLUR--------------------------:#08;
  --blur-2xs: 4px;
  --blur-xs: 8px;
  --blur-sm: 12px;
  --blur-md: 16px;
  --blur-lg: 24px;
  --blur-xl: 32px;
  --blur-2xl: 48px;
  --SHADOWS-----------------------:#09;
  --shadow-2xs: 0 2px 6px rgba(var(--black), 0.05);
  --shadow-xs: 0 4px 8px rgba(var(--black), 0.06);
  --shadow-sm: 0 6px 12px rgba(var(--black), 0.07);
  --shadow-md: 0 8px 16px rgba(var(--black), 0.07);
  --shadow-lg: 0 10px 20px rgba(var(--black), 0.07);
  --shadow-xl: 0 16px 32px rgba(var(--black), 0.07);
  --shadow-2xl: 0 6px 12px rgba(var(--black), 0.03), 0 24px 48px rgba(var(--black), 0.07);
  --shadow-modal: 0 6px 12px rgba(var(--black), 0.06), 0 24px 48px rgba(var(--black), 0.14);
  --shadow-headerDark: 0 1px 1px 0px rgba(255, 255, 255, 0.15);
  --shadow-headerLight: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
  --shadow-footerDark: 0 -1px 1px 0px rgba(255, 255, 255, 0.15);
  --shadow-footerLight: 0 -1px 1px 0px rgba(0, 0, 0, 0.1);
  --GRADIENTS---------------------:#10;
  --fade-up: linear-gradient(0deg, rgba(var(--sheet-5), 0) 0%, rgba(var(--sheet-5), 1) 100%);
  --fade-left: linear-gradient(-90deg, rgba(var(--sheet-5), 0) 0%, rgba(var(--sheet-5), 1) 100%);
  --fade-down: linear-gradient(180deg, rgba(var(--sheet-5), 0) 0%, rgba(var(--sheet-5), 1) 100%);
  --fade-right: linear-gradient(90deg, rgba(var(--sheet-5), 0) 0%, rgba(var(--sheet-5), 1) 100%);
  --fade-up-i: linear-gradient(0deg, rgba(var(--sheet-5-i), 0) 0%, rgba(var(--sheet-5-i), 1) 100%);
  --fade-left-i: linear-gradient(-90deg, rgba(var(--sheet-5-i), 0) 0%, rgba(var(--sheet-5-i), 1) 100%);
  --fade-down-i: linear-gradient(180deg, rgba(var(--sheet-5-i), 0) 0%, rgba(var(--sheet-5-i), 1) 100%);
  --fade-right-i: linear-gradient(90deg, rgba(var(--sheet-5-i), 0) 0%, rgba(var(--sheet-5-i), 1) 100%);
  --fade-up-white: linear-gradient(180deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
  --fade-down-white: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 1) 100%);
  --fade-down-bokeh: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 0) 100%);
  --fade-up-slate-70: linear-gradient(180deg, rgba(var(--slate-70), 1) 0%, rgba(var(--slate-70), 0) 100%);
  --fade-down-slate-70: linear-gradient(180deg, rgba(var(--slate-70), 0) 0%, rgba(var(--slate-70), 1) 100%);
  --COLORS------------------------:#11;
  --white: 255,255,255;
  --black: 0,0,0;
  --slate: 10,37,64;
  --slate-10: 46,58,85;
  --slate-15: 63,75,102;
  --slate-20: 79,91,118;
  --slate-30: 114,127,150;
  --slate-40: 171,181,197;
  --slate-50: 196,204,216;
  --slate-60: 231,236,241;
  --slate-70: 246,249,251;
  --blurple: 99,91,255;
  --orange: 255,118,0;
  --yellow: 250,176,0;
  --green: 21,190,83;
  --teal: 0,196,196;
  --cyan: 2,188,245;
  --blue: 0,115,230;
  --purple: 153,102,255;
  --pink: 243,99,243;
  --raspberry: 255,89,150;
  --blurple-d: 122,115,255;
  --orange-d: 255,124,12;
  --yellow-d: 255,206,72;
  --green-d: 20,212,51;
  --teal-d: 13,228,228;
  --cyan-d: 0,212,255;
  --blue-d: 0,115,230;
  --purple-d: 153,102,255;
  --pink-d: 255,131,255;
  --raspberry-d: 255,89,150;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    transform: scale(2.25);
    opacity: 0;
  }
  100% {
    transform: scale(2.25);
    opacity: 0;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  line-height: 1;
  text-rendering: optimizeSpeed;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  line-height: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, [role=button] {
  cursor: pointer;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
button:focus, [role=button]:focus {
  outline: 0;
}

a {
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
  -webkit-tap-highlight-color: transparent;
}

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

ol, ul {
  list-style: none;
}

[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus,
select:focus {
  outline: 0;
}

::-moz-placeholder {
  opacity: 1;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type=checkbox]:focus,
[type=radio]:focus {
  outline: 0;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
sub, sup {
  position: relative;
  font-size: 0.75em;
}

sub {
  bottom: -0.25em;
  left: 0.25em;
}

sup {
  top: -0.5em;
  left: 0.25em;
}

pre, code {
  font-family: var(--font-mono);
}

[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
  padding: 0.5em 0.75em;
  font-size: 1rem;
  line-height: 1.5;
}

[type=checkbox],
[type=radio] {
  width: 1em;
  height: 1em;
}
[type=checkbox]:checked,
[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7.99997L9.99998 15L6.49998 11.5' stroke='white' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

[type=radio] {
  border-radius: 9999px;
}
[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 16px 12px;
}

.bg\:white {
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
}

.bg\:black {
  --bg-opacity: 1;
  background-color: rgba(var(--black), var(--bg-opacity));
}

.bg\:slate {
  --bg-opacity: 1;
  background-color: rgba(var(--slate), var(--bg-opacity));
}

.bg\:slate-30 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-30), var(--bg-opacity));
}

.bg\:slate-50 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-50), var(--bg-opacity));
}

.bg\:slate-60 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
}

.bg\:slate-70 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
}

.bg\:blurple {
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
}

.bg\:orange {
  --bg-opacity: 1;
  background-color: rgba(var(--orange), var(--bg-opacity));
}

.bg\:green {
  --bg-opacity: 1;
  background-color: rgba(var(--green), var(--bg-opacity));
}

.bg\:blue {
  --bg-opacity: 1;
  background-color: rgba(var(--blue), var(--bg-opacity));
}

.bg\:purple {
  --bg-opacity: 1;
  background-color: rgba(var(--purple), var(--bg-opacity));
}

.bg\:raspberry {
  --bg-opacity: 1;
  background-color: rgba(var(--raspberry), var(--bg-opacity));
}

.bg\:current {
  --bg-opacity: 1;
  background-color: currentColor;
}

.bg\:fade-up-white {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
}

.bg\:fade-down-white {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 1) 100%);
}

.bg\:fade-up-slate-70 {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--slate-70), 1) 0%, rgba(var(--slate-70), 0) 100%);
}

.bg\:fade-down-slate-70 {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--slate-70), 0) 0%, rgba(var(--slate-70), 1) 100%);
}

.border\:white {
  --border-opacity: 1;
  border-color: rgba(var(--white), var(--border-opacity));
}

.border\:black {
  --border-opacity: 1;
  border-color: rgba(var(--black), var(--border-opacity));
}

.border\:slate {
  --border-opacity: 1;
  border-color: rgba(var(--slate), var(--border-opacity));
}

.border\:slate-20 {
  --border-opacity: 1;
  border-color: rgba(var(--slate-20), var(--border-opacity));
}

.border\:slate-50 {
  --border-opacity: 1;
  border-color: rgba(var(--slate-50), var(--border-opacity));
}

.border\:slate-60 {
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
}

.border\:slate-70 {
  --border-opacity: 1;
  border-color: rgba(var(--slate-70), var(--border-opacity));
}

.border\:blurple {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}

.border\:purple {
  --border-opacity: 1;
  border-color: rgba(var(--purple), var(--border-opacity));
}

.border\:raspberry {
  --border-opacity: 1;
  border-color: rgba(var(--raspberry), var(--border-opacity));
}

.border\:current {
  --border-opacity: 1;
  border-color: currentColor;
}

.bottom\:4 {
  bottom: 0.25rem;
}

.bottom\:12 {
  bottom: 0.75rem;
}

.bottom\:24 {
  bottom: 1.5rem;
}

.bottom\:28 {
  bottom: 1.75rem;
}

.bottom\:32 {
  bottom: 2rem;
}

.bottom\:112 {
  bottom: 7rem;
}

.bottom\:160 {
  bottom: 10rem;
}

.bottom\:n1 {
  bottom: -0.0625rem;
}

.bottom\:n6 {
  bottom: -0.375rem;
}

.bottom\:n16 {
  bottom: -1rem;
}

.bottom\:n32 {
  bottom: -2rem;
}

.bottom\:n64 {
  bottom: -4rem;
}

.bottom\:n320 {
  bottom: -20rem;
}

.bottom\:0 {
  bottom: 0;
}

.color\:white {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}

.color\:black {
  --color-opacity: 1;
  color: rgba(var(--black), var(--color-opacity));
}

.color\:slate {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}

.color\:slate-15 {
  --color-opacity: 1;
  color: rgba(var(--slate-15), var(--color-opacity));
}

.color\:slate-20 {
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
}

.color\:slate-30 {
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
}

.color\:slate-40 {
  --color-opacity: 1;
  color: rgba(var(--slate-40), var(--color-opacity));
}

.color\:slate-50 {
  --color-opacity: 1;
  color: rgba(var(--slate-50), var(--color-opacity));
}

.color\:slate-60 {
  --color-opacity: 1;
  color: rgba(var(--slate-60), var(--color-opacity));
}

.color\:slate-70 {
  --color-opacity: 1;
  color: rgba(var(--slate-70), var(--color-opacity));
}

.color\:blurple {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}

.color\:orange {
  --color-opacity: 1;
  color: rgba(var(--orange), var(--color-opacity));
}

.color\:green {
  --color-opacity: 1;
  color: rgba(var(--green), var(--color-opacity));
}

.color\:blue {
  --color-opacity: 1;
  color: rgba(var(--blue), var(--color-opacity));
}

.color\:purple {
  --color-opacity: 1;
  color: rgba(var(--purple), var(--color-opacity));
}

.color\:raspberry {
  --color-opacity: 1;
  color: rgba(var(--raspberry), var(--color-opacity));
}

.font\:11 {
  font-size: 0.6875rem;
}

.font\:13 {
  font-size: 0.8125rem;
}

.font\:15 {
  font-size: 0.9375rem;
}

.font\:26 {
  font-size: 1.625rem;
}

.font\:38 {
  font-size: 2.375rem;
}

.font\:105 {
  font-size: 6.5625rem;
}

.font\:3xs {
  font-size: 0.5rem;
}

.font\:13xl {
  font-size: 7rem;
}

.font\:2xs {
  font-size: var(--font-2xs);
}

.font\:xs {
  font-size: var(--font-xs);
}

.font\:sm {
  font-size: var(--font-sm);
}

.font\:md {
  font-size: var(--font-md);
}

.font\:lg {
  font-size: var(--font-lg);
}

.font\:xl {
  font-size: var(--font-xl);
}

.font\:2xl {
  font-size: var(--font-2xl);
}

.font\:3xl {
  font-size: var(--font-3xl);
}

.font\:4xl {
  font-size: var(--font-4xl);
}

.font\:6xl {
  font-size: var(--font-6xl);
}

.font\:7xl {
  font-size: var(--font-7xl);
}

.font\:8xl {
  font-size: var(--font-8xl);
}

.font\:9xl {
  font-size: var(--font-9xl);
}

.font\:10xl {
  font-size: var(--font-10xl);
}

.font\:11xl {
  font-size: var(--font-11xl);
}

.font\:12xl {
  font-size: var(--font-12xl);
}

.h\:29 {
  height: 1.8125rem;
}

.h\:30 {
  height: 1.875rem;
}

.h\:60 {
  height: 3.75rem;
}

.h\:670 {
  height: 41.875rem;
}

.h\:896 {
  height: 56rem;
}

.h\:100p {
  height: 100%;
}

.h\:plus4 {
  height: calc(100% + 0.25rem);
}

.h\:minus16 {
  height: calc(100% - 1rem);
}

.h\:quizMobile {
  height: calc(100svh - 4.5625rem);
}

.h\:1 {
  height: 0.0625rem;
}

.h\:2 {
  height: 0.125rem;
}

.h\:4 {
  height: 0.25rem;
}

.h\:6 {
  height: 0.375rem;
}

.h\:8 {
  height: 0.5rem;
}

.h\:12 {
  height: 0.75rem;
}

.h\:14 {
  height: 0.875rem;
}

.h\:16 {
  height: 1rem;
}

.h\:18 {
  height: 1.125rem;
}

.h\:20 {
  height: 1.25rem;
}

.h\:24 {
  height: 1.5rem;
}

.h\:28 {
  height: 1.75rem;
}

.h\:32 {
  height: 2rem;
}

.h\:36 {
  height: 2.25rem;
}

.h\:40 {
  height: 2.5rem;
}

.h\:48 {
  height: 3rem;
}

.h\:56 {
  height: 3.5rem;
}

.h\:64 {
  height: 4rem;
}

.h\:72 {
  height: 4.5rem;
}

.h\:80 {
  height: 5rem;
}

.h\:128 {
  height: 8rem;
}

.h\:192 {
  height: 12rem;
}

.h\:288 {
  height: 18rem;
}

.h\:320 {
  height: 20rem;
}

.h\:512 {
  height: 32rem;
}

.h\:576 {
  height: 36rem;
}

.h\:640 {
  height: 40rem;
}

.h\:auto {
  height: auto;
}

.h\:0 {
  height: 0;
}

.h\:100vh {
  height: 100vh;
}

.left\:1 {
  left: 0.0625rem;
}

.left\:2 {
  left: 0.125rem;
}

.left\:4 {
  left: 0.25rem;
}

.left\:10 {
  left: 0.625rem;
}

.left\:12 {
  left: 0.75rem;
}

.left\:24 {
  left: 1.5rem;
}

.left\:32 {
  left: 2rem;
}

.left\:n2 {
  left: -0.125rem;
}

.left\:n6 {
  left: -0.375rem;
}

.left\:n10 {
  left: -0.625rem;
}

.left\:n12 {
  left: -0.75rem;
}

.left\:n16 {
  left: -1rem;
}

.left\:n64 {
  left: -4rem;
}

.left\:n72 {
  left: -4.5rem;
}

.left\:n112 {
  left: -7rem;
}

.left\:n320 {
  left: -20rem;
}

.left\:0 {
  left: 0;
}

.mb\:1 {
  margin-bottom: 0.0625rem;
}

.mb\:2 {
  margin-bottom: 0.125rem;
}

.mb\:4 {
  margin-bottom: 0.25rem;
}

.mb\:6 {
  margin-bottom: 0.375rem;
}

.mb\:8 {
  margin-bottom: 0.5rem;
}

.mb\:10 {
  margin-bottom: 0.625rem;
}

.mb\:12 {
  margin-bottom: 0.75rem;
}

.mb\:14 {
  margin-bottom: 0.875rem;
}

.mb\:16 {
  margin-bottom: 1rem;
}

.mb\:18 {
  margin-bottom: 1.125rem;
}

.mb\:20 {
  margin-bottom: 1.25rem;
}

.mb\:24 {
  margin-bottom: 1.5rem;
}

.mb\:28 {
  margin-bottom: 1.75rem;
}

.mb\:32 {
  margin-bottom: 2rem;
}

.mb\:40 {
  margin-bottom: 2.5rem;
}

.mb\:48 {
  margin-bottom: 3rem;
}

.mb\:56 {
  margin-bottom: 3.5rem;
}

.mb\:64 {
  margin-bottom: 4rem;
}

.mb\:72 {
  margin-bottom: 4.5rem;
}

.mb\:96 {
  margin-bottom: 6rem;
}

.mb\:128 {
  margin-bottom: 8rem;
}

.mb\:n1 {
  margin-bottom: -0.0625rem;
}

.mb\:n4 {
  margin-bottom: -0.25rem;
}

.mb\:n8 {
  margin-bottom: -0.5rem;
}

.mb\:n10 {
  margin-bottom: -0.625rem;
}

.mb\:n48 {
  margin-bottom: -3rem;
}

.mb\:n72 {
  margin-bottom: -4.5rem;
}

.mt\:n512 {
  margin-top: -32rem;
}

.mt\:n704 {
  margin-top: -44rem;
}

.mt\:n736 {
  margin-top: -46rem;
}

.mt\:1 {
  margin-top: 0.0625rem;
}

.mt\:2 {
  margin-top: 0.125rem;
}

.mt\:4 {
  margin-top: 0.25rem;
}

.mt\:6 {
  margin-top: 0.375rem;
}

.mt\:8 {
  margin-top: 0.5rem;
}

.mt\:10 {
  margin-top: 0.625rem;
}

.mt\:12 {
  margin-top: 0.75rem;
}

.mt\:14 {
  margin-top: 0.875rem;
}

.mt\:16 {
  margin-top: 1rem;
}

.mt\:18 {
  margin-top: 1.125rem;
}

.mt\:24 {
  margin-top: 1.5rem;
}

.mt\:32 {
  margin-top: 2rem;
}

.mt\:40 {
  margin-top: 2.5rem;
}

.mt\:48 {
  margin-top: 3rem;
}

.mt\:56 {
  margin-top: 3.5rem;
}

.mt\:64 {
  margin-top: 4rem;
}

.mt\:72 {
  margin-top: 4.5rem;
}

.mt\:192 {
  margin-top: 12rem;
}

.mt\:224 {
  margin-top: 14rem;
}

.mt\:n1 {
  margin-top: -0.0625rem;
}

.mt\:n2 {
  margin-top: -0.125rem;
}

.mt\:n4 {
  margin-top: -0.25rem;
}

.mt\:n160 {
  margin-top: -10rem;
}

.mt\:n256 {
  margin-top: -16rem;
}

.mt\:n288 {
  margin-top: -18rem;
}

.mt\:n320 {
  margin-top: -20rem;
}

.mt\:n384 {
  margin-top: -24rem;
}

.max-h\:100vh {
  max-height: 100vh;
}

.max-h\:minus136 {
  max-height: calc(100vh - 8.5rem);
}

.max-w\:88 {
  max-width: 5.5rem;
}

.max-w\:416 {
  max-width: 26rem;
}

.max-w\:464 {
  max-width: 29rem;
}

.max-w\:539 {
  max-width: 33.6875rem;
}

.max-w\:1080 {
  max-width: 67.5rem;
}

.max-w\:128 {
  max-width: 8rem;
}

.max-w\:160 {
  max-width: 10rem;
}

.max-w\:192 {
  max-width: 12rem;
}

.max-w\:256 {
  max-width: 16rem;
}

.max-w\:288 {
  max-width: 18rem;
}

.max-w\:320 {
  max-width: 20rem;
}

.max-w\:384 {
  max-width: 24rem;
}

.max-w\:448 {
  max-width: 28rem;
}

.max-w\:512 {
  max-width: 32rem;
}

.max-w\:576 {
  max-width: 36rem;
}

.max-w\:640 {
  max-width: 40rem;
}

.max-w\:768 {
  max-width: 48rem;
}

.max-w\:896 {
  max-width: 56rem;
}

.max-w\:1280 {
  max-width: 80rem;
}

.max-w\:1536 {
  max-width: 96rem;
}

.max-w\:none {
  max-width: none;
}

.max-w\:100p {
  max-width: 100%;
}

.max-w\:text {
  max-width: 64ch;
}

.min-w\:40 {
  min-width: 2.5rem;
}

.min-w\:382 {
  min-width: 23.875rem;
}

.min-w\:288 {
  min-width: 18rem;
}

.min-h\:40 {
  min-height: 2.5rem;
}

.min-h\:400 {
  min-height: 25rem;
}

.min-h\:448 {
  min-height: 28rem;
}

.min-h\:100vh {
  min-height: 100vh;
}

.pb\:352 {
  padding-bottom: 22rem;
}

.pb\:448 {
  padding-bottom: 28rem;
}

.pb\:736 {
  padding-bottom: 46rem;
}

.pb\:800 {
  padding-bottom: 50rem;
}

.pb\:1 {
  padding-bottom: 0.0625rem;
}

.pb\:2 {
  padding-bottom: 0.125rem;
}

.pb\:4 {
  padding-bottom: 0.25rem;
}

.pb\:6 {
  padding-bottom: 0.375rem;
}

.pb\:8 {
  padding-bottom: 0.5rem;
}

.pb\:10 {
  padding-bottom: 0.625rem;
}

.pb\:12 {
  padding-bottom: 0.75rem;
}

.pb\:18 {
  padding-bottom: 1.125rem;
}

.pb\:20 {
  padding-bottom: 1.25rem;
}

.pb\:24 {
  padding-bottom: 1.5rem;
}

.pb\:32 {
  padding-bottom: 2rem;
}

.pb\:48 {
  padding-bottom: 3rem;
}

.pb\:56 {
  padding-bottom: 3.5rem;
}

.pb\:64 {
  padding-bottom: 4rem;
}

.pb\:72 {
  padding-bottom: 4.5rem;
}

.pb\:80 {
  padding-bottom: 5rem;
}

.pb\:128 {
  padding-bottom: 8rem;
}

.pb\:224 {
  padding-bottom: 14rem;
}

.pb\:320 {
  padding-bottom: 20rem;
}

.pb\:384 {
  padding-bottom: 24rem;
}

.pb\:0 {
  padding-bottom: 0;
}

.pl\:60 {
  padding-left: 3.75rem;
}

.pl\:6 {
  padding-left: 0.375rem;
}

.pl\:12 {
  padding-left: 0.75rem;
}

.pl\:16 {
  padding-left: 1rem;
}

.pl\:24 {
  padding-left: 1.5rem;
}

.pl\:28 {
  padding-left: 1.75rem;
}

.pl\:32 {
  padding-left: 2rem;
}

.pl\:36 {
  padding-left: 2.25rem;
}

.pl\:48 {
  padding-left: 3rem;
}

.pl\:64 {
  padding-left: 4rem;
}

.pt\:7 {
  padding-top: 0.4375rem;
}

.pt\:2 {
  padding-top: 0.125rem;
}

.pt\:4 {
  padding-top: 0.25rem;
}

.pt\:6 {
  padding-top: 0.375rem;
}

.pt\:8 {
  padding-top: 0.5rem;
}

.pt\:10 {
  padding-top: 0.625rem;
}

.pt\:12 {
  padding-top: 0.75rem;
}

.pt\:14 {
  padding-top: 0.875rem;
}

.pt\:16 {
  padding-top: 1rem;
}

.pt\:18 {
  padding-top: 1.125rem;
}

.pt\:20 {
  padding-top: 1.25rem;
}

.pt\:24 {
  padding-top: 1.5rem;
}

.pt\:28 {
  padding-top: 1.75rem;
}

.pt\:32 {
  padding-top: 2rem;
}

.pt\:36 {
  padding-top: 2.25rem;
}

.pt\:40 {
  padding-top: 2.5rem;
}

.pt\:48 {
  padding-top: 3rem;
}

.pt\:56 {
  padding-top: 3.5rem;
}

.pt\:64 {
  padding-top: 4rem;
}

.pt\:80 {
  padding-top: 5rem;
}

.pt\:96 {
  padding-top: 6rem;
}

.pt\:112 {
  padding-top: 7rem;
}

.pt\:128 {
  padding-top: 8rem;
}

.pt\:144 {
  padding-top: 9rem;
}

.pt\:160 {
  padding-top: 10rem;
}

.pt\:192 {
  padding-top: 12rem;
}

.pt\:224 {
  padding-top: 14rem;
}

.pt\:256 {
  padding-top: 16rem;
}

.pr\:88 {
  padding-right: 5.5rem;
}

.pr\:8 {
  padding-right: 0.5rem;
}

.pr\:12 {
  padding-right: 0.75rem;
}

.pr\:14 {
  padding-right: 0.875rem;
}

.pr\:16 {
  padding-right: 1rem;
}

.pr\:18 {
  padding-right: 1.125rem;
}

.pr\:20 {
  padding-right: 1.25rem;
}

.pr\:24 {
  padding-right: 1.5rem;
}

.pr\:32 {
  padding-right: 2rem;
}

.pr\:40 {
  padding-right: 2.5rem;
}

.pr\:48 {
  padding-right: 3rem;
}

.pr\:64 {
  padding-right: 4rem;
}

.pr\:112 {
  padding-right: 7rem;
}

.pr\:128 {
  padding-right: 8rem;
}

.py\:1 {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
}

.py\:2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py\:6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py\:8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py\:10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py\:12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py\:14 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py\:16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py\:18 {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.py\:20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py\:24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py\:32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py\:40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py\:128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py\:160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.right\:2 {
  right: 0.125rem;
}

.right\:4 {
  right: 0.25rem;
}

.right\:6 {
  right: 0.375rem;
}

.right\:8 {
  right: 0.5rem;
}

.right\:16 {
  right: 1rem;
}

.right\:24 {
  right: 1.5rem;
}

.right\:32 {
  right: 2rem;
}

.right\:40 {
  right: 2.5rem;
}

.right\:n6 {
  right: -0.375rem;
}

.right\:n320 {
  right: -20rem;
}

.right\:0 {
  right: 0;
}

.underline {
  text-decoration: underline;
}

.top\:2 {
  top: 0.125rem;
}

.top\:4 {
  top: 0.25rem;
}

.top\:6 {
  top: 0.375rem;
}

.top\:8 {
  top: 0.5rem;
}

.top\:24 {
  top: 1.5rem;
}

.top\:32 {
  top: 2rem;
}

.top\:64 {
  top: 4rem;
}

.top\:72 {
  top: 4.5rem;
}

.top\:192 {
  top: 12rem;
}

.top\:n1 {
  top: -0.0625rem;
}

.top\:n2 {
  top: -0.125rem;
}

.top\:n6 {
  top: -0.375rem;
}

.top\:n16 {
  top: -1rem;
}

.top\:n32 {
  top: -2rem;
}

.top\:n56 {
  top: -3.5rem;
}

.top\:n72 {
  top: -4.5rem;
}

.top\:n320 {
  top: -20rem;
}

.top\:0 {
  top: 0;
}

.linear {
  transition-timing-function: linear;
}

.ease {
  transition-timing-function: ease;
}

.w\:auto {
  width: auto;
}

.w\:60 {
  width: 3.75rem;
}

.w\:390 {
  width: 24.375rem;
}

.w\:896 {
  width: 56rem;
}

.w\:928 {
  width: 58rem;
}

.w\:minus2 {
  width: calc(100% - 0.125rem);
}

.w\:minus12 {
  width: calc(100% - 0.75rem);
}

.w\:minus16 {
  width: calc(100% - 1rem);
}

.w\:minus32 {
  width: calc(100% - 2rem);
}

.w\:plus4 {
  width: calc(100% + 0.25rem);
}

.w\:plus48 {
  width: calc(100% + 3rem);
}

.w\:plus224 {
  width: calc(100% + 14rem);
}

.w\:200p {
  width: 200%;
}

.w\:1 {
  width: 0.0625rem;
}

.w\:2 {
  width: 0.125rem;
}

.w\:4 {
  width: 0.25rem;
}

.w\:6 {
  width: 0.375rem;
}

.w\:8 {
  width: 0.5rem;
}

.w\:10 {
  width: 0.625rem;
}

.w\:12 {
  width: 0.75rem;
}

.w\:14 {
  width: 0.875rem;
}

.w\:16 {
  width: 1rem;
}

.w\:18 {
  width: 1.125rem;
}

.w\:20 {
  width: 1.25rem;
}

.w\:24 {
  width: 1.5rem;
}

.w\:28 {
  width: 1.75rem;
}

.w\:32 {
  width: 2rem;
}

.w\:36 {
  width: 2.25rem;
}

.w\:40 {
  width: 2.5rem;
}

.w\:48 {
  width: 3rem;
}

.w\:64 {
  width: 4rem;
}

.w\:72 {
  width: 4.5rem;
}

.w\:112 {
  width: 7rem;
}

.w\:160 {
  width: 10rem;
}

.w\:224 {
  width: 14rem;
}

.w\:288 {
  width: 18rem;
}

.w\:320 {
  width: 20rem;
}

.w\:640 {
  width: 40rem;
}

.w\:50p {
  width: 50%;
}

.w\:100p {
  width: 100%;
}

.w\:100vw {
  width: 100vw;
}

.z\:1 {
  z-index: 1;
}

.z\:2 {
  z-index: 2;
}

.z\:3 {
  z-index: 3;
}

.z\:8 {
  z-index: 8;
}

.z\:9 {
  z-index: 9;
}

.z\:10 {
  z-index: 10;
}

.ratio\:1-1 {
  aspect-ratio: 1;
}

.ratio\:3-4 {
  aspect-ratio: 3 / 4;
}

.ratio\:16-9 {
  aspect-ratio: 16 / 9;
}

.tracking\:tighter {
  letter-spacing: var(--tracking-tighter);
}

.tracking\:tight {
  letter-spacing: var(--tracking-tight);
}

.tracking\:loose {
  letter-spacing: var(--tracking-loose);
}

.tracking\:loosest {
  letter-spacing: var(--tracking-loosest);
}

.leading\:100 {
  line-height: 1;
}

.leading\:110 {
  line-height: 1.1;
}

.leading\:120 {
  line-height: 1.2;
}

.leading\:130 {
  line-height: 1.3;
}

.leading\:140 {
  line-height: 1.4;
}

.leading\:150 {
  line-height: 1.5;
}

.leading\:160 {
  line-height: 1.6;
}

.leading\:170 {
  line-height: 1.7;
}

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

.text\:center {
  text-align: center;
}

.text\:right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.space\:nowrap {
  white-space: nowrap;
}

.font\:sans {
  font-family: var(--font-sans);
}

.font\:sail {
  font-family: var(--font-sail);
}

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

.light {
  font-weight: var(--light);
}

.regular {
  font-weight: var(--regular);
}

.medium {
  font-weight: var(--medium);
}

.semibold {
  font-weight: var(--semibold);
}

.bold {
  font-weight: var(--bold);
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-opacity\:6 {
  --bg-opacity: 0.06;
}

.bg-opacity\:10 {
  --bg-opacity: 0.1;
}

.bg-opacity\:15 {
  --bg-opacity: 0.15;
}

.bg-opacity\:20 {
  --bg-opacity: 0.2;
}

.bg-opacity\:30 {
  --bg-opacity: 0.3;
}

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

.bg-opacity\:70 {
  --bg-opacity: 0.7;
}

.bg-opacity\:80 {
  --bg-opacity: 0.8;
}

.bg-opacity\:90 {
  --bg-opacity: 0.9;
}

.bg-opacity\:95 {
  --bg-opacity: 0.95;
}

.transition\:100 {
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
}

.transition\:200 {
  transition: background-color 200ms, border-color 200ms, color 200ms, fill 200ms, stroke 200ms, opacity 200ms, box-shadow 200ms, transform 200ms, top 200ms, right 200ms, bottom 200ms, left 200ms;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
}

.m\:8 {
  margin: 0.5rem;
}

.my\:1 {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
}

.my\:48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ml\:1 {
  margin-left: 0.0625rem;
}

.ml\:2 {
  margin-left: 0.125rem;
}

.ml\:6 {
  margin-left: 0.375rem;
}

.ml\:n1 {
  margin-left: -0.0625rem;
}

.ml\:n2 {
  margin-left: -0.125rem;
}

.ml\:n4 {
  margin-left: -0.25rem;
}

.ml\:n8 {
  margin-left: -0.5rem;
}

.ml\:n12 {
  margin-left: -0.75rem;
}

.ml\:n16 {
  margin-left: -1rem;
}

.ml\:n40 {
  margin-left: -2.5rem;
}

.ml\:n48 {
  margin-left: -3rem;
}

.mr\:1 {
  margin-right: 0.0625rem;
}

.mr\:16 {
  margin-right: 1rem;
}

.mr\:n4 {
  margin-right: -0.25rem;
}

.p\:1 {
  padding: 0.0625rem;
}

.p\:2 {
  padding: 0.125rem;
}

.p\:4 {
  padding: 0.25rem;
}

.p\:8 {
  padding: 0.5rem;
}

.p\:10 {
  padding: 0.625rem;
}

.p\:16 {
  padding: 1rem;
}

.p\:20 {
  padding: 1.25rem;
}

.p\:24 {
  padding: 1.5rem;
}

.p\:28 {
  padding: 1.75rem;
}

.p\:48 {
  padding: 3rem;
}

.px\:1 {
  padding-left: 0.0625rem;
  padding-right: 0.0625rem;
}

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

.px\:4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

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

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

.px\:10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px\:12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px\:14 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px\:16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px\:18 {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.px\:20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.px\:28 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

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

.px\:40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px\:64 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px\:0 {
  padding-left: 0;
  padding-right: 0;
}

.radius\:2xs {
  border-radius: var(--radius-2xs);
}

.radius\:xs {
  border-radius: var(--radius-xs);
}

.radius\:sm {
  border-radius: var(--radius-sm);
}

.radius\:md {
  border-radius: var(--radius-md);
}

.radius\:lg {
  border-radius: var(--radius-lg);
}

.radius\:full {
  border-radius: 9999px;
}

.radius-bl\:2xs {
  border-bottom-left-radius: var(--radius-2xs);
}

.radius-bl\:full {
  border-bottom-left-radius: 9999px;
}

.radius-tl\:full {
  border-top-left-radius: 9999px;
}

.radius-tr\:full {
  border-top-right-radius: 9999px;
}

.border\:1 {
  border-width: 0.0625rem;
}

.border\:2 {
  border-width: 0.125rem;
}

.border-x\:1 {
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
}

.border-y\:1 {
  border-top-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
}

.border-b\:1 {
  border-bottom-width: 0.0625rem;
}

.border-l\:1 {
  border-left-width: 0.0625rem;
}

.border-r\:1 {
  border-right-width: 0.0625rem;
}

.border-t\:1 {
  border-top-width: 0.0625rem;
}

.border\:dashed {
  border-style: dashed;
}

.border-opacity\:0 {
  --border-opacity: 0;
}

.border-opacity\:4 {
  --border-opacity: 0.04;
}

.border-opacity\:6 {
  --border-opacity: 0.06;
}

.border-opacity\:8 {
  --border-opacity: 0.08;
}

.border-opacity\:10 {
  --border-opacity: 0.1;
}

.border-opacity\:15 {
  --border-opacity: 0.15;
}

.border-opacity\:20 {
  --border-opacity: 0.2;
}

.border-opacity\:40 {
  --border-opacity: 0.4;
}

.border-opacity\:70 {
  --border-opacity: 0.7;
}

.radius-b\:lg {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.radius-l\:md {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.radius-r\:xs {
  border-top-right-radius: var(--radius-xs);
  border-bottom-right-radius: var(--radius-xs);
}

.radius-r\:md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.radius-t\:md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.backdrop {
  --backdrop-blur: 0;
  --backdrop-brightness: 1;
  --backdrop-contrast: 1;
  --backdrop-grayscale: 0;
  --backdrop-hue-rotate: 0deg;
  --backdrop-invert: 0;
  --backdrop-opacity: 1;
  --backdrop-saturate: 1;
  --backdrop-sepia: 0;
  backdrop-filter: blur(var(--backdrop-blur)) brightness(var(--backdrop-brightness)) contrast(var(--backdrop-contrast)) grayscale(var(--backdrop-grayscale)) hue-rotate(var(--backdrop-hue-rotate)) invert(var(--backdrop-invert)) opacity(var(--backdrop-opacity)) saturate(var(--backdrop-saturate)) sepia(var(--backdrop-sepia));
  -webkit-backdrop-filter: blur(var(--backdrop-blur)) brightness(var(--backdrop-brightness)) contrast(var(--backdrop-contrast)) grayscale(var(--backdrop-grayscale)) hue-rotate(var(--backdrop-hue-rotate)) invert(var(--backdrop-invert)) opacity(var(--backdrop-opacity)) saturate(var(--backdrop-saturate)) sepia(var(--backdrop-sepia));
}

.backdrop-blur\:sm {
  --backdrop-blur: var(--blur-sm);
}

.backdrop-blur\:md {
  --backdrop-blur: var(--blur-md);
}

.backdrop-blur\:xl {
  --backdrop-blur: var(--blur-xl);
}

.backdrop-blur\:2xl {
  --backdrop-blur: var(--blur-2xl);
}

.filter {
  --filter-blur: 0;
  --filter-brightness: 1;
  --filter-contrast: 1;
  --filter-grayscale: 0;
  --filter-hue-rotate: 0deg;
  --filter-invert: 0;
  --filter-opacity: 1;
  --filter-saturate: 1;
  --filter-sepia: 0;
  filter: blur(var(--filter-blur)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) grayscale(var(--filter-grayscale)) hue-rotate(var(--filter-hue-rotate)) invert(var(--filter-invert)) opacity(var(--filter-opacity)) saturate(var(--filter-saturate)) sepia(var(--filter-sepia));
}

.filter-blur\:sm {
  --filter-blur: var(--blur-sm);
}

.filter-blur\:md {
  --filter-blur: var(--blur-md);
}

.filter-blur\:xl {
  --filter-blur: var(--blur-xl);
}

.blend\:screen {
  mix-blend-mode: screen;
}

.shadow\:2xs {
  box-shadow: var(--shadow-2xs);
}

.shadow\:xs {
  box-shadow: var(--shadow-xs);
}

.shadow\:sm {
  box-shadow: var(--shadow-sm);
}

.shadow\:md {
  box-shadow: var(--shadow-md);
}

.shadow\:xl {
  box-shadow: var(--shadow-xl);
}

.shadow\:2xl {
  box-shadow: var(--shadow-2xl);
}

.opacity\:0 {
  opacity: 0;
}

.opacity\:40 {
  opacity: 0.4;
}

.opacity\:50 {
  opacity: 0.5;
}

.opacity\:70 {
  opacity: 0.7;
}

.opacity\:75 {
  opacity: 0.75;
}

.opacity\:80 {
  opacity: 0.8;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.table {
  display: table;
}

.hidden {
  display: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.border-box {
  box-sizing: border-box;
}

.object\:cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.row-gap\:64 {
  row-gap: 4rem;
}

.gap\:2 {
  gap: 0.125rem;
}

.gap\:4 {
  gap: 0.25rem;
}

.gap\:6 {
  gap: 0.375rem;
}

.gap\:8 {
  gap: 0.5rem;
}

.gap\:10 {
  gap: 0.625rem;
}

.gap\:12 {
  gap: 0.75rem;
}

.gap\:16 {
  gap: 1rem;
}

.gap\:18 {
  gap: 1.125rem;
}

.gap\:20 {
  gap: 1.25rem;
}

.gap\:24 {
  gap: 1.5rem;
}

.gap\:28 {
  gap: 1.75rem;
}

.gap\:32 {
  gap: 2rem;
}

.gap\:40 {
  gap: 2.5rem;
}

.gap\:48 {
  gap: 3rem;
}

.gap\:56 {
  gap: 3.5rem;
}

.gap\:64 {
  gap: 4rem;
}

.align-items\:center {
  align-items: center;
}

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

.align-items\:end {
  align-items: flex-end;
}

.justify-content\:start {
  justify-content: flex-start;
}

.justify-content\:center {
  justify-content: center;
}

.justify-content\:end {
  justify-content: flex-end;
}

.justify-content\:between {
  justify-content: space-between;
}

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

.flex-grow\:1 {
  flex-grow: 1;
}

.flex-shrink\:0 {
  flex-shrink: 0;
}

.flex\:wrap {
  flex-wrap: wrap;
}

.col\:2 {
  grid-column: span 2/span 2;
}

.col\:3 {
  grid-column: span 3/span 3;
}

.col\:8 {
  grid-column: span 8/span 8;
}

.col-end\:12 {
  grid-column-end: 12;
}

.col-end\:13 {
  grid-column-end: 13;
}

.col-start\:3 {
  grid-column-start: 3;
}

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

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

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

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

.transform {
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}

.transform\:right {
  transform-origin: right;
}

.transform\:bottom-right {
  transform-origin: bottom right;
}

.transform\:bottom-left {
  transform-origin: bottom left;
}

.translate-y\:1 {
  --translate-y: 0.0625rem;
}

.translate-y\:n6 {
  --translate-y: -0.375rem;
}

.rotate\:45 {
  --rotate: 45deg;
}

.rotate\:90 {
  --rotate: 90deg;
}

.rotate\:n45 {
  --rotate: -45deg;
}

.cursor\:pointer {
  cursor: pointer;
}

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

.pointer-events\:auto {
  pointer-events: auto;
}

.overflow-y\:scroll {
  overflow-y: scroll;
}

.overflow\:hidden {
  overflow: hidden;
}

.overflow\:scroll {
  overflow: scroll;
}

.hover\:bg\:white:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
}

.hover\:bg\:slate:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--slate), var(--bg-opacity));
}

.hover\:bg\:slate-15:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-15), var(--bg-opacity));
}

.group:hover .group-hover\:bg\:slate-20 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-20), var(--bg-opacity));
}

.hover\:bg\:blurple:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
}

.hover\:border\:blurple:hover {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}

.focus\:border\:blurple:focus {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}

.hover\:color\:white:hover {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}

.hover\:color\:slate:hover {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}

.group:hover .group-hover\:color\:slate {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}

.hover\:color\:slate-20:hover {
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
}

.hover\:color\:blurple:hover {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}

.focus\:color\:blurple:focus {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}

.group:hover .group-hover\:color\:green {
  --color-opacity: 1;
  color: rgba(var(--green), var(--color-opacity));
}

.group:hover .group-hover\:color\:blue {
  --color-opacity: 1;
  color: rgba(var(--blue), var(--color-opacity));
}

.group:hover .group-hover\:color\:purple {
  --color-opacity: 1;
  color: rgba(var(--purple), var(--color-opacity));
}

.hover\:bg-opacity\:40:hover {
  --bg-opacity: 0.4;
}

.hover\:opacity\:70:hover {
  opacity: 0.7;
}

.hover\:opacity\:80:hover {
  opacity: 0.8;
}

.hover\:opacity\:90:hover {
  opacity: 0.9;
}

@media (min-width: 768px) {
  .sm\:bg\:slate-60 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-60), var(--bg-opacity));
  }
  .sm\:bg\:slate-70 {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-70), var(--bg-opacity));
  }
  .sm\:bg\:fade-up-white {
    --gradient: initial;
    background: linear-gradient(180deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
  }
  .sm\:bg\:fade-down-white {
    --gradient: initial;
    background: linear-gradient(180deg, rgba(var(--white), 0) 0%, rgba(var(--white), 1) 100%);
  }
  .sm\:border\:slate-60 {
    --border-opacity: 1;
    border-color: rgba(var(--slate-60), var(--border-opacity));
  }
  .sm\:font\:lg {
    font-size: var(--font-lg);
  }
  .sm\:h\:quizDesktop {
    height: calc(100vh - 4.5625rem);
  }
  .sm\:h\:auto {
    height: auto;
  }
  .sm\:left\:n16 {
    left: -1rem;
  }
  .sm\:mb\:20 {
    margin-bottom: 1.25rem;
  }
  .sm\:mb\:28 {
    margin-bottom: 1.75rem;
  }
  .sm\:mt\:20 {
    margin-top: 1.25rem;
  }
  .sm\:max-h\:quizDesktop {
    max-height: calc(100vh - 15rem);
  }
  .sm\:max-w\:none {
    max-width: none;
  }
  .sm\:pb\:28 {
    padding-bottom: 1.75rem;
  }
  .sm\:pb\:32 {
    padding-bottom: 2rem;
  }
  .sm\:pb\:0 {
    padding-bottom: 0;
  }
  .sm\:pl\:80 {
    padding-left: 5rem;
  }
  .sm\:pt\:120 {
    padding-top: 7.5rem;
  }
  .sm\:pt\:16 {
    padding-top: 1rem;
  }
  .sm\:pt\:20 {
    padding-top: 1.25rem;
  }
  .sm\:pt\:24 {
    padding-top: 1.5rem;
  }
  .sm\:pt\:0 {
    padding-top: 0;
  }
  .sm\:top\:8 {
    top: 0.5rem;
  }
  .sm\:w\:12 {
    width: 0.75rem;
  }
  .sm\:w\:144 {
    width: 9rem;
  }
  .sm\:leading\:140 {
    line-height: 1.4;
  }
  .sm\:ml\:0 {
    margin-left: 0;
  }
  .sm\:px\:16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px\:24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px\:32 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:px\:48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:relative {
    position: relative;
  }
  .sm\:gap\:16 {
    gap: 1rem;
  }
  .sm\:gap\:20 {
    gap: 1.25rem;
  }
  .sm\:align-items\:center {
    align-items: center;
  }
  .sm\:align-items\:start {
    align-items: flex-start;
  }
  .sm\:justify-content\:center {
    justify-content: center;
  }
  .sm\:flex\:row {
    flex-direction: row;
  }
  .sm\:flex\:col {
    flex-direction: column;
  }
  .sm\:grid-cols\:2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .md\:font\:8xl {
    font-size: var(--font-8xl);
  }
  .md\:h\:24 {
    height: 1.5rem;
  }
  .md\:left\:n24 {
    left: -1.5rem;
  }
  .md\:max-w\:1080 {
    max-width: 67.5rem;
  }
  .md\:max-w\:1536 {
    max-width: 96rem;
  }
  .md\:pb\:48 {
    padding-bottom: 3rem;
  }
  .md\:pb\:96 {
    padding-bottom: 6rem;
  }
  .md\:pl\:16 {
    padding-left: 1rem;
  }
  .md\:pt\:48 {
    padding-top: 3rem;
  }
  .md\:pt\:56 {
    padding-top: 3.5rem;
  }
  .md\:top\:6 {
    top: 0.375rem;
  }
  .md\:w\:24 {
    width: 1.5rem;
  }
  .md\:px\:16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px\:48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px\:56 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:px\:64 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:inline {
    display: inline;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:align-items\:center {
    align-items: center;
  }
  .md\:align-items\:start {
    align-items: flex-start;
  }
  .md\:flex\:row {
    flex-direction: row;
  }
  .md\:flex-shrink\:0 {
    flex-shrink: 0;
  }
}
@media (min-width: 1280px) {
  .lg\:pb\:128 {
    padding-bottom: 8rem;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
}
.chat-bg-gradient {
  background: conic-gradient(from 180deg at 50% 50%, rgba(102, 40, 247, 0.5) 0deg, #80E9FF 118.8deg, #7A73FF 237.6deg, rgba(102, 40, 247, 0.5) 360deg);
}

.chat-rotate-gradient {
  animation: chatRotateGradient 3s infinite linear;
}

@keyframes chatRotateGradient {
  0% {
    transform: rotate3d(0);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
[data-chat] .chat-radius-outer {
  border-radius: 1rem;
}
[data-chat] .chat-radius-inner {
  border-radius: 0.9375rem;
}
[data-chat] .chat-radius-outer,
[data-chat] .chat-radius-inner {
  transition: border-radius 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-gradient-outer-sm],
[data-chat] [data-chat-gradient-outer-lg] {
  opacity: 1;
  transition: opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-gradient-cover] {
  opacity: 0;
  transition: opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] {
  width: 5.25rem;
  height: 2rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1);
  transition: width 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms, height 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms, box-shadow 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] [data-chat-pane-nav] {
  height: 1.875rem;
  transition: height 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] [data-chat-pane-nav-right] {
  opacity: 0;
  transition: opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] [data-chat-chats] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-width: 23.875rem;
  overflow: hidden;
  opacity: 1;
  height: 0;
  transition: height 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms, opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] .chat-message-incoming,
[data-chat] [data-chat-pane] .chat-message-outgoing {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
[data-chat] [data-chat-pane] .chat-message-incoming .message,
[data-chat] [data-chat-pane] .chat-message-outgoing .message {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.4375rem;
  border-radius: var(--radius-sm);
  font-size: var(--font-sm);
  line-height: 1.4;
}
[data-chat] [data-chat-pane] .chat-message-incoming .option-list,
[data-chat] [data-chat-pane] .chat-message-outgoing .option-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: flex-end;
  width: 100%;
}
[data-chat] [data-chat-pane] .chat-message-incoming .option-list .option,
[data-chat] [data-chat-pane] .chat-message-outgoing .option-list .option {
  position: relative;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
[data-chat] [data-chat-pane] .chat-message-incoming .option-list .option a,
[data-chat] [data-chat-pane] .chat-message-outgoing .option-list .option a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  padding: 0.0625rem;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
  border-radius: 9999px;
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
  font-weight: var(--medium);
  font-size: var(--font-sm);
  line-height: 1;
  transition: background-color 150ms linear 0ms, box-shadow 150ms linear 0ms;
}
[data-chat] [data-chat-pane] .chat-message-incoming .option-list .option a > div,
[data-chat] [data-chat-pane] .chat-message-outgoing .option-list .option a > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.125rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  border-radius: 9999px;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  [data-chat] [data-chat-pane] .chat-message-incoming .option-list .option a:hover,
  [data-chat] [data-chat-pane] .chat-message-outgoing .option-list .option a:hover {
    box-shadow: var(--shadow-2xs);
    --bg-opacity: 1;
    background-color: rgba(var(--slate-50), var(--bg-opacity));
  }
}
[data-chat] [data-chat-pane] .chat-message {
  opacity: 0;
  transition: opacity 50ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] .chat-message-outgoing {
  align-items: flex-start;
}
[data-chat] [data-chat-pane] .chat-message-outgoing .message {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
}
[data-chat] [data-chat-pane] .chat-message-incoming {
  align-items: flex-end;
}
[data-chat] [data-chat-pane] .chat-message-incoming .message {
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}
[data-chat] [data-chat-pane] [data-chat-input] {
  pointer-events: none;
  opacity: 0;
  transition: opacity 50ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat] [data-chat-pane] [data-chat-input] .chat-input-wrapper {
  position: relative;
  width: 100%;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  border-radius: var(--radius-xs);
  overflow: hidden;
  padding-right: 1.5rem;
  padding-bottom: 0.0625rem;
}
[data-chat] [data-chat-pane] #chat-user-input {
  resize: none;
}

[data-chat]:has(#chat-toggle:checked) .chat-radius-outer {
  border-radius: 0.5rem;
}
[data-chat]:has(#chat-toggle:checked) .chat-radius-inner {
  border-radius: 0.4375rem;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-gradient-outer-sm],
[data-chat]:has(#chat-toggle:checked) [data-chat-gradient-outer-lg] {
  opacity: 0;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-gradient-cover] {
  opacity: 1;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] {
  width: 24rem;
  height: 32rem;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15), 0px 16px 32px rgba(0, 0, 0, 0.2);
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] [data-chat-pane-nav] {
  height: 2.5rem;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] [data-chat-pane-nav-right] {
  opacity: 1;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] [data-chat-chats] {
  opacity: 1;
  height: 29.25rem;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] .chat-message {
  opacity: 1;
  transition: opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}
[data-chat]:has(#chat-toggle:checked) [data-chat-pane] [data-chat-input] {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 375ms cubic-bezier(0.2, 0.2, 0.1, 1) 0ms;
}

.contact-label {
  font-size: var(--font-sm);
  font-weight: var(--medium);
  line-height: 1.4;
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}

.contact-input-text input,
.contact-input-radio {
  height: 2.75rem;
}

.contact-input-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact-input-text input,
.contact-input-text textarea {
  display: flex;
  align-items: center;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  border-radius: var(--radius-sm);
  font-size: var(--font-md);
  line-height: 1.5;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.625rem;
  transition: border-color 300ms cubic-bezier(0, 0.3, 0.3, 1), box-shadow 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.contact-input-text input::-moz-placeholder, .contact-input-text textarea::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
  -moz-transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.contact-input-text input::placeholder,
.contact-input-text textarea::placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.contact-input-text:has(input:hover) input, .contact-input-text:has(input:focus-visible) input {
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
.contact-input-text:has(input:hover) label, .contact-input-text:has(input:focus-visible) label {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}
.contact-input-text:has(input:focus-visible) label {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}
.contact-input-text:has(input:focus-visible) input {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}
.contact-input-text:has(input:focus-visible) input::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-40), var(--color-opacity));
}
.contact-input-text:has(input:focus-visible) input::placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-40), var(--color-opacity));
}

.contact-input-radio {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  border-radius: var(--radius-sm);
  font-size: var(--font-md);
  line-height: 1.5;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  transition: border-color 300ms cubic-bezier(0, 0.3, 0.3, 1), box-shadow 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.contact-input-radio input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-sm);
  --gradient: initial;
  background: transparent;
  cursor: pointer;
}
.contact-input-radio label {
  font-size: 0.9375rem;
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
  margin-bottom: 0.125rem;
}
.contact-input-radio:has(input:hover), .contact-input-radio:has(input:focus-visible) {
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
.contact-input-radio:has(input:hover) label, .contact-input-radio:has(input:focus-visible) label {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}
.contact-input-radio:has(input[type=checkbox]:checked), .contact-input-radio:has(input[type=radio]:checked) {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}
.contact-input-radio:has(input[type=checkbox]:checked) label, .contact-input-radio:has(input[type=radio]:checked) label {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}
.contact-input-radio:has(input[type=checkbox]:checked) input, .contact-input-radio:has(input[type=radio]:checked) input {
  --gradient: initial;
  background: transparent;
}

.section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .section {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.section\:py {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
@media (min-width: 768px) {
  .section\:py {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 1024px) {
  .section\:py {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.section\:pb {
  padding-bottom: 4.5rem;
}
@media (min-width: 768px) {
  .section\:pb {
    padding-bottom: 7rem;
  }
}
@media (min-width: 1024px) {
  .section\:pb {
    padding-bottom: 10rem;
  }
}

.container {
  position: relative;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .container {
    max-width: 67.5rem;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0.0625rem;
  line-height: 1;
  font-weight: var(--medium);
  outline: none;
  flex-shrink: 0;
}

.btn\:primary-md {
  font-size: 0.9375rem;
  gap: 0.25rem;
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  padding: 0.4375rem 1rem;
  transform: translate3d(0, 0, 0);
  transition: background-color 300ms cubic-bezier(0, 0.3, 0.3, 1), background-color 300ms cubic-bezier(0, 0.3, 0.3, 1), opacity 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:primary-md span {
  position: relative;
  margin-bottom: 0.125rem;
}
.btn\:primary-md svg {
  position: relative;
  width: 1rem;
  margin-right: -0.375rem;
  height: auto;
}
.btn\:primary-md.slate {
  --bg-opacity: 1;
  background-color: rgba(var(--slate), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--slate), var(--border-opacity));
}
.btn\:primary-md.slate-40 {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-40), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
}
.btn\:primary-md.purple, .btn\:primary-md.pink {
  --bg-opacity: 1;
  background-color: rgba(var(--purple), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--purple), var(--border-opacity));
}
.btn\:primary-md.blue, .btn\:primary-md.issuing {
  --bg-opacity: 1;
  background-color: rgba(var(--blue), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--blue), var(--border-opacity));
}
.btn\:primary-md.green {
  --bg-opacity: 1;
  background-color: rgba(var(--green), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--green), var(--border-opacity));
}
.btn\:primary-md.orange {
  --bg-opacity: 1;
  background-color: rgba(var(--orange), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--orange), var(--border-opacity));
}
.btn\:primary-md.slate {
  --bg-opacity: 1;
  background-color: rgba(var(--slate), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--slate), var(--border-opacity));
}
.btn\:primary-md.white {
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--white), var(--border-opacity));
  --color-opacity: 1;
  color: rgba(var(--black), var(--color-opacity));
}
.btn\:primary-md.outline-slate {
  --gradient: initial;
  background: transparent;
  --border-opacity: 1;
  border-color: rgba(var(--slate), var(--border-opacity));
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
}
.btn\:primary-md.btn\:disabled {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-40), var(--bg-opacity));
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
  pointer-events: none;
}
.btn\:primary-md [data-btn-arrow] {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:primary-md [data-btn-arrow] path {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:primary-md [data-btn-arrow] path:last-child {
  transform-origin: 0.5rem 0.625rem;
  transform: translateX(0.125rem) scale3d(0, 1, 1);
}
@media (hover: hover) {
  .btn\:primary-md:hover, .btn\:primary-md:focus-visible {
    --bg-opacity: 1;
    background-color: rgba(var(--slate), var(--bg-opacity));
    --border-opacity: 1;
    border-color: rgba(var(--slate), var(--border-opacity));
  }
  .btn\:primary-md:hover.slate, .btn\:primary-md:focus-visible.slate {
    --bg-opacity: 1;
    background-color: rgba(var(--slate-20), var(--bg-opacity));
    --border-opacity: 1;
    border-color: rgba(var(--slate-20), var(--border-opacity));
  }
  .btn\:primary-md:hover.white, .btn\:primary-md:focus-visible.white {
    --bg-opacity: 1;
    background-color: rgba(var(--white), var(--bg-opacity));
    --border-opacity: 1;
    border-color: rgba(var(--white), var(--border-opacity));
    --color-opacity: 1;
    color: rgba(var(--black), var(--color-opacity));
  }
  .btn\:primary-md:hover [data-btn-arrow], .btn\:primary-md:focus-visible [data-btn-arrow] {
    transform: translate3d(0.25rem, 0, 0);
  }
  .btn\:primary-md:hover [data-btn-arrow] path:last-child, .btn\:primary-md:focus-visible [data-btn-arrow] path:last-child {
    transform: translateX(0) scale3d(1, 1, 1);
  }
}
.btn\:primary-md:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media (hover: hover) {
  .btn\:primary-md:disabled:hover, .btn\:primary-md:disabled:focus-visible {
    --bg-opacity: 1;
    background-color: rgba(var(--blurple), var(--bg-opacity));
    --border-opacity: 1;
    border-color: rgba(var(--blurple), var(--border-opacity));
  }
  .btn\:primary-md:disabled:hover [data-btn-arrow], .btn\:primary-md:disabled:focus-visible [data-btn-arrow] {
    transform: translate3d(0, 0, 0);
  }
  .btn\:primary-md:disabled:hover [data-btn-arrow] path:last-child, .btn\:primary-md:disabled:focus-visible [data-btn-arrow] path:last-child {
    transform: translateX(0) scale3d(0, 1, 1);
  }
}

.btn\:text-md {
  font-size: 0.9375rem;
  gap: 0.25rem;
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
  padding: 0.4375rem 0;
  transform: translate3d(0, 0, 0);
  transition: background-color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:text-md span {
  position: relative;
  margin-bottom: 0.125rem;
}
.btn\:text-md svg {
  position: relative;
  width: 1rem;
  margin-right: -0.375rem;
  height: auto;
}
.btn\:text-md.slate {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:text-md.purple, .btn\:text-md.pink {
  --color-opacity: 1;
  color: rgba(var(--purple), var(--color-opacity));
}
.btn\:text-md.blue, .btn\:text-md.issuing {
  --color-opacity: 1;
  color: rgba(var(--blue), var(--color-opacity));
}
.btn\:text-md.green {
  --color-opacity: 1;
  color: rgba(var(--green), var(--color-opacity));
}
.btn\:text-md.orange {
  --color-opacity: 1;
  color: rgba(var(--orange), var(--color-opacity));
}
.btn\:text-md.slate {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}
.btn\:text-md.white {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}
.btn\:text-md.current {
  --color-opacity: 1;
  color: currentColor;
}
.btn\:text-md.inherit {
  color: inherit;
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:text-md [data-btn-arrow] {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:text-md [data-btn-arrow] path {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.btn\:text-md [data-btn-arrow] path:last-child {
  transform-origin: 0.5rem 0.625rem;
  transform: translateX(0.125rem) scale3d(0, 1, 1);
}
@media (hover: hover) {
  .btn\:text-md:hover, .btn\:text-md:focus-visible {
    --color-opacity: 1;
    color: rgba(var(--slate), var(--color-opacity));
  }
  .btn\:text-md:hover.slate, .btn\:text-md:focus-visible.slate {
    --color-opacity: 1;
    color: rgba(var(--slate-20), var(--color-opacity));
  }
  .btn\:text-md:hover [data-btn-arrow], .btn\:text-md:focus-visible [data-btn-arrow] {
    transform: translate3d(0.25rem, 0, 0);
  }
  .btn\:text-md:hover [data-btn-arrow] path:last-child, .btn\:text-md:focus-visible [data-btn-arrow] path:last-child {
    transform: translateX(0) scale3d(1, 1, 1);
  }
  .btn\:text-md:hover.slate, .btn\:text-md:focus-visible.slate {
    --color-opacity: 1;
    color: rgba(var(--slate-20), var(--color-opacity));
  }
  .btn\:text-md:hover.inherit, .btn\:text-md:focus-visible.inherit {
    color: inherit;
    opacity: 0.7;
  }
}

.btn\:summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn\:summary > .glow {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  overflow: hidden;
  width: calc(100% + 0.5rem);
  height: calc(100% + 0.5rem);
  filter: blur(0.5rem);
  opacity: 0.3;
  transition: opacity 500ms linear 0ms;
}
.btn\:summary > .glow:before {
  position: absolute;
  width: 100%;
  display: flex;
  aspect-ratio: 1;
  content: "";
  background: conic-gradient(from 180deg at 50% 50%, rgba(153, 102, 255, 0) 120deg, rgba(153, 102, 255, 0.6) 180deg, rgba(0, 72, 229, 0.92) 225deg, #17E5E3 270deg, rgba(var(--teal), 0) 270.01deg);
  animation: summaryRotate 3s infinite linear;
  opacity: 1;
}
.btn\:summary > .contents {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
  border-radius: 9999px;
  overflow: hidden;
  height: 2.0625rem;
  box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.1), 0px 0.5rem 1rem rgba(0, 0, 0, 0.1);
  transition: box-shadow 200ms linear 0ms, background-color 200ms linear 0ms;
}
.btn\:summary > .contents:before {
  position: absolute;
  width: 100%;
  display: flex;
  aspect-ratio: 1;
  content: "";
  background: conic-gradient(from 180deg at 50% 50%, rgba(153, 102, 255, 0) 120deg, rgba(153, 102, 255, 0.6) 180deg, rgba(0, 72, 229, 0.92) 225deg, #17E5E3 270deg, rgba(var(--teal), 0) 270.01deg);
  animation: summaryRotate 3s infinite linear;
  opacity: 0.5;
  transition: opacity 500ms linear 0ms;
}
.btn\:summary > .contents > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--medium);
  font-size: 0.9375rem;
  gap: 0.25rem;
  --color-opacity: 1;
  color: rgba(var(--purple), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  transition: all 200ms linear 0ms;
}
.btn\:summary > .contents > div > span {
  margin-bottom: 0.125rem;
}
@media (hover: hover) {
  .btn\:summary:hover > .contents, .btn\:summary:focus-visible > .contents {
    --bg-opacity: 1;
    background-color: rgba(var(--white), var(--bg-opacity));
    box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.15), 0px 1rem 2rem rgba(0, 0, 0, 0.1);
  }
  .btn\:summary:hover > .contents:before, .btn\:summary:focus-visible > .contents:before {
    opacity: 1;
  }
  .btn\:summary:hover > .contents div, .btn\:summary:focus-visible > .contents div {
    --color-opacity: 1;
    color: rgba(var(--slate), var(--color-opacity));
    --bg-opacity: 1;
    background-color: rgba(var(--white), var(--bg-opacity));
  }
  .btn\:summary:hover > .glow, .btn\:summary:focus-visible > .glow {
    opacity: 0.7;
  }
}

.floating-toc {
  background-color: rgba(var(--slate-70), 1);
  border-radius: 1.0625rem;
  transition: border-radius 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, background-color 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:hover, .floating-toc:hover .toc-contents {
  background-color: rgba(var(--white), 1);
}
.floating-toc.shine:before {
  position: absolute;
  width: 40rem;
  display: flex;
  aspect-ratio: 1;
  content: "";
  background: conic-gradient(from 180deg at 50% 50%, rgba(153, 102, 255, 0) 120deg, rgba(153, 102, 255, 0.6) 180deg, rgba(0, 72, 229, 0.92) 225deg, #17E5E3 270deg, rgba(var(--teal), 0) 270.01deg);
  animation: summaryRotate 3s infinite linear;
  opacity: 1;
  transition: opacity 500ms linear 0ms;
}
.floating-toc .toc-contents {
  width: 12.5rem;
  height: 1.8125rem;
  border-radius: 0.9375rem;
  background-color: rgba(var(--slate-70), 1);
  transition: width 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, height 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, border-radius 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, background-color 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc .toc-list {
  opacity: 0;
  transition: opacity 300ms linear 0ms;
}
.floating-toc a {
  transform: translate3d(2rem, 0, 0);
}
.floating-toc a:nth-child(5) {
  transition: transform 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc a:nth-child(4) {
  transition: transform 450ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc a:nth-child(3) {
  transition: transform 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc a:nth-child(2) {
  transition: transform 350ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc a:nth-child(1) {
  transition: transform 300ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc a .toc-item-title [data-btn-arrow] {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.floating-toc a .toc-item-title [data-btn-arrow] path {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.floating-toc a .toc-item-title [data-btn-arrow] path:last-child {
  transform-origin: 0.5rem 0.625rem;
  transform: translateX(0.125rem) scale3d(0, 1, 1);
}
.floating-toc .toc-button {
  transition: color 200ms linear 0ms;
}
.floating-toc .toc-button:has(input:hover) {
  color: rgba(var(--purple), 1);
}
.floating-toc a:hover .toc-item-title [data-btn-arrow] {
  transform: translate3d(0.25rem, 0, 0);
}
.floating-toc a:hover .toc-item-title [data-btn-arrow] path:last-child {
  transform: translateX(0) scale3d(1, 1, 1);
}
.floating-toc .close-top,
.floating-toc .close-bottom {
  transition: transform 300ms ease 0ms;
}

.floating-toc:has(input:checked) {
  border-radius: 0.5rem;
  background-color: rgba(var(--white), 1);
  transition: border-radius 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, background-color 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked):before {
  opacity: 0;
}
.floating-toc:has(input:checked) .toc-list {
  opacity: 1;
}
.floating-toc:has(input:checked) a {
  transform: translate3d(0, 0, 0);
}
.floating-toc:has(input:checked) a:nth-child(1) {
  transition: transform 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) a:nth-child(2) {
  transition: transform 450ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) a:nth-child(3) {
  transition: transform 400ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) a:nth-child(4) {
  transition: transform 350ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) a:nth-child(5) {
  transition: transform 300ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) .toc-contents {
  width: 20rem;
  height: 20.25rem;
  border-radius: 0.375rem;
  background-color: rgba(var(--white), 1);
  transition: width 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, height 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, border-radius 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms, background-color 500ms cubic-bezier(0.2, 0.2, 0, 1) 0ms;
}
.floating-toc:has(input:checked) .close-top {
  transform: translate3d(0, -0.125rem, 0);
}
.floating-toc:has(input:checked) .close-bottom {
  transform: scale3d(1, -1, 1) translate3d(0, -0.125rem, 0);
}

.floating-toc-rect {
  border-radius: 0.5rem;
}
.floating-toc-rect .toc-contents {
  border-radius: 0.375rem;
}

.floating-toc-rect:has(input:checked) {
  border-radius: 0.5rem;
}
.floating-toc-rect:has(input:checked) .toc-contents {
  border-radius: 0.375rem;
  width: 19rem;
  height: 21.5rem;
}

@keyframes summaryRotate {
  0% {
    transform: rotate3d(0);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
.link-rg {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}

.link-rg.purple {
  --color-opacity: 1;
  color: rgba(var(--purple), var(--color-opacity));
}

.link-rg.green {
  --color-opacity: 1;
  color: rgba(var(--green), var(--color-opacity));
}

.link-rg.blue {
  --color-opacity: 1;
  color: rgba(var(--blue), var(--color-opacity));
}

.link-rg.slate-15 {
  --color-opacity: 1;
  color: rgba(var(--slate-15), var(--color-opacity));
}

@media (hover: hover) {
  .link-rg:hover {
    --color-opacity: 1;
    color: rgba(var(--slate), var(--color-opacity));
  }
}
.link-rg:focus-visible,
.link-rg-i:focus-visible {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  outline: none;
}

.mask\:fade-out-r {
  mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.mask\:fade-out-l {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.mask\:fade-out-t {
  mask-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.mask\:fade-out-b {
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}

.mask\:fade-out-x-90p {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}

.mask\:radial {
  mask-image: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.kern\:normal {
  font-kerning: normal;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

.blur\:fix {
  transform: translate3d(0, 0, 0);
}

.balance {
  text-wrap: balance;
}

#gradient-canvas,
.register-canvas.default {
  width: 100%;
  height: 100%;
  --gradient-color-1: #FF0057;
  --gradient-color-2: #6ec3f4;
  --gradient-color-3: #7038ff;
  --gradient-color-4: #ffba27;
}

#payments-canvas,
.register-canvas.purple-teal {
  width: 100%;
  height: 100%;
  --gradient-color-1: #0048E5;
  --gradient-color-2: #7A73FF;
  --gradient-color-3: #D07DFE;
  --gradient-color-4: #80E9FF;
}


.register-canvas.purple-pink {
  width: 100%;
  height: 100%;
  --gradient-color-1: #6E00F5;
  --gradient-color-2: #6E00F5;
  --gradient-color-3: #9966FF;
  --gradient-color-4: #FF5996;
}


.register-canvas.green-yellow {
  width: 100%;
  height: 100%;
  --gradient-color-1: #FFD848;
  --gradient-color-2: #FAB000;
  --gradient-color-3: #00D924;
  --gradient-color-4: #00A600;
}


.register-canvas.blue-teal {
  width: 100%;
  height: 100%;
  --gradient-color-1: #0048E5;
  --gradient-color-2: #0048E5;
  --gradient-color-3: #7A73FF;
  --gradient-color-4: #80E9FF;
}


.register-canvas.blue-pink {
  width: 100%;
  height: 100%;
  --gradient-color-1: #00299C;
  --gradient-color-2: #00299C;
  --gradient-color-3: #0073E6;
  --gradient-color-4: #FF80FF;
}

#atlas-canvas,
.register-canvas.orange-yellow {
  width: 100%;
  height: 100%;
  --gradient-color-1: #FFD848;
  --gradient-color-2: #FFBB00;
  --gradient-color-3: #FF7600;
  --gradient-color-4: #FF7600;
}

.pretty {
  text-wrap: pretty;
}
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar-button {
  display: none;
}

@property --hero-mask-angle {
  syntax: "<angle>";
  initial-value: 168deg;
  inherits: false;
}
@property --hero-mask-start {
  syntax: "<percentage>";
  initial-value: 50%;
  inherits: false;
}
@property --hero-mask-end {
  syntax: "<percentage>";
  initial-value: 50.05%;
  inherits: false;
}
.toc-fs-hero {
  -webkit-mask-image: linear-gradient(var(--hero-mask-angle), #F6F9FC var(--hero-mask-start), rgba(255, 0, 0, 0) var(--hero-mask-end));
  mask-image: linear-gradient(var(--hero-mask-angle), #F6F9FC var(--hero-mask-start), rgba(255, 0, 0, 0) var(--hero-mask-end));
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.toc-fs-hero.inactive {
  animation: 750ms maskDown cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

.toc-fs-hero.active {
  animation: 750ms maskUp cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

@property --intro-mask-start {
  syntax: "<percentage>";
  initial-value: 34%;
  inherits: false;
}
@property --intro-mask-end {
  syntax: "<percentage>";
  initial-value: 34.05%;
  inherits: false;
}
.toc-fs-intro {
  -webkit-mask-image: linear-gradient(var(--hero-mask-angle), rgba(255, 0, 0, 0) var(--intro-mask-start), #F6F9FC var(--intro-mask-end));
  mask-image: linear-gradient(var(--hero-mask-angle), rgba(255, 0, 0, 0) var(--intro-mask-start), #F6F9FC var(--intro-mask-end));
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.toc-fs-intro.inactive {
  animation: 750ms maskDown cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

.toc-fs-intro.active {
  animation: 750ms maskUp cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}

@keyframes maskUp {
  100% {
    --hero-mask-start: 0%;
    --hero-mask-end: 0%;
    --hero-mask-angle: 180deg;
  }
}
@keyframes maskDown {
  0% {
    --hero-mask-start: 0%;
    --hero-mask-end: 0%;
    --hero-mask-angle: 180deg;
  }
  100% {
    --hero-mask-start: 50%;
    --hero-mask-end: 50.05%;
    --hero-mask-angle: 168deg;
  }
}
.parallelogram-grad-blowout-one {
  background: conic-gradient(from 180deg at 50% 50%, rgba(116, 102, 195, 0) -45deg, rgba(255, 171, 123, 0) 25deg, #ffb67b 45deg, rgba(255, 171, 123, 0) 65deg, rgba(85, 97, 174, 0) 135deg, rgba(255, 141, 221, 0) 205deg, #ff8ddd 225deg, rgba(255, 141, 221, 0) 245deg, rgba(116, 102, 195, 0) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.parallelogram-grad-blowout-two {
  background: conic-gradient(from 180deg at 50% 50%, rgba(116, 102, 195, 0.2509803922) -45deg, rgba(255, 171, 123, 0.1882352941) 0deg, #ffb67b 45deg, rgba(255, 171, 123, 0.1882352941) 90deg, rgba(85, 97, 174, 0.1960784314) 135deg, rgba(255, 141, 221, 0.1843137255) 180deg, #ff8ddd 225deg, rgba(255, 141, 221, 0.1843137255) 270deg, rgba(116, 102, 195, 0.2509803922) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.parallelogram-grad-blowout-three {
  background: conic-gradient(from 180deg at 50% 50%, rgba(116, 102, 195, 0.5254901961) -45deg, rgba(255, 171, 123, 0.5215686275) 0deg, #ffb67b 45deg, rgba(255, 171, 123, 0.5215686275) 90deg, rgba(85, 97, 174, 0.5019607843) 135deg, rgba(255, 141, 221, 0.5176470588) 180deg, #ff8ddd 225deg, rgba(255, 141, 221, 0.5176470588) 270deg, rgba(116, 102, 195, 0.5254901961) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.parallelogram-grad-blowout-four {
  background: conic-gradient(from 180deg at 50% 50%, rgba(116, 102, 195, 0.7254901961) -45deg, #ffb67b 45deg, rgba(85, 97, 174, 0.7333333333) 135deg, #ff8ddd 225deg, rgba(116, 102, 195, 0.7254901961) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.parallelogram-grad-blowout-five {
  background: conic-gradient(from 180deg at 50% 50%, rgba(90, 61, 253, 0.2941176471) -45deg, rgba(255, 171, 123, 0) 25deg, #ff963f 45deg, rgba(255, 171, 123, 0) 65deg, rgba(85, 97, 174, 0.3882352941) 135deg, rgba(255, 141, 221, 0) 205deg, #fb59ca 225deg, rgba(255, 141, 221, 0) 245deg, rgba(90, 61, 253, 0.2941176471) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.parallelogram-grad-blowout-six {
  background: conic-gradient(from 180deg at 50% 50%, rgba(90, 61, 253, 0.2941176471) -45deg, rgba(255, 149, 63, 0) 45deg, rgba(85, 97, 174, 0.3882352941) 135deg, rgba(251, 89, 202, 0) 225deg, rgba(90, 61, 253, 0.2941176471) 315deg);
  animation: parallelogram 10s infinite linear;
  opacity: 1;
}

.rotate-smooth {
  animation: parallelogram 3s infinite linear;
}

@keyframes parallelogram {
  0% {
    transform: rotate3d(0);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
[data-toc-group] [data-toc-line] {
  opacity: 0;
  transition: opacity 250ms linear 0ms;
}

[data-toc-group]:has([data-toc-link].medium) {
  color: rgba(var(--slate), 1);
}
[data-toc-group]:has([data-toc-link].medium) [data-toc-line] {
  opacity: 1;
}

[data-faq] [data-faq-carat] {
  transition: transform 150ms ease 0ms;
}

[data-faq][open] [data-faq-carat] {
  transform: rotate(180deg);
}

.lpm-card {
  box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.1), 0 8px 16px 0 rgba(0, 0, 0, 0);
  transition: box-shadow 200ms ease 0ms;
}
.lpm-card .lpm-prices,
.lpm-card .lpm-plus,
.lpm-card .lpm-plus > div {
  transition: background-color 200ms ease 0ms;
}
.lpm-card .lpm-hover {
  transition: color 200ms ease 0ms;
}

.lpm-card:has(.lpm-summary:hover) .lpm-plus {
  background-color: rgba(var(--blurple), 1);
}
.lpm-card:has(.lpm-summary:hover) .lpm-plus > div {
  background-color: rgba(var(--white), 1);
}
.lpm-card:has(.lpm-summary:hover) .lpm-hover {
  color: rgba(var(--blurple), 1);
}

.lpm-card:has([aria-expanded=false]):has(.lpm-summary:hover) {
  box-shadow: 0 48px 96px 0 rgba(0, 0, 0, 0.1), 0 16px 32px 0 rgba(0, 0, 0, 0.1);
}
.lpm-card:has([aria-expanded=false]):has(.lpm-summary:hover) .lpm-prices {
  background-color: #EFEFFF;
}
.lpm-card:has([aria-expanded=false]):has(.lpm-summary:hover) .lpm-plus {
  background-color: rgba(var(--blurple), 1);
}
.lpm-card:has([aria-expanded=false]):has(.lpm-summary:hover) .lpm-plus > div {
  background-color: rgba(var(--white), 1);
}
.lpm-card:has([aria-expanded=false]):has(.lpm-summary:hover) .lpm-hover {
  color: rgba(var(--blurple), 1);
}

.content-empty {
  content: "";
}

[data-pricing-dd] .lpm-plus,
[data-pricing-dd] .lpm-plus > div {
  transition: background-color 200ms ease 0ms, transform 200ms ease 0ms;
}

[data-pricing-dd]:has([data-pricing-dd-summary]:hover) .lpm-plus {
  background-color: rgba(var(--blurple), 1);
}
[data-pricing-dd]:has([data-pricing-dd-summary]:hover) .lpm-plus > div {
  background-color: rgba(var(--white), 1);
}

[data-pricing-dd][open] .lpm-plus > div:last-child {
  transform: rotate(90deg);
}

.pricing-details .pricing-details-chev {
  transform: rotate(0deg);
  transition: transform 200ms ease 0ms;
}

.pricing-details[open] .pricing-details-chev {
  transform: rotate(-180deg);
}
.quiz-bg {
  background: rgba(var(--white), 1);
}
@media (min-width: 768px) {
  .quiz-bg {
    background: #F6F9FC;
    mask-image: linear-gradient(168deg, #F6F9FC 60%, rgba(255, 0, 0, 0) 60.05%);
    -webkit-mask-image: linear-gradient(168deg, #F6F9FC 60%, rgba(255, 0, 0, 0) 60.05%);
    mask-image: linear-gradient(168deg, #F6F9FC 60%, rgba(255, 0, 0, 0) 60.05%);
  }
}

.quiz-question {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 768px) {
  .quiz-question {
    max-width: 33.6875rem;
  }
}
@media (min-width: 768px) {
  .quiz-question {
    --bg-opacity: 1;
    background-color: rgba(var(--white), var(--bg-opacity));
  }
}
@media (min-width: 768px) {
  .quiz-question {
    border-radius: var(--radius-md);
  }
}
@media (min-width: 768px) {
  .quiz-question {
    height: auto;
  }
}
@media (min-width: 768px) {
  .quiz-question {
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.03);
  }
}

.quiz-answers {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .quiz-answers {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.quiz-answer {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 0.875rem;
  padding-bottom: 1.125rem;
  font-size: 0.9375rem;
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.quiz-answer input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 2;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: border-color 300ms cubic-bezier(0, 0.3, 0.3, 1), box-shadow 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.quiz-answer .answer-checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.0625rem;
  width: 1rem;
  height: 1rem;
  border-radius: var(--radius-xs);
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
  transition: background-color 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms, border-color 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms;
}
.quiz-answer .answer-checkmark div {
  margin-bottom: 0.0625rem;
  display: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms;
}
.quiz-answer .answer-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.0625rem;
  width: 1rem;
  height: 1rem;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
  transition: background-color 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms, border-color 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms;
}
.quiz-answer .answer-radio div {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
  display: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0, 0.3, 0.3, 1) 0ms;
}
.quiz-answer .answer-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.quiz-answer .answer-title label {
  font-weight: var(--medium);
}
.quiz-answer .answer-title svg {
  width: 1rem;
  height: auto;
  margin-right: -0.125rem;
  flex-shrink: 0;
  margin-top: 0.0625rem;
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.quiz-answer .answer-title svg path {
  transition: transform 300ms cubic-bezier(0, 0.3, 0.3, 1);
}
.quiz-answer .answer-title svg path:last-child {
  transform-origin: 0.5rem 0.625rem;
  transform: translateX(0.125rem) scale3d(0, 1, 1);
}
.quiz-answer > p {
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
  line-height: 1.4;
}
.quiz-answer:has(input:hover) input, .quiz-answer:has(input:focus-visible) input {
  --border-opacity: 1;
  border-color: rgba(var(--slate-50), var(--border-opacity));
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
.quiz-answer:has(input:hover) .answer-title, .quiz-answer:has(input:focus-visible) .answer-title {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}
.quiz-answer:has(input:hover) .answer-title svg, .quiz-answer:has(input:focus-visible) .answer-title svg {
  transform: translate3d(0.25rem, 0, 0);
}
.quiz-answer:has(input:hover) .answer-title svg path:last-child, .quiz-answer:has(input:focus-visible) .answer-title svg path:last-child {
  transform: translateX(0) scale3d(1, 1, 1);
}
.quiz-answer:has(input[type=checkbox]:checked) input, .quiz-answer:has(input[type=radio]:checked) input {
  --gradient: initial;
  background: transparent;
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
}
.quiz-answer:has(input[type=checkbox]:checked) .answer-checkmark, .quiz-answer:has(input[type=radio]:checked) .answer-checkmark {
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  --bg-opacity: 1;
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  --border-opacity: 0;
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}
.quiz-answer:has(input[type=checkbox]:checked) .answer-checkmark div, .quiz-answer:has(input[type=radio]:checked) .answer-checkmark div {
  display: block;
  opacity: 1;
}
.quiz-answer:has(input[type=checkbox]:checked) .answer-radio, .quiz-answer:has(input[type=radio]:checked) .answer-radio {
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  --bg-opacity: 1;
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  --border-opacity: 0;
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}
.quiz-answer:has(input[type=checkbox]:checked) .answer-radio div, .quiz-answer:has(input[type=radio]:checked) .answer-radio div {
  display: block;
  opacity: 1;
}
.quiz-answer:has(input[type=checkbox]:checked) .answer-title, .quiz-answer:has(input[type=radio]:checked) .answer-title {
  --color-opacity: 1;
  color: rgba(var(--blurple), var(--color-opacity));
}

.quiz-solution {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 768px) {
  .quiz-solution {
    max-width: 33.6875rem;
  }
}
@media (min-width: 768px) {
  .quiz-solution {
    border-radius: var(--radius-md);
  }
}
@media (min-width: 768px) {
  .quiz-solution {
    height: auto;
  }
}
@media (min-width: 768px) {
  .quiz-solution {
    background: rgba(var(--white), 1);
    box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.03);
  }
}

.quiz-email-input {
  position: relative;
  width: 100%;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
  border-radius: 9999px;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5625rem;
  transition: all 350ms cubic-bezier(0, 0.3, 0.3, 1) 0ms;
}
.quiz-email-input::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
}
.quiz-email-input::placeholder {
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
}
@media (hover: hover) {
  .quiz-email-input:hover {
    --bg-opacity: 0.5;
    box-shadow: var(--shadow-xs);
    --border-opacity: 1;
    border-color: rgba(var(--slate-50), var(--border-opacity));
  }
}
.quiz-email-input:focus-visible {
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}
.quiz-email-input:focus-visible.purple, .quiz-email-input:focus-visible.pink {
  --border-opacity: 1;
  border-color: rgba(var(--purple), var(--border-opacity));
}
.quiz-email-input:focus-visible.blue, .quiz-email-input:focus-visible.issuing {
  --border-opacity: 1;
  border-color: rgba(var(--blue), var(--border-opacity));
}
.quiz-email-input:focus-visible.green {
  --border-opacity: 1;
  border-color: rgba(var(--green), var(--border-opacity));
}

.parallelogram-email-input {
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
  --bg-opacity: 0.8;
  --border-opacity: 1;
  border-color: rgba(var(--slate), var(--border-opacity));
  --border-opacity: 0.2;
}
@media (hover: hover) {
  .parallelogram-email-input:hover {
    --bg-opacity: 1;
    box-shadow: var(--shadow-xs);
    --border-opacity: 1;
    border-color: rgba(var(--slate), var(--border-opacity));
    --border-opacity: 0.4;
  }
}

[data-solution-expand] [data-solution-chev] {
  transition: transform 500ms ease-in-out 0ms;
}
[data-solution-expand][aria-expanded=true] [data-solution-chev] {
  transform: rotate(180deg);
}
[data-reg-form-field] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
[data-reg-form-field] label {
  font-size: var(--font-sm);
  font-weight: var(--medium);
  line-height: 1.2;
  --color-opacity: 1;
  color: rgba(var(--slate-15), var(--color-opacity));
  margin-bottom: 0.25rem;
  transition: color 150ms ease-out 0ms;
}
[data-reg-form-field] input {
  display: flex;
  align-items: center;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  border-radius: var(--radius-sm);
  font-size: var(--font-md);
  padding-top: 0.375rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.75;
  transition: box-shadow 150ms ease-out 0ms, border 150ms ease-out 0ms;
}
@media (hover: hover) {
  [data-reg-form-field] input:hover {
    --border-opacity: 1;
    border-color: rgba(var(--slate-50), var(--border-opacity));
  }
}
[data-reg-form-field]:has(input:focus-visible) label {
  --color-opacity: 1;
  color: rgba(var(--slate), var(--color-opacity));
}
[data-reg-form-field]:has(input:focus-visible) input {
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
  box-shadow: rgba(58, 151, 212, 0.36) 0px 0px 0px 3px;
}

[data-google-signup] {
  transition: box-shadow 150ms ease-out 0ms, border 150ms ease-out 0ms;
}
[data-google-signup]:hover {
  --border-opacity: 1;
  border-color: rgba(var(--slate-50), var(--border-opacity));
}
[data-google-signup]:focus-visible {
  --border-opacity: 1;
  border-color: rgba(var(--slate-40), var(--border-opacity));
  box-shadow: rgba(58, 151, 212, 0.36) 0px 0px 0px 3px;
}

[data-reg-toggle] div {
  transition: transform 300ms ease-in-out 0ms, background-color 300ms ease-in-out 0ms;
}
[data-reg-toggle]:has(input:checked) div {
  background-color: rgba(var(--blurple), 1);
  transform: translateX(0.75rem);
}

[data-partner] {
  display: none;
}

[data-partner-logo] > svg {
  width: auto;
  height: 100%;
}

[data-partner]:has([data-partner-logo] > svg) {
  display: flex;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

[data-register-slider] {
  width: 100%;
  height: 0.25rem;
  border-radius: 9999px;
  outline: none;
  --bg-opacity: 1;
  background-color: rgba(var(--slate-60), var(--bg-opacity));
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

[data-register-slider]::-webkit-slider-thumb {
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  border-radius: 9999px;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--black), 0.3);
  appearance: none;
  -webkit-appearance: none;
}

[data-register-slider]::-moz-range-thumb {
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--blurple), var(--border-opacity));
  border-radius: 9999px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
[data-sc-trigger-pill] {
  box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.1), 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: box-shadow 200ms ease-out 0ms;
}
@media (hover: hover) {
  [data-sc-trigger-pill]:hover {
    box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.2), 0px 0.5rem 1rem rgba(0, 0, 0, 0.2);
  }
}

[data-sc-modal] {
  box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.1), 0px 1.5rem 3rem rgba(0, 0, 0, 0.25), 0px 3rem 6rem rgba(0, 0, 0, 0.1);
}

[data-sc-minimize] > div,
[data-sc-close] > div {
  transition: background-color 150ms linear 0ms;
}
[data-sc-minimize]:before,
[data-sc-close]:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: rgba(var(--blurple), var(--bg-opacity));
  opacity: 0;
  transition: opacity 150ms linear 0ms;
  content: "";
}
@media (hover: hover) {
  [data-sc-minimize]:hover > div,
  [data-sc-close]:hover > div {
    background-color: rgba(var(--slate), 1);
  }
}
[data-sc-minimize]:focus-visible:before,
[data-sc-close]:focus-visible:before {
  opacity: 1;
}
[data-sc-minimize]:focus-visible > div,
[data-sc-close]:focus-visible > div {
  background-color: rgba(var(--white), 1);
}

[data-sc-input] {
  cursor: pointer;
  resize: none;
  overflow: auto;
  box-shadow: 0 0 0 0 rbga(0, 0, 0, 0);
  transition: background-color 150ms linear 0ms, box-shadow 150ms linear 0ms;
}
[data-sc-input]::-moz-placeholder {
  color: rgba(var(--slate-40), 1);
  -moz-transition: color 150ms linear 0ms;
  transition: color 150ms linear 0ms;
}
[data-sc-input]::placeholder, [data-sc-input] ~ button {
  color: rgba(var(--slate-40), 1);
  transition: color 150ms linear 0ms;
}
[data-sc-input] ~ button {
  cursor: not-allowed;
}
[data-sc-input] ~ button:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-sm);
  --bg-opacity: 1;
  background-color: rgba(var(--slate-70), var(--bg-opacity));
  transform: scale3d(0.8, 0.8, 0.8);
  opacity: 0;
  transition: opacity 150ms ease-out 0ms, transform 150ms ease-out 0ms;
  content: "";
}
[data-sc-input]:hover {
  background-color: rgba(var(--slate-60), 1);
}
[data-sc-input]:hover::-moz-placeholder {
  color: rgba(var(--slate-30), 1);
}
[data-sc-input]:hover::placeholder, [data-sc-input]:hover ~ button {
  color: rgba(var(--slate-30), 1);
}
[data-sc-input]:not(:-moz-placeholder-shown) {
  background-color: rgba(var(--slate-70), 1);
  box-shadow: inset 0px 0px 0px 1px rgba(var(--slate-60), 1);
}
[data-sc-input]:not(:placeholder-shown) {
  background-color: rgba(var(--slate-70), 1);
  box-shadow: inset 0px 0px 0px 1px rgba(var(--slate-60), 1);
}
[data-sc-input]:not(:placeholder-shown)::-moz-placeholder {
  color: rgba(var(--slate-30), 1);
  cursor: pointer;
}
[data-sc-input]:not(:-moz-placeholder-shown)::placeholder, [data-sc-input]:not(:-moz-placeholder-shown) ~ button {
  color: rgba(var(--slate-30), 1);
  cursor: pointer;
}
[data-sc-input]:not(:placeholder-shown)::placeholder, [data-sc-input]:not(:placeholder-shown) ~ button {
  color: rgba(var(--slate-30), 1);
  cursor: pointer;
}
[data-sc-input]:not(:-moz-placeholder-shown):hover {
  background-color: rgba(var(--slate-60), 1);
}
[data-sc-input]:not(:placeholder-shown):hover {
  background-color: rgba(var(--slate-60), 1);
}
[data-sc-input]:not(:placeholder-shown):hover::-moz-placeholder {
  color: rgba(var(--slate-30), 1);
}
[data-sc-input]:not(:-moz-placeholder-shown):hover::placeholder, [data-sc-input]:not(:-moz-placeholder-shown):hover ~ button {
  color: rgba(var(--slate-30), 1);
}
[data-sc-input]:not(:placeholder-shown):hover::placeholder, [data-sc-input]:not(:placeholder-shown):hover ~ button {
  color: rgba(var(--slate-30), 1);
}
[data-sc-input]:not(:-moz-placeholder-shown) ~ button:hover {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:not(:placeholder-shown) ~ button:hover {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:not(:-moz-placeholder-shown) ~ button:hover:before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
[data-sc-input]:not(:placeholder-shown) ~ button:hover:before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
[data-sc-input]:focus-visible {
  background-color: rgba(var(--slate-70), 1);
  box-shadow: 0px 0px 0px 1px rgba(var(--white), 1), 0px 0px 0px 2px rgba(var(--blurple), 1), inset 0px 0px 0px 1px rgba(var(--slate-60), 1);
}
[data-sc-input]:focus-visible ~ button {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:focus-visible:hover ~ button {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:focus-visible:hover ~ button:hover {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:focus-visible:hover ~ button:hover:before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
[data-sc-input]:focus-visible:not(:-moz-placeholder-shown):hover {
  background-color: rgba(var(--slate-70), 1);
}
[data-sc-input]:focus-visible:not(:placeholder-shown):hover {
  background-color: rgba(var(--slate-70), 1);
}
[data-sc-input]:focus-visible:not(:-moz-placeholder-shown):hover ~ button:hover {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:focus-visible:not(:placeholder-shown):hover ~ button:hover {
  color: rgba(var(--blurple), 1);
}
[data-sc-input]:focus-visible:not(:-moz-placeholder-shown):hover ~ button:hover:before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
[data-sc-input]:focus-visible:not(:placeholder-shown):hover ~ button:hover:before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

[data-sc-button] {
  box-shadow: 0 0 0 0 rbga(0, 0, 0, 0);
  transition: background-color 150ms linear 0ms, box-shadow 150ms linear 0ms, border-color 150ms linear 0ms, color 150ms linear 0ms;
}
@media (hover: hover) {
  [data-sc-button]:hover {
    color: rgba(var(--blurple), 1);
    border-color: rgba(var(--slate-50), 1);
    box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.06), 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
  }
}
[data-sc-button]:focus-visible {
  color: rgba(var(--blurple), 1);
  border-color: rgba(var(--slate-60), 0);
  box-shadow: 0px 0px 0px 1px rgba(var(--white), 1), 0px 0px 0px 2px rgba(var(--blurple), 1), inset 0px 0px 0px 1px rgba(var(--slate-60), 1);
}
[data-sc-button].selected {
  color: rgba(var(--white), 1);
  background-color: rgba(var(--blurple), 1);
  border-color: rgba(var(--blurple), 1);
  box-shadow: 0 0 0 0 rbga(0, 0, 0, 0);
}

[data-sc-bubble-dot] {
  animation-duration: 1000ms;
  animation-timing-function: cubic-bezier(0, 0.7, 1, 0.3);
  animation-iteration-count: infinite;
}

[data-sc-bubble-dot="1"] {
  animation-name: sc-bubble-dot-1;
}

[data-sc-bubble-dot="2"] {
  animation-name: sc-bubble-dot-2;
}

[data-sc-bubble-dot="3"] {
  animation-name: sc-bubble-dot-3;
}

@keyframes sc-bubble-dot-1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  12.5% {
    transform: translate3d(0, -0.25rem, 0);
  }
  25% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes sc-bubble-dot-2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  12.5% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, -0.25rem, 0);
  }
  37.5% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes sc-bubble-dot-3 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, 0, 0);
  }
  37.5% {
    transform: translate3d(0, -0.25rem, 0);
  }
  50% {
    transform: translate3d(0, 0, 0);
  }
}
[data-sc-rep-name] {
  position: absolute;
  top: -1.125rem;
  font-size: var(--font-xs);
  line-height: 1;
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
}

[data-sc-annotation] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font-xs);
  font-style: italic;
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
  line-height: 1.4;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

[data-sc-disclaimer] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-style: italic;
  --color-opacity: 1;
  color: rgba(var(--slate-30), var(--color-opacity));
  line-height: 1.4;
  font-size: 0.8125rem;
}

.sc-chat-bot + .sc-chat-bot,
.sc-chat-options + .sc-chat-options,
.sc-chat-user + .sc-chat-user {
  padding-top: 0.5rem;
}

.sc-chat-options + .sc-chat-bot,
.sc-chat-bot + .sc-chat-options,
.sc-chat-user + .sc-chat-bot,
.sc-chat-bot + .sc-chat-user,
.sc-chat-user + .sc-chat-options,
.sc-chat-options + .sc-chat-user {
  padding-top: 1rem;
}

[data-sc-form-input] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9375rem;
}
[data-sc-form-input] label {
  line-height: 1.3;
  font-weight: var(--medium);
  --color-opacity: 1;
  color: rgba(var(--slate-20), var(--color-opacity));
  transition: color 150ms linear 0ms;
}
[data-sc-form-input] input,
[data-sc-form-input] textarea,
[data-sc-form-input] select {
  line-height: 1.6;
  border-radius: var(--radius-md);
  padding-top: 0.375rem;
  padding-bottom: 0.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--slate-60), var(--border-opacity));
  cursor: pointer;
  resize: none;
  overflow: auto;
  transition: background-color 150ms linear 0ms, box-shadow 150ms linear 0ms, border 150ms linear 0ms;
}
[data-sc-form-input] .error-el {
  opacity: 0;
  transition: opacity 150ms linear 0ms;
}
[data-sc-form-input] .error-icon {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 1rem;
  height: 1rem;
}
[data-sc-form-input] .error-message {
  position: absolute;
  top: 0.375rem;
  right: 0;
  font-size: var(--font-xs);
  line-height: 1;
  font-weight: var(--medium);
  --color-opacity: 1;
  color: rgba(var(--raspberry), var(--color-opacity));
}
[data-sc-form-input] input:hover,
[data-sc-form-input] textarea:hover,
[data-sc-form-input] select:hover {
  border: 1px solid rgba(var(--slate-50), 1);
}
[data-sc-form-input]:has(input:focus-visible) input,
[data-sc-form-input]:has(input:focus-visible) textarea, [data-sc-form-input]:has(textarea:focus-visible) input,
[data-sc-form-input]:has(textarea:focus-visible) textarea, [data-sc-form-input]:has(select:focus-visible) input,
[data-sc-form-input]:has(select:focus-visible) textarea {
  border: 1px solid rgba(var(--slate-50), 1);
  box-shadow: 0px 0px 0px 1px rgba(var(--white), 1), 0px 0px 0px 2px rgba(var(--blurple), 1);
}
[data-sc-form-input]:has(input:focus-visible) label, [data-sc-form-input]:has(textarea:focus-visible) label, [data-sc-form-input]:has(select:focus-visible) label {
  color: rgba(var(--slate), 1);
}
[data-sc-form-input]:has(input:focus-visible).error input,
[data-sc-form-input]:has(input:focus-visible).error textarea, [data-sc-form-input]:has(textarea:focus-visible).error input,
[data-sc-form-input]:has(textarea:focus-visible).error textarea, [data-sc-form-input]:has(select:focus-visible).error input,
[data-sc-form-input]:has(select:focus-visible).error textarea {
  border: 1px solid rgba(var(--slate-50), 1);
  box-shadow: 0px 0px 0px 1px rgba(var(--white), 1), 0px 0px 0px 2px rgba(var(--raspberry), 1);
}
[data-sc-form-input]:has(input:focus-visible).error .error-el, [data-sc-form-input]:has(textarea:focus-visible).error .error-el, [data-sc-form-input]:has(select:focus-visible).error .error-el {
  opacity: 1;
}
[data-sc-form-input].error input,
[data-sc-form-input].error textarea {
  border: 1px solid rgba(var(--slate-50), 1);
  box-shadow: 0px 0px 0px 1px rgba(var(--white), 1), 0px 0px 0px 2px rgba(var(--raspberry), 1);
}
[data-sc-form-input].error .error-el {
  opacity: 1;
}

[data-sc-scenario-option] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 1;
}
[data-sc-scenario-option] > input {
  --bg-opacity: 1;
  background-color: rgba(var(--slate-50), var(--bg-opacity));
  cursor: pointer;
}
[data-sc-scenario-option] > label {
  margin-bottom: 0.0625rem;
}
.headline {
  line-height: 1.1;
  letter-spacing: var(--tracking-tightest);
}

.highlight {
  background: linear-gradient(0deg, rgba(var(--ui-green), 1) 0%, rgba(var(--ui-green), 1) 100%);
  background-position: 0% 70%;
  background-repeat: no-repeat;
  background-size: 100% 40%;
}

/*# sourceMappingURL=main.css.map */