::highlight(taliri-demo) {
  background-color: color-mix(in srgb, #e8bd59 34%, transparent);
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: color-mix(
    in srgb,
    color-mix(in srgb, #262a2e 78%, #8b6826) 70%,
    transparent
  );
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.18em;
}
@media (prefers-color-scheme: dark) {
  ::highlight(taliri-demo) {
    text-decoration-color: color-mix(
      in srgb,
      color-mix(in srgb, #f7f6f0 78%, #8b6826) 70%,
      transparent
    );
  }
}
:where([data-taliri-demo]) [data-lt-token][data-lt-render] {
  background-color: color-mix(in srgb, #e8bd59 30%, transparent) !important;
  text-decoration-line: underline !important;
  text-decoration-style: dashed !important;
  text-decoration-color: color-mix(
    in srgb,
    color-mix(in srgb, currentColor 78%, #8b6826) 70%,
    transparent
  ) !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 0.18em !important;
  border-radius: 0.16em;
}
:where([data-taliri-demo])
  [data-lt-token][data-lt-render='introduction-gloss']::after {
  content: ' • ' attr(data-original) ' •';
  color: color-mix(in srgb, currentColor 78%, #8b6826);
  opacity: 1;
  font-size: 1em;
  font-style: italic;
  line-height: 1;
}
:where([data-taliri-demo]) [data-lt-token][data-lt-practised] {
  text-decoration-style: solid !important;
  text-decoration-color: color-mix(
    in srgb,
    currentColor 78%,
    #8b6826
  ) !important;
  text-decoration-thickness: 2px !important;
}
:where([data-taliri-demo])
  [data-lt-token][data-lt-challenge]:not([data-lt-practised]) {
  background-color: color-mix(in srgb, #6750a4 42%, transparent) !important;
  text-decoration-style: dotted !important;
  text-decoration-color: #6750a4 !important;
  text-decoration-thickness: 1px !important;
}
:where([data-taliri-demo]) [data-lt-token][data-lt-quiz='masked'] {
  filter: blur(0.14em);
  cursor: pointer;
  user-select: text;
}
@media (prefers-contrast: more) {
  :where([data-taliri-demo]) [data-lt-token][data-lt-render] {
    outline: 1px solid currentColor !important;
    outline-offset: 1px;
  }
}
:where([data-taliri-demo]) .taliri-demo-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block: 20px;
  font:
    14px/1.5 system-ui,
    sans-serif;
}
:where([data-taliri-demo]) .taliri-demo-controls button {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
  padding: 8px 14px;
  cursor: pointer;
}
:where([data-taliri-demo]) .taliri-demo-controls button:disabled {
  opacity: 0.6;
  cursor: default;
}
:where([data-taliri-demo]) :is(button, [data-lt-token]):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
/* Inline placement: the paragraph is only the card's anchor, a fixed 1px box at
   the viewport origin whose rect never leaves the viewport or re-fits the card. */
[data-taliri-demo][data-taliri-demo-placement='inline']
  [data-taliri-demo-anchor] {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 1px;
  line-height: 1px;
  visibility: hidden;
  pointer-events: none;
}
/*$vite$:1*/