/* Enarratio theme: example */
.enarratio, .enarratio-tooltip {
  --enarratio-font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --enarratio-font-numeric: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --enarratio-background: #fbfaf7;
  --enarratio-text: #211f1c;
  --enarratio-text-muted: #57534c;
  --enarratio-grid: #ddd9cf;
  --enarratio-focus: #5a3fb0;
  --enarratio-status-good: #1c7a3d;
  --enarratio-status-warning: #8f5c00;
  --enarratio-status-bad: #b3261e;
  --enarratio-status-unknown: #7d7a73;
  --enarratio-series-1: #1d5fa6;
  --enarratio-series-text-1: #fbfaf7;
  --enarratio-series-2: #b0520b;
  --enarratio-series-text-2: #fbfaf7;
  --enarratio-series-3: #1c7a52;
  --enarratio-series-text-3: #fbfaf7;
  --enarratio-series-4: #a1264a;
  --enarratio-series-text-4: #fbfaf7;
  --enarratio-series-5: #4d91b3;
  --enarratio-series-text-5: #211f1c;
  --enarratio-series-6: #0f0f8a;
  --enarratio-series-text-6: #fbfaf7;
  --enarratio-series-7: #0d7385;
  --enarratio-series-text-7: #fbfaf7;
  --enarratio-series-8: #5b5853;
  --enarratio-series-text-8: #fbfaf7;
  --enarratio-sequential-1: #ece7f6;
  --enarratio-sequential-text-1: #211f1c;
  --enarratio-sequential-2: #cdc1e8;
  --enarratio-sequential-text-2: #211f1c;
  --enarratio-sequential-3: #a590d2;
  --enarratio-sequential-text-3: #211f1c;
  --enarratio-sequential-4: #7a5ab8;
  --enarratio-sequential-text-4: #fbfaf7;
  --enarratio-sequential-5: #4d2f8a;
  --enarratio-sequential-text-5: #fbfaf7;
}
@supports (color: light-dark(#000, #fff)) {
  .enarratio, .enarratio-tooltip {
    --enarratio-background: light-dark(#fbfaf7, #1b1a18);
    --enarratio-text: light-dark(#211f1c, #ece8e1);
    --enarratio-text-muted: light-dark(#57534c, #b0aaa0);
    --enarratio-grid: light-dark(#ddd9cf, #38352f);
    --enarratio-focus: light-dark(#5a3fb0, #b8a4f0);
    --enarratio-status-good: light-dark(#1c7a3d, #4cc26b);
    --enarratio-status-warning: light-dark(#8f5c00, #e0a526);
    --enarratio-status-bad: light-dark(#b3261e, #f2685f);
    --enarratio-status-unknown: light-dark(#7d7a73, #7d7a73);
    --enarratio-series-1: light-dark(#1d5fa6, #6fa8e8);
    --enarratio-series-text-1: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-2: light-dark(#b0520b, #e8975a);
    --enarratio-series-text-2: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-3: light-dark(#1c7a52, #62c595);
    --enarratio-series-text-3: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-4: light-dark(#a1264a, #e87c9b);
    --enarratio-series-text-4: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-5: light-dark(#4d91b3, #b4d1df);
    --enarratio-series-text-5: light-dark(#211f1c, #1b1a18);
    --enarratio-series-6: light-dark(#0f0f8a, #7575f0);
    --enarratio-series-text-6: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-7: light-dark(#0d7385, #52bfd2);
    --enarratio-series-text-7: light-dark(#fbfaf7, #1b1a18);
    --enarratio-series-8: light-dark(#5b5853, #b8b4ac);
    --enarratio-series-text-8: light-dark(#fbfaf7, #1b1a18);
    --enarratio-sequential-1: light-dark(#ece7f6, #2a2438);
    --enarratio-sequential-text-1: light-dark(#211f1c, #ece8e1);
    --enarratio-sequential-2: light-dark(#cdc1e8, #41355f);
    --enarratio-sequential-text-2: light-dark(#211f1c, #ece8e1);
    --enarratio-sequential-3: light-dark(#a590d2, #5f4c93);
    --enarratio-sequential-text-3: light-dark(#211f1c, #ece8e1);
    --enarratio-sequential-4: light-dark(#7a5ab8, #9380d0);
    --enarratio-sequential-text-4: light-dark(#fbfaf7, #1b1a18);
    --enarratio-sequential-5: light-dark(#4d2f8a, #d4c9f3);
    --enarratio-sequential-text-5: light-dark(#fbfaf7, #1b1a18);
  }
}
/* Enarratio base rules */
.enarratio {
  margin: 0;
  color: var(--enarratio-text);
  font-family: var(--enarratio-font);
  font-size: var(--enarratio-font-size, 1rem);
}
.enarratio-frame { overflow-x: auto; }
.enarratio-frame-wide > svg { min-width: 30rem; }
.enarratio svg {
  display: block;
  max-width: 100%;
  height: auto;
  overflow: visible;
  font-family: inherit;
  font-size: var(--enarratio-font-size-mark, 12px);
}
svg.enarratio { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; }
.enarratio [data-enarratio-mark$="tick label"],
.enarratio .enarratio-numeric {
  font-family: var(--enarratio-font-numeric);
  font-variant-numeric: tabular-nums;
}
.enarratio [data-enarratio-mark*="axis"] { color: var(--enarratio-text-muted); }
.enarratio [data-enarratio-mark$="grid"] { stroke: var(--enarratio-grid); stroke-opacity: 1; }
.enarratio [data-enarratio-mark="rule"] { stroke: var(--enarratio-text-muted); }
.enarratio-title {
  margin: 0 0 var(--enarratio-space, 0.5em);
  font-weight: var(--enarratio-font-weight-title, 600);
}
.enarratio-caption {
  margin: var(--enarratio-space, 0.5em) 0 0;
  color: var(--enarratio-text-muted);
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--enarratio-gap-row, 0.25em) var(--enarratio-gap, 1em);
  margin: 0 0 var(--enarratio-space, 0.5em);
  padding: 0;
  list-style: none;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-legend li, .enarratio-legend button {
  display: inline-flex;
  align-items: center;
  gap: var(--enarratio-gap-inline, 0.4em);
}
.enarratio-legend button {
  margin: 0;
  padding: var(--enarratio-padding-button, 0.125em 0.25em);
  border: var(--enarratio-border-width, 1px) solid transparent;
  border-radius: var(--enarratio-radius, 0.25em);
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.enarratio-legend button[aria-pressed="true"] {
  border-color: currentColor;
  font-weight: var(--enarratio-font-weight-emphasis, 600);
}
.enarratio-swatch {
  display: inline-block;
  width: var(--enarratio-swatch-size, 0.8em);
  height: var(--enarratio-swatch-size, 0.8em);
  border-radius: var(--enarratio-radius-swatch, 0.15em);
  forced-color-adjust: none;
}
.enarratio [data-slot="1"] { --enarratio-slot: var(--enarratio-series-1); }
.enarratio [data-slot="2"] { --enarratio-slot: var(--enarratio-series-2); }
.enarratio [data-slot="3"] { --enarratio-slot: var(--enarratio-series-3); }
.enarratio [data-slot="4"] { --enarratio-slot: var(--enarratio-series-4); }
.enarratio [data-slot="5"] { --enarratio-slot: var(--enarratio-series-5); }
.enarratio [data-slot="6"] { --enarratio-slot: var(--enarratio-series-6); }
.enarratio [data-slot="7"] { --enarratio-slot: var(--enarratio-series-7); }
.enarratio [data-slot="8"] { --enarratio-slot: var(--enarratio-series-8); }
.enarratio [data-step="1"] { --enarratio-slot: var(--enarratio-sequential-1); }
.enarratio [data-step="2"] { --enarratio-slot: var(--enarratio-sequential-2); }
.enarratio [data-step="3"] { --enarratio-slot: var(--enarratio-sequential-3); }
.enarratio [data-step="4"] { --enarratio-slot: var(--enarratio-sequential-4); }
.enarratio [data-step="5"] { --enarratio-slot: var(--enarratio-sequential-5); }
.enarratio-swatch { background: var(--enarratio-slot); }
.enarratio-data {
  margin: var(--enarratio-space, 0.5em) 0 0;
  font-size: var(--enarratio-font-size-small, 0.875em);
}
.enarratio-data summary { cursor: pointer; color: var(--enarratio-text-muted); }
.enarratio-data table { border-collapse: collapse; margin-top: var(--enarratio-space, 0.5em); }
.enarratio-data th, .enarratio-data td {
  padding: var(--enarratio-cell-padding, 0.2em 0.75em 0.2em 0);
  border-bottom: var(--enarratio-border-width, 1px) solid var(--enarratio-grid);
  text-align: left;
}
.enarratio-data td { font-variant-numeric: tabular-nums; text-align: right; }
.enarratio-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.enarratio-tooltip {
  position: absolute;
  z-index: var(--enarratio-z-tooltip, 10);
  max-width: var(--enarratio-tooltip-max-width, 18em);
  padding: var(--enarratio-tooltip-padding, 0.35em 0.6em);
  border: var(--enarratio-border-width, 1px) solid var(--enarratio-grid);
  border-radius: var(--enarratio-radius-tooltip, 0.3em);
  background: var(--enarratio-background);
  color: var(--enarratio-text);
  font-family: var(--enarratio-font);
  font-size: var(--enarratio-font-size-tooltip, 0.8125rem);
  line-height: var(--enarratio-line-height-tooltip, 1.35);
  box-shadow: var(--enarratio-tooltip-shadow, 0 2px 8px rgb(0 0 0 / 15%));
}
.enarratio-tooltip[hidden] { display: none; }
.enarratio [data-enarratio-key] {
  transition: opacity var(--enarratio-duration-hover, 150ms) var(--enarratio-ease-out, ease-out);
}
.enarratio[data-enarratio-interactive] [data-enarratio-field] { cursor: pointer; }
.enarratio [data-enarratio-dimmed] { opacity: var(--enarratio-opacity-dimmed, 0.25); }
.enarratio [data-enarratio-key]:focus { outline: none; }
/* The focus ring: a background-colored ring inside a focus-colored one, so one of the two always
   contrasts with whatever mark or background is next to it. */
.enarratio-focus-ring { pointer-events: none; fill: none; }
.enarratio-focus-ring-inner {
  stroke: var(--enarratio-background);
  stroke-width: var(--enarratio-focus-width-inner, 5px);
}
.enarratio-focus-ring-outer {
  stroke: var(--enarratio-focus);
  stroke-width: var(--enarratio-focus-width-outer, 2.5px);
}
/* Invisible targets that make small marks at least 24 CSS pixels to point at. */
.enarratio-hit { fill: transparent; stroke: none; }
.enarratio svg:focus-visible, .enarratio-legend button:focus-visible, .enarratio-frame:focus-visible {
  outline: var(--enarratio-focus-outline-width, 3px) solid var(--enarratio-focus);
  outline-offset: var(--enarratio-focus-outline-offset, 2px);
}
.enarratio-brush {
  fill: var(--enarratio-focus);
  fill-opacity: var(--enarratio-opacity-brush, 0.15);
  stroke: var(--enarratio-focus);
}
/* The timeline's plain list: read by screen readers beside the drawing, and shown in its place
   when the container has under 30rem. The threshold is a container query, which cannot use a
   custom property. */
.enarratio-timeline { container-type: inline-size; }
.enarratio-timeline-list {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@container (max-width: 30rem) {
  .enarratio-timeline > svg { display: none; }
  .enarratio-timeline-list {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 var(--enarratio-timeline-list-indent, 1.25em);
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .enarratio-timeline-list li { margin: 0 0 var(--enarratio-space, 0.5em); }
}
@keyframes enarratio-grow { from { transform: scaleY(0); } }
@keyframes enarratio-grow-x { from { transform: scaleX(0); } }
@keyframes enarratio-draw { from { stroke-dashoffset: var(--enarratio-length); } }
@keyframes enarratio-fade { from { opacity: 0; } }
.enarratio[data-enarratio-entering] [data-enarratio-mark="bar"] > * {
  transform-box: fill-box;
  transform-origin: bottom;
  animation: enarratio-grow var(--enarratio-duration-grow, 600ms)
    var(--enarratio-ease-grow, cubic-bezier(0.2, 0.7, 0.3, 1)) both;
}
.enarratio[data-enarratio-entering][data-enarratio-orientation="horizontal"] [data-enarratio-mark="bar"] > * {
  transform-origin: left;
  animation-name: enarratio-grow-x;
}
.enarratio[data-enarratio-entering] [data-enarratio-mark="dot"] > *,
.enarratio[data-enarratio-entering] [data-enarratio-mark="area"] > *,
.enarratio[data-enarratio-entering] [data-enarratio-mark="cell"] > * {
  animation: enarratio-fade var(--enarratio-duration-fade, 500ms)
    var(--enarratio-ease-out, ease-out) both;
}
.enarratio[data-enarratio-entering] [data-enarratio-mark="line"] > path {
  stroke-dasharray: var(--enarratio-length);
  animation: enarratio-draw var(--enarratio-duration-draw, 800ms)
    var(--enarratio-ease-out, ease-out) both;
}
@media (prefers-reduced-motion: reduce) {
  .enarratio *, .enarratio-tooltip { animation: none !important; transition: none !important; }
}