/* src/styles/duolingo.css */
:root {
  --duolingo-polar: oklch(0.9761 0 0);
  --duolingo-swan: oklch(0.9219 0 0);
  --duolingo-hare: oklch(0.754 0 0);
  --duolingo-wolf: oklch(0.5693 0 0);
  --duolingo-eel: oklch(0.4128 0 0);
  --duolingo-squid: oklch(0.9221 0.0087 17.31);
  --duolingo-walking-fish: oklch(0.9303 0.0355 15.66);
  --duolingo-flamingo: oklch(0.8365 0.0903 19.14);
  --duolingo-pig: oklch(0.7979 0.0965 19.42);
  --duolingo-crab: oklch(0.7314 0.1652 21.99);
  --duolingo-cardinal: oklch(0.6708 0.2165 25.19);
  --duolingo-fire-ant: oklch(0.6059 0.2241 27.19);
  --duolingo-canary: oklch(0.9693 0.0455 93.5);
  --duolingo-duck: oklch(0.9168 0.1416 99.05);
  --duolingo-bee: oklch(0.8575 0.1752 88.49);
  --duolingo-lion: oklch(0.8142 0.1704 76.91);
  --duolingo-fox: oklch(0.7669 0.1748 63.06);
  --duolingo-cheetah: oklch(0.8801 0.098 73.41);
  --duolingo-monkey: oklch(0.7625 0.1199 66.64);
  --duolingo-camel: oklch(0.767 0.1586 80.31);
  --duolingo-guinea-pig: oklch(0.6532 0.147779 63.9665);
  --duolingo-grizzly: oklch(0.572 0.0946 48.48);
  --duolingo-sea-sponge: oklch(0.9546 0.1012 131.98);
  --duolingo-turtle: oklch(0.8717 0.1754 133.4);
  --duolingo-owl: oklch(0.7478 0.2289 137.63);
  --duolingo-tree-frog: oklch(0.6516 0.1894 134.73);
  --duolingo-iguana: oklch(0.9536 0.0284 228.04);
  --duolingo-anchovy: oklch(0.9066 0.02 212.55);
  --duolingo-beluga: oklch(0.9277 0.0584 213.8);
  --duolingo-moon-jelly: oklch(0.8875 0.1069 196.87);
  --duolingo-blue-jay: oklch(0.8429 0.0982 229.43);
  --duolingo-macaw: oklch(0.7181 0.1513 237.07);
  --duolingo-whale: oklch(0.6476 0.1358 236.91);
  --duolingo-humpback: oklch(0.5493 0.1544 256.44);
  --duolingo-narwhal: oklch(0.4514 0.1434 256.99);
  --duolingo-starfish: oklch(0.8359 0.1184 342.63);
  --duolingo-beetle: oklch(0.7345 0.1876 310.63);
  --duolingo-betta: oklch(0.604 0.1505 299.92);
  --duolingo-butterfly: oklch(0.4981 0.1306 300.05);
  --color-polar: var(--duolingo-polar);
  --color-swan: var(--duolingo-swan);
  --color-hare: var(--duolingo-hare);
  --color-wolf: var(--duolingo-wolf);
  --color-eel: var(--duolingo-eel);
  --color-squid: var(--duolingo-squid);
  --color-walking-fish: var(--duolingo-walking-fish);
  --color-flamingo: var(--duolingo-flamingo);
  --color-pig: var(--duolingo-pig);
  --color-crab: var(--duolingo-crab);
  --color-cardinal: var(--duolingo-cardinal);
  --color-fire-ant: var(--duolingo-fire-ant);
  --color-canary: var(--duolingo-canary);
  --color-duck: var(--duolingo-duck);
  --color-bee: var(--duolingo-bee);
  --color-lion: var(--duolingo-lion);
  --color-fox: var(--duolingo-fox);
  --color-cheetah: var(--duolingo-cheetah);
  --color-monkey: var(--duolingo-monkey);
  --color-camel: var(--duolingo-camel);
  --color-guinea-pig: var(--duolingo-guinea-pig);
  --color-grizzly: var(--duolingo-grizzly);
  --color-sea-sponge: var(--duolingo-sea-sponge);
  --color-turtle: var(--duolingo-turtle);
  --color-owl: var(--duolingo-owl);
  --color-tree-frog: var(--duolingo-tree-frog);
  --color-iguana: var(--duolingo-iguana);
  --color-anchovy: var(--duolingo-anchovy);
  --color-beluga: var(--duolingo-beluga);
  --color-moon-jelly: var(--duolingo-moon-jelly);
  --color-blue-jay: var(--duolingo-blue-jay);
  --color-macaw: var(--duolingo-macaw);
  --color-whale: var(--duolingo-whale);
  --color-humpback: var(--duolingo-humpback);
  --color-narwhal: var(--duolingo-narwhal);
  --color-starfish: var(--duolingo-starfish);
  --color-beetle: var(--duolingo-beetle);
  --color-betta: var(--duolingo-betta);
  --color-butterfly: var(--duolingo-butterfly);
  --background: var(--duolingo-polar);
  --foreground: var(--duolingo-eel);
  --muted: var(--duolingo-swan);
  --muted-foreground: var(--duolingo-wolf);
  --border: var(--duolingo-swan);
  --input: var(--duolingo-hare);
  --accent: var(--duolingo-swan);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-accent: var(--accent);
  --radius: 1rem;
  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 0.875rem;
  --radius-lg: 1rem;
}
.dark {
  --background: oklch(0.2301 0.0215 228.5177);
  --foreground: var(--duolingo-polar);
  --muted: oklch(0.3847 0.0246 234.6115);
  --muted-foreground: oklch(0.494 0.0263 225.3177);
  --border: oklch(0.3847 0.0246 234.6115);
  --input: oklch(0.494 0.0263 225.3177);
  --accent: oklch(0.2949 0.0237 228.4373);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-accent: var(--accent);
}
.qti-html-content {
  color: inherit !important;
}
.qti-html-content *,
.qti-html-content p,
.qti-html-content div,
.qti-html-content span,
.qti-html-content li {
  color: inherit !important;
}
.qti-html-content .qti-feedback-preamble p,
.qti-html-content .qti-step p,
.qti-html-content .qti-step-title {
  color: inherit !important;
}
.qti-html-content .qti-step-index {
  color: white !important;
}
.qti-html-content .qti-step {
  background: transparent !important;
  border-color: var(--border) !important;
}
.qti-html-content strong,
.qti-html-content b {
  font-weight: 700;
}
.qti-html-content em,
.qti-html-content i {
  font-style: italic;
}
.qti-html-content p {
  margin-bottom: 0.5rem;
}
.qti-html-content ul {
  margin-left: 1.5rem;
  margin-bottom: 0.5rem;
  list-style-type: disc;
}
.qti-html-content ol {
  margin-left: 1.5rem;
  margin-bottom: 0.5rem;
  list-style-type: decimal;
}
.qti-html-content li {
  margin-bottom: 0.25rem;
}
.qti-html-content math,
.qti-html-content math *,
.qti-html-content math mi,
.qti-html-content math mo,
.qti-html-content math mn,
.qti-html-content math mtext {
  color: inherit !important;
}
.qti-html-content menclose[notation=top],
.qti-html-content .tml-overline,
menclose[notation=top],
.tml-overline {
  border-top: 0.07em solid currentColor;
  padding-top: 0.12em;
  margin-right: 0.1em;
}
.qti-html-content mover,
mover {
  margin-right: 0.1em;
}
.qti-html-content mover > mo[stretchy=true],
mover > mo[stretchy=true] {
  font-family: system-ui, sans-serif !important;
  transform: scaleX(1.8);
}
.qti-html-content munder > mo[stretchy=true],
munder > mo[stretchy=true] {
  font-family:
    math,
    "STIX Two Math",
    "Latin Modern Math",
    serif !important;
}
[data-slot=choice-indicator].rounded-xs,
[data-slot=choice-indicator] {
  border-radius: 12px !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
}
[data-slot=choice-indicator][data-state=checked]:not([data-filled=true]) {
  background: var(--background) !important;
  border-color: var(--duolingo-macaw) !important;
  color: var(--duolingo-macaw) !important;
}
[data-slot=choice-indicator][data-filled=true][data-state=checked] {
  background: var(--duolingo-macaw) !important;
  border-color: var(--duolingo-macaw) !important;
  box-shadow: inset 0 0 0 3px var(--background) !important;
}
[data-slot=choice-indicator][data-palette=owl][data-state=checked]:not([data-filled=true]) {
  background: var(--background) !important;
  border-color: var(--duolingo-tree-frog) !important;
  color: var(--duolingo-owl) !important;
}
[data-slot=choice-indicator][data-palette=owl][data-filled=true][data-state=checked] {
  background: var(--duolingo-owl) !important;
  border-color: var(--duolingo-tree-frog) !important;
  box-shadow: inset 0 0 0 3px var(--background) !important;
}
[data-slot=choice-indicator][data-palette=cardinal][data-state=checked]:not([data-filled=true]) {
  background: var(--background) !important;
  border-color: var(--duolingo-fire-ant) !important;
  color: var(--duolingo-cardinal) !important;
}
[data-slot=choice-indicator][data-palette=cardinal][data-filled=true][data-state=checked] {
  background: var(--duolingo-cardinal) !important;
  border-color: var(--duolingo-fire-ant) !important;
  box-shadow: inset 0 0 0 3px var(--background) !important;
}
[data-slot=field-label]:has(> [data-slot=field]):has([data-state=checked]) {
  background: oklch(0.9536 0.0284 228.04 / 0.3) !important;
  border-color: var(--duolingo-macaw) !important;
}
[data-slot=field-label][data-palette=owl]:has(> [data-slot=field]):has([data-state=checked]) {
  background: oklch(0.9546 0.1012 131.98 / 0.3) !important;
  border-color: var(--duolingo-owl) !important;
}
[data-slot=field-label][data-palette=cardinal]:has(> [data-slot=field]):has([data-state=checked]) {
  background: oklch(0.9221 0.0087 17.31 / 0.3) !important;
  border-color: var(--duolingo-cardinal) !important;
}
.qti-html-content math mi,
.qti-html-content math mn,
.qti-html-content math mtext,
math mi,
math mn,
math mtext {
  font-weight: 600;
}
.qti-feedback {
  padding: 1.5rem;
}
.qti-feedback figure,
.qti-feedback .qti-html-content figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1.5rem auto;
  width: 100%;
}
.qti-feedback img,
.qti-feedback .qti-html-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}
.qti-feedback .qti-step,
.qti-html-content .qti-step {
  position: relative;
  margin: 1rem 0;
  padding: 1rem 1rem 1rem 3.5rem;
  border: 1px solid var(--border, #e5e5e5);
  border-left: 6px solid var(--duolingo-macaw, #1cb0f6);
  border-radius: var(--radius-sm, 0.75rem);
  background: var(--muted, #f4f4f5);
}
.qti-feedback .qti-step-index,
.qti-html-content .qti-step-index {
  position: absolute;
  left: 0.75rem;
  top: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  background: var(--duolingo-macaw, #1cb0f6);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
}
.qti-feedback .qti-step-title,
.qti-html-content .qti-step-title {
  margin: 0 0 0.5rem 0;
  font-weight: 700;
  font-size: 1rem;
  color: var(--foreground, #171717);
}
.qti-feedback .qti-solution-box,
.qti-html-content .qti-solution-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
  background:
    linear-gradient(
      135deg,
      oklch(0.9546 0.1012 131.98 / 0.3),
      oklch(0.8717 0.1754 133.4 / 0.2));
  border: 2px solid var(--duolingo-owl, #58cc02);
  border-radius: var(--radius-sm, 0.75rem);
}
.qti-feedback .qti-feedback-preamble,
.qti-html-content .qti-feedback-preamble {
  margin-bottom: 1rem;
}
.qti-feedback .qti-feedback-preamble[data-correctness=correct] p:first-child,
.qti-html-content .qti-feedback-preamble[data-correctness=correct] p:first-child {
  color: var(--duolingo-owl, #58cc02) !important;
  font-weight: 700;
}
.qti-feedback .qti-feedback-preamble[data-correctness=incorrect] p:first-child,
.qti-html-content .qti-feedback-preamble[data-correctness=incorrect] p:first-child {
  color: var(--duolingo-cardinal, #ff4b4b) !important;
  font-weight: 700;
}
/*# sourceMappingURL=duolingo.css.map */