@layer brand, tokens, density, elements, values, brand-mark, spacing, cut-edges, actions, panels, marks, roles, headings, regions, authored-text, shell, absence, layouts, motion, states, embed, tables, truncation, print, without-fills, hidden;
@layer elements {
  .kit-role-chart {
    overflow-wrap: break-word;
  }
}
@layer cut-edges {
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:before,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:after {
    position: sticky;
    z-index: var(--_kit-tier-held);
    pointer-events: none;
    background:
      linear-gradient(
        var(--_kit-overflow-fade-direction),
        transparent,
        var(--_kit-overflow-fade-surface));
  }
  :where([data-kit-state~=loading]) .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:before,
  :where([data-kit-state~=loading]) .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:after {
    background: none;
  }
}
@layer panels {
  .kit-role-chart > .kit-region-readout > .kit-region-reading {
    padding: var(--_kit-inset);
    color: var(--_kit-text-ink);
    background: var(--_kit-panel-surface);
    border: var(--_kit-panel-rule) solid light-dark(color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-light), var(--_kit-panel-boundary)), color-mix(in srgb, var(--_kit-text-ink) var(--_kit-panel-boundary-ink-dark), var(--_kit-panel-boundary)));
    border-radius: var(--_kit-panel-radius);
    box-shadow: var(--_kit-panel-lift);
  }
}
@layer roles {
  .kit-role-chart {
    position: relative;
    display: grid;
    gap: var(--_kit-stack);
    min-inline-size: 0;
    font-size: var(--_kit-body-size);
  }
  .kit-role-chart[data-kit-holds~=chart] {
    --_kit-chart-columns: var(--kit-columns);
    grid-template-columns: repeat(auto-fill, minmax(max(min(100%, var(--_kit-chart-panel-least)), (100% - (var(--_kit-chart-columns, 1000) - 1) * var(--_kit-region)) / var(--_kit-chart-columns, 1000)), 1fr));
    gap: var(--_kit-region);
  }
  .kit-role-chart > .kit-role-chart {
    align-content: start;
  }
  .kit-role-chart > .kit-region-tables {
    display: none;
  }
  :not(.kit-role-chart) > .kit-role-chart[data-kit-holds~=empty] > .kit-region-name {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kit-role-chart > .kit-region-name > .kit-region-total,
  .kit-role-chart > .kit-region-name > .kit-region-change {
    display: inline-block;
    vertical-align: bottom;
    block-size: 1lh;
  }
  .kit-role-chart > .kit-region-name > .kit-region-total {
    inline-size: 8ch;
  }
  .kit-role-chart > .kit-region-name > .kit-region-change {
    inline-size: 24ch;
  }
  .kit-role-chart > .kit-region-empty,
  .kit-role-chart > .kit-region-supporting {
    margin: 0;
    color: var(--_kit-text-muted);
  }
  .kit-role-chart > .kit-region-legend {
    display: flex;
    flex-wrap: wrap;
    gap: var(--_kit-rhythm) var(--_kit-inset-wide);
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-role-chart > .kit-region-legend > .kit-region-series,
  .kit-role-chart > .kit-region-legend > .kit-region-prior,
  .kit-role-chart > .kit-region-legend > .kit-region-interval,
  .kit-role-chart > .kit-region-legend > .kit-region-censored,
  .kit-role-chart > .kit-region-legend > .kit-region-box,
  .kit-role-chart > .kit-region-legend > .kit-region-median,
  .kit-role-chart > .kit-region-legend > .kit-region-whiskers,
  .kit-role-chart > .kit-region-legend > .kit-region-outline,
  .kit-role-chart > .kit-region-legend > .kit-region-letters,
  .kit-role-chart > .kit-region-legend > .kit-region-response,
  .kit-role-chart > .kit-region-legend > .kit-region-shades,
  .kit-role-chart > .kit-region-legend > .kit-region-sizes {
    display: inline-flex;
    align-items: center;
    gap: var(--_kit-stack);
  }
  .kit-role-chart > .kit-region-legend .kit-region-sample {
    flex: none;
    inline-size: 2.5em;
    block-size: 1em;
    overflow: visible;
    color: var(--_kit-text-ink);
  }
  .kit-role-chart > .kit-region-legend .kit-region-sample[data-kit-holds~=shape],
  .kit-role-chart > .kit-region-legend .kit-region-sample[data-kit-holds~=censored] {
    inline-size: 1em;
  }
  .kit-role-chart > .kit-region-frame {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-rows: var(--_kit-chart-height) auto;
    column-gap: var(--_kit-stack);
    row-gap: var(--_kit-rhythm);
    padding-block-start: .5lh;
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame[data-kit-holds~=reference] {
    padding-block-start: calc(2lh + var(--kit-rise, 0px));
    padding-inline-end: var(--kit-widen, 0px);
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame[data-kit-holds~=annotation] {
    padding-block-start: calc(var(--_kit-chart-annotation) + var(--_kit-rhythm) + var(--kit-rise, 0px));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-behind,
  .kit-role-chart > .kit-region-frame > .kit-region-image,
  .kit-role-chart > .kit-region-frame > .kit-region-bands,
  .kit-role-chart > .kit-region-frame > .kit-region-drawing,
  .kit-role-chart > .kit-region-frame > .kit-region-symbols {
    display: block;
    grid-area: 1 / 2;
    inline-size: 100%;
    block-size: var(--_kit-chart-height);
    overflow: visible;
    color: var(--_kit-text-ink);
  }
  .kit-role-labelled-fact > .kit-region-spark > .kit-role-chart > .kit-region-frame,
  table > tbody > tr > td[data-kit-column=spark] > .kit-role-chart > .kit-region-frame,
  table > tbody > tr > td[data-kit-column=spark] > .kit-region-value > .kit-role-chart > .kit-region-frame {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--_kit-spark-height);
  }
  .kit-role-labelled-fact > .kit-region-spark > .kit-role-chart > .kit-region-frame > .kit-region-behind,
  table > tbody > tr > td[data-kit-column=spark] > .kit-role-chart > .kit-region-frame > .kit-region-behind,
  table > tbody > tr > td[data-kit-column=spark] > .kit-region-value > .kit-role-chart > .kit-region-frame > .kit-region-behind,
  .kit-role-labelled-fact > .kit-region-spark > .kit-role-chart > .kit-region-frame > .kit-region-image,
  table > tbody > tr > td[data-kit-column=spark] > .kit-role-chart > .kit-region-frame > .kit-region-image,
  table > tbody > tr > td[data-kit-column=spark] > .kit-region-value > .kit-role-chart > .kit-region-frame > .kit-region-image {
    grid-area: 1 / 1;
    block-size: var(--_kit-spark-height);
  }
  table > tbody > tr > td[data-kit-column=spark] > .kit-role-chart,
  table > tbody > tr > td[data-kit-column=spark] > .kit-region-value > .kit-role-chart {
    inline-size: max-content;
  }
  table > tbody > tr > td[data-kit-column=spark] > .kit-role-chart > .kit-region-frame,
  table > tbody > tr > td[data-kit-column=spark] > .kit-region-value > .kit-role-chart > .kit-region-frame {
    inline-size: var(--_kit-share-track);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image {
    position: relative;
    z-index: 1;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-plot {
    fill: transparent;
    touch-action: pan-y;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-plot:focus-visible {
    outline-color: var(--_kit-text-ink);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis {
    display: grid;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis:empty {
    display: none;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis > .kit-region-word {
    --_kit-chart-at: var(--kit-at);
    grid-area: 1 / 1;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis[data-kit-side=leading] {
    grid-area: 1 / 1;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis[data-kit-side=below] {
    grid-area: 2 / 2;
    position: relative;
    column-gap: calc(var(--_kit-chart-point) / 2);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-axis[data-kit-side=below] > .kit-region-word[aria-hidden=true] {
    position: absolute;
    visibility: hidden;
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-axis[data-kit-side=leading] > .kit-region-word {
    align-self: start;
    justify-self: end;
    translate: 0 calc((1 - var(--_kit-chart-at)) * var(--_kit-chart-height) - 50%);
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-axis[data-kit-side=below] > .kit-region-word {
    justify-self: start;
    max-inline-size: calc(50% - var(--_kit-stack));
    margin-inline-start: calc(var(--_kit-chart-at) * 100%);
    translate: calc(-1 * (.5 + (var(--_kit-chart-at) - .5) * clamp(0, 1 - 8 * min(var(--_kit-chart-at), 1 - var(--_kit-chart-at)), 1)) * 100%) 0;
    white-space: normal;
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-axis[data-kit-side=below] > .kit-region-word:last-child {
    text-align: end;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-axis[data-kit-side=below] > .kit-region-word {
    justify-self: start;
    margin-inline-start: calc(var(--_kit-chart-at) * 100%);
    translate: -50% 0;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels {
    position: relative;
    z-index: 2;
    grid-area: 1 / 2;
    pointer-events: none;
    container-type: inline-size;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-value,
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-reference,
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-annotation,
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-series {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    position: absolute;
    inset-inline-start: calc(var(--_kit-chart-at) * 100%);
    inset-block-start: calc((1 - var(--_kit-chart-to)) * 100%);
    white-space: nowrap;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-value[data-kit-side=above],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=above],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-series[data-kit-side=above],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-annotation[data-kit-side=above],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-flag[data-kit-side=above] {
    translate: -50% calc(-100% - var(--_kit-rhythm));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-value[data-kit-side=trailing],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=trailing],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-series[data-kit-side=trailing],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-annotation[data-kit-side=trailing],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-flag[data-kit-side=trailing] {
    translate: -100% -100%;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-value[data-kit-side=leading],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=leading],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-series[data-kit-side=leading],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-annotation[data-kit-side=leading],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-flag[data-kit-side=leading] {
    translate: 0 -100%;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-reference {
    padding-inline-start: var(--_kit-rhythm);
    background: var(--_kit-surface-beneath);
    transform: translate(var(--kit-dx, 0px), var(--kit-dy, 0px));
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-labels > .kit-region-reference {
    inline-size: var(--kit-wrap, auto);
    white-space: normal;
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=trailing] {
    inset-inline: auto calc((1 - var(--_kit-chart-at)) * 100%);
    translate: 0 -100%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame {
    grid-template-columns: fit-content(var(--_kit-chart-names)) minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-behind,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image {
    align-self: stretch;
    block-size: auto;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-axis[data-kit-side=leading] {
    grid-auto-rows: minmax(max(var(--_kit-target), var(--kit-lanes, 0) * (var(--_kit-chart-point) + var(--_kit-rule))), 1fr);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-axis[data-kit-side=leading] > .kit-region-word {
    grid-area: auto;
    align-self: center;
    justify-self: end;
    white-space: normal;
    text-align: start;
  }
  @media screen {
    .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-axis[data-kit-side=leading] > .kit-region-word {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-axis[data-kit-side=below] > .kit-region-word {
    padding-inline: calc(var(--_kit-stack) / 2);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=value] {
    padding-inline-end: var(--_kit-chart-value);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame:not([data-kit-holds~=value]) > .kit-region-axis[data-kit-side=below] > .kit-region-word {
    translate: calc(var(--_kit-chart-at) * -100%) 0;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-fit~=trailing] {
    column-gap: calc(var(--_kit-stack) + var(--_kit-chart-value));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-reference {
    inline-size: max-content;
    max-inline-size: 100cqi;
    white-space: normal;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=leading] {
    translate: min(0px, calc((1 - var(--_kit-chart-at)) * 100cqi - 100%)) -100%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-reference[data-kit-side=trailing] {
    translate: max(-100%, calc(var(--_kit-chart-at) * -100cqi)) -100%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-value {
    background: var(--_kit-surface-beneath);
    transform: translate(var(--kit-dx, 0px), var(--kit-dy, 0px));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-value[data-kit-side=leading] {
    translate: var(--_kit-stack) -50%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-value[data-kit-side=trailing] {
    translate: calc(-100% - var(--_kit-stack)) -50%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=point] > .kit-region-labels > .kit-region-value[data-kit-side=leading] {
    translate: calc(var(--_kit-stack) + var(--_kit-chart-point) / 2) -50%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=point] > .kit-region-labels > .kit-region-value[data-kit-side=trailing] {
    translate: calc(-100% - var(--_kit-stack) - var(--_kit-chart-point) / 2) -50%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=annotation] {
    padding-inline-end: calc(var(--_kit-chart-value) + var(--_kit-stack) + var(--_kit-chart-annotation));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-labels > .kit-region-annotation {
    translate: calc(var(--_kit-chart-value) + var(--_kit-stack)) -50%;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] {
    grid-auto-columns: max-content;
    padding-block-start: calc(1lh + var(--_kit-rhythm));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=reference] {
    padding-block-start: calc(1lh + var(--kit-rise, 0px));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] > .kit-region-behind,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] > .kit-region-image {
    contain: size;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] > .kit-region-axis[data-kit-side=leading] {
    grid-auto-rows: minmax(max(var(--_kit-target), var(--_kit-chart-symbol)), 1fr);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-columns {
    display: grid;
    grid-row: 1;
    grid-template-columns: repeat(var(--kit-columns), max-content);
    grid-template-rows: 0;
    grid-auto-rows: minmax(0, 1fr);
    column-gap: inherit;
    font-variant-numeric: tabular-nums;
    text-align: end;
    white-space: nowrap;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row {
    display: contents;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row > .kit-region-cell {
    align-self: center;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row:first-child > .kit-region-cell {
    align-self: end;
    padding-block-end: var(--_kit-rhythm);
    color: var(--_kit-text-ink);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-beneath {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    row-gap: var(--_kit-rhythm);
    font-variant-numeric: tabular-nums;
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame:not([data-kit-holds~=word]) > .kit-region-beneath {
    margin-block-start: .5lh;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-name {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--_kit-text-ink);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell:first-child {
    grid-area: 1 / 1;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell + .kit-region-cell {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-span: var(--kit-span, 0);
    grid-area: 1 / 2;
    justify-self: start;
    min-inline-size: calc(var(--_kit-chart-span) * 100%);
    max-inline-size: calc(var(--kit-span, 1) * 100%);
    margin-inline-start: calc((var(--_kit-chart-at) + var(--_kit-chart-span) * (var(--_kit-chart-at) - .5)) * 100%);
    translate: calc(var(--_kit-chart-at) * -100%) 0;
    padding-inline: calc(var(--_kit-stack) / 2);
    text-align: center;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  @media screen and (width < 720px) {
    .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] > .kit-region-axis[data-kit-side=leading] {
      grid-auto-rows: minmax(max(var(--_kit-target), 3lh), 1fr);
    }
    .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=columns] > .kit-region-axis[data-kit-side=leading] > .kit-region-word {
      align-self: end;
      padding-block-end: 1lh;
      justify-self: start;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-columns {
      position: relative;
      grid-area: 1 / 1;
      grid-template-columns: max-content;
      grid-template-rows: none;
      text-align: start;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row {
      display: flex;
      align-self: end;
      column-gap: var(--_kit-stack);
    }
    .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row > .kit-region-cell {
      align-self: auto;
    }
    .kit-role-chart > .kit-region-frame[data-kit-holds~=columns] {
      container-type: inline-size;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-columns > .kit-region-row:first-child {
      position: absolute;
      inset-block-end: 100%;
      inset-inline-start: 0;
      inline-size: 100cqi;
      flex-wrap: wrap;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell:first-child {
      grid-area: 1 / 1 / auto / -1;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell + .kit-region-cell {
      grid-area: 2 / 2;
    }
    .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell + .kit-region-cell:not([data-kit-holds~=amount]) {
      max-inline-size: calc(var(--kit-span, 1) * 150%);
    }
    .kit-role-chart > .kit-region-frame > .kit-region-beneath > .kit-region-row > .kit-region-cell + .kit-region-cell:not([data-kit-holds~=amount]):nth-child(odd) {
      grid-area: 3 / 2;
    }
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-annotation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    inline-size: var(--_kit-chart-annotation);
    block-size: var(--_kit-chart-annotation);
    color: var(--_kit-text-ink);
    font-size: var(--_kit-label-size);
    border: var(--_kit-rule) solid currentColor;
    border-radius: 50%;
  }
  .kit-role-chart > .kit-region-annotations {
    display: grid;
    gap: var(--_kit-rhythm);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--_kit-label-size);
  }
  .kit-role-chart > .kit-region-annotations > .kit-region-note {
    display: flex;
    align-items: baseline;
    gap: var(--_kit-stack);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-behind > .kit-region-gridlines > .kit-region-stroke {
    stroke: var(--_kit-wash-muted);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-behind > .kit-region-references > .kit-region-shape {
    fill: var(--_kit-wash-muted);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-behind > .kit-region-references > .kit-region-stroke {
    stroke: var(--_kit-text-muted);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-context > .kit-region-stroke {
    stroke: var(--_kit-text-muted);
    stroke-width: var(--_kit-chart-context);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-annotations > .kit-region-stroke,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-leaders > .kit-region-stroke {
    stroke: var(--_kit-text-muted);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-arrows > .kit-region-stroke {
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-arrows > marker > .kit-region-shape {
    x: calc(-1 * var(--_kit-chart-point));
    y: calc(var(--_kit-chart-line) / -2);
    width: var(--_kit-chart-point);
    height: var(--_kit-chart-line);
    fill: currentColor;
    transform-origin: 0 0;
    rotate: 30deg;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-arrows > marker > .kit-region-shape + .kit-region-shape {
    rotate: -30deg;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-case,
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-arrow,
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-flag {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    position: absolute;
    inset-inline-start: calc(var(--_kit-chart-at) * 100%);
    inset-block-start: calc((1 - var(--_kit-chart-to)) * 100%);
    translate: var(--kit-dx, clamp(calc(var(--_kit-chart-at) * -100cqi), var(--_kit-chart-point), calc((1 - var(--_kit-chart-at)) * 100cqi - 100%))) var(--kit-dy, -100%);
    padding-inline: var(--_kit-rhythm);
    color: var(--_kit-text-ink);
    white-space: nowrap;
    background: var(--_kit-surface-beneath);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-case[aria-hidden=true],
  .kit-role-chart > .kit-region-frame > .kit-region-labels > .kit-region-flag[aria-hidden=true],
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value[aria-hidden=true] {
    visibility: hidden;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > :is(.kit-region-series, .kit-region-references, .kit-region-box, .kit-region-responses) > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-behind > .kit-region-references > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-point,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-point {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-span: var(--kit-span);
    --_kit-chart-from: var(--kit-from);
    --_kit-chart-to: var(--kit-to);
  }
  .kit-role-chart > .kit-region-legend > .kit-region-series > .kit-region-sample > .kit-region-point {
    --_kit-chart-at: .5;
    --_kit-chart-to: .5;
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-image > :is(.kit-region-series, .kit-region-references) > .kit-region-shape,
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-behind > .kit-region-references > .kit-region-shape,
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate {
    x: calc((var(--_kit-chart-at) - var(--_kit-chart-span) / 2) * 100%);
    y: calc((1 - max(var(--_kit-chart-from), var(--_kit-chart-to))) * 100%);
    width: calc(var(--_kit-chart-span) * 100%);
    height: calc(max(var(--_kit-chart-to) - var(--_kit-chart-from), var(--_kit-chart-from) - var(--_kit-chart-to)) * 100%);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > :is(.kit-region-series, .kit-region-references, .kit-region-box, .kit-region-responses) > .kit-region-shape,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-behind > .kit-region-references > .kit-region-shape,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-point {
    x: calc(min(var(--_kit-chart-from), var(--_kit-chart-to)) * 100%);
    y: calc((var(--_kit-chart-at) - var(--_kit-chart-span) / 2) * 100%);
    width: calc(max(var(--_kit-chart-to) - var(--_kit-chart-from), var(--_kit-chart-from) - var(--_kit-chart-to)) * 100%);
    height: calc(var(--_kit-chart-span) * 100%);
  }
  .kit-role-chart .kit-region-point {
    transform-box: view-box;
    translate: calc(var(--_kit-chart-at) * 100%) calc((1 - var(--_kit-chart-to)) * 100%);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-point {
    translate: calc(var(--_kit-chart-to) * 100%) calc(var(--_kit-chart-at) * 100% + var(--kit-lane, 0) * (var(--_kit-chart-point) + var(--_kit-rule)));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > :is(.kit-region-outline, .kit-region-whiskers, .kit-region-median) > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > :is(.kit-region-outline, .kit-region-whiskers, .kit-region-median) > .kit-region-sample > .kit-region-stroke {
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
    stroke-linecap: round;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-whiskers > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-whiskers > .kit-region-sample > .kit-region-stroke {
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-box > .kit-region-shape,
  .kit-role-chart > .kit-region-legend > .kit-region-box > .kit-region-sample > .kit-region-shape {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart > .kit-region-legend > .kit-region-letters {
    color: var(--_kit-text-ink);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets] {
    --_kit-overflow-fade-extent: var(--_kit-cut-reveal);
    --_kit-overflow-fade-surface: var(--_kit-surface);
    grid-template-columns: max-content minmax(var(--_kit-chart-panel-least), 1fr);
    overflow-x: auto;
    overflow-y: clip;
    container-type: scroll-state;
    scroll-padding-inline: var(--_kit-overflow-fade-extent);
    scrollbar-width: none;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:before,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:after {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
    align-self: stretch;
    inline-size: var(--_kit-overflow-fade-extent);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:before {
    --_kit-overflow-fade-direction: to left;
    justify-self: start;
    inset-inline-start: 0;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:after {
    --_kit-overflow-fade-direction: to right;
    justify-self: end;
    inset-inline-end: 0;
  }
  @container scroll-state(scrollable: inline-start) {
    .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:before {
      content: "";
    }
  }
  @container scroll-state(scrollable: inline-end) {
    .kit-role-chart[data-kit-axis=inline] > .kit-region-frame[data-kit-holds~=brackets]:after {
      content: "";
    }
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-letters,
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-brackets {
    display: grid;
    grid-row: 1;
    grid-template-rows: minmax(0, 1fr);
    column-gap: var(--_kit-stack);
    color: var(--_kit-text-ink);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-letters > .kit-region-word {
    --_kit-chart-at: var(--kit-at);
    grid-area: 1 / 1;
    align-self: start;
    position: relative;
    inset-block-start: calc(var(--_kit-chart-at) * 100%);
    translate: 0 -50%;
    white-space: nowrap;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-brackets > .kit-region-bracket {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-span: var(--kit-span);
    --_kit-chart-tier: var(--kit-tier);
    display: flex;
    align-items: center;
    gap: var(--_kit-rhythm);
    grid-row: 1;
    grid-column: var(--_kit-chart-tier);
    align-self: start;
    position: relative;
    inset-block-start: calc((var(--_kit-chart-at) - var(--_kit-chart-span) / 2) * 100%);
    block-size: calc(var(--_kit-chart-span) * 100%);
    white-space: nowrap;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-brackets > .kit-region-bracket:before {
    content: "";
    flex: none;
    align-self: stretch;
    inline-size: var(--_kit-stack);
    border: var(--_kit-rule) solid currentColor;
    border-inline-start: 0;
  }
  .kit-role-chart .kit-region-series > .kit-region-point > .kit-region-shape,
  .kit-role-chart .kit-region-sample > .kit-region-point > .kit-region-shape,
  .kit-role-chart .kit-region-responses > .kit-region-point > .kit-region-shape {
    x: calc(var(--_kit-chart-point) / -2);
    y: calc(var(--_kit-chart-point) / -2);
    width: var(--_kit-chart-point);
    height: var(--_kit-chart-point);
    fill: currentColor;
  }
  .kit-role-chart .kit-region-series > .kit-region-point > .kit-region-shape + .kit-region-shape,
  .kit-role-chart .kit-region-sample > .kit-region-point > .kit-region-shape + .kit-region-shape,
  .kit-role-chart .kit-region-responses > .kit-region-point > .kit-region-shape + .kit-region-shape {
    display: none;
  }
  .kit-role-chart .kit-region-series[data-kit-series=second] .kit-region-point > .kit-region-shape {
    x: calc((var(--_kit-chart-point) - var(--_kit-chart-line)) / -2);
    y: calc((var(--_kit-chart-point) - var(--_kit-chart-line)) / -2);
    width: calc(var(--_kit-chart-point) - var(--_kit-chart-line));
    height: calc(var(--_kit-chart-point) - var(--_kit-chart-line));
    fill: none;
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart .kit-region-series[data-kit-series=third] .kit-region-point > .kit-region-shape,
  .kit-role-chart .kit-region-series[data-kit-series=fourth] .kit-region-point > .kit-region-shape {
    x: calc(var(--_kit-chart-point) / -2 - var(--_kit-chart-line) / 2);
    y: calc(var(--_kit-chart-line) / -2);
    width: calc(var(--_kit-chart-point) + var(--_kit-chart-line));
    height: var(--_kit-chart-line);
  }
  .kit-role-chart .kit-region-series[data-kit-series=third] .kit-region-point > .kit-region-shape + .kit-region-shape,
  .kit-role-chart .kit-region-series[data-kit-series=fourth] .kit-region-point > .kit-region-shape + .kit-region-shape {
    display: inline;
    x: calc(var(--_kit-chart-line) / -2);
    y: calc(var(--_kit-chart-point) / -2 - var(--_kit-chart-line) / 2);
    width: var(--_kit-chart-line);
    height: calc(var(--_kit-chart-point) + var(--_kit-chart-line));
  }
  .kit-role-chart .kit-region-series[data-kit-series=fourth] .kit-region-point > .kit-region-shape {
    transform-origin: 0 0;
    rotate: 45deg;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-interval {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-from: var(--kit-from);
    --_kit-chart-to: var(--kit-to);
  }
  .kit-role-chart > .kit-region-legend > .kit-region-interval > .kit-region-sample {
    inline-size: 1em;
  }
  .kit-role-chart > .kit-region-legend > .kit-region-interval > .kit-region-sample > .kit-region-interval {
    --_kit-chart-at: .5;
    --_kit-chart-from: 0;
    --_kit-chart-to: 1;
  }
  .kit-role-chart .kit-region-interval > .kit-region-shape {
    x: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-point) / 2);
    y: calc((1 - max(var(--_kit-chart-from), var(--_kit-chart-to))) * 100% - var(--_kit-chart-line) / 2);
    width: var(--_kit-chart-point);
    height: var(--_kit-chart-line);
    fill: currentColor;
  }
  .kit-role-chart .kit-region-interval > .kit-region-shape:first-child {
    x: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-line) / 2);
    y: calc((1 - max(var(--_kit-chart-from), var(--_kit-chart-to))) * 100%);
    width: var(--_kit-chart-line);
    height: calc(max(var(--_kit-chart-to) - var(--_kit-chart-from), var(--_kit-chart-from) - var(--_kit-chart-to)) * 100%);
  }
  .kit-role-chart .kit-region-interval > .kit-region-shape:last-child {
    y: calc((1 - min(var(--_kit-chart-from), var(--_kit-chart-to))) * 100% - var(--_kit-chart-line) / 2);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-flag {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    transform-box: view-box;
    translate: calc(var(--_kit-chart-at) * 100%) calc((1 - var(--_kit-chart-to)) * 100%);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-flag > .kit-region-shape {
    x: calc(var(--_kit-chart-point) * -1);
    y: calc(var(--_kit-chart-point) * -1);
    width: calc(var(--_kit-chart-point) * 2);
    height: calc(var(--_kit-chart-point) * 2);
    rx: var(--_kit-chart-point);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-interval > .kit-region-shape {
    x: calc(max(var(--_kit-chart-from), var(--_kit-chart-to)) * 100% - var(--_kit-chart-line) / 2);
    y: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-point) / 2);
    width: var(--_kit-chart-line);
    height: var(--_kit-chart-point);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-interval > .kit-region-shape:first-child {
    x: calc(min(var(--_kit-chart-from), var(--_kit-chart-to)) * 100%);
    y: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-line) / 2);
    width: calc(max(var(--_kit-chart-to) - var(--_kit-chart-from), var(--_kit-chart-from) - var(--_kit-chart-to)) * 100%);
    height: var(--_kit-chart-line);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-interval > .kit-region-shape:last-child {
    x: calc(min(var(--_kit-chart-from), var(--_kit-chart-to)) * 100% - var(--_kit-chart-line) / 2);
  }
  .kit-role-chart[data-kit-axis=block] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored {
    x: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-line) / 2);
    y: calc((1 - var(--_kit-chart-to)) * 100% - var(--_kit-chart-point) / 2);
    width: var(--_kit-chart-line);
    height: var(--_kit-chart-point);
  }
  .kit-role-chart > .kit-region-legend > .kit-region-censored > .kit-region-sample > .kit-region-stroke {
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart > .kit-region-supporting {
    margin-block-start: calc(var(--_kit-stack) * -1 + var(--_kit-rhythm));
  }
  .kit-role-chart > .kit-region-legend > .kit-region-censored > .kit-region-sample > .kit-region-censored {
    x: calc(50% - var(--_kit-chart-line) / 2);
    y: calc(50% - var(--_kit-chart-point) / 2);
    width: var(--_kit-chart-line);
    height: var(--_kit-chart-point);
    fill: currentColor;
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate {
    x: calc(var(--_kit-chart-to) * 100% - var(--_kit-chart-side, var(--_kit-chart-point)) / 2);
    y: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-side, var(--_kit-chart-point)) / 2);
    width: var(--_kit-chart-side, var(--_kit-chart-point));
    height: var(--_kit-chart-side, var(--_kit-chart-point));
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-diamond > .kit-region-shape {
    x: calc(min(var(--_kit-chart-from), var(--_kit-chart-to)) * 100%);
    y: calc(var(--_kit-chart-at) * 100% - var(--_kit-chart-side, var(--_kit-chart-point)) / 2);
    width: calc(max(var(--_kit-chart-to) - var(--_kit-chart-from), var(--_kit-chart-from) - var(--_kit-chart-to)) * 100%);
    height: var(--_kit-chart-side, var(--_kit-chart-point));
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
  }
  .kit-role-chart[data-kit-axis=inline] > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-diamond > .kit-region-shape + .kit-region-shape {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-series > .kit-region-sample > .kit-region-stroke {
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
    stroke-linecap: round;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=second] > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=second] > .kit-region-sample > .kit-region-stroke {
    stroke-dasharray: 0 calc(2 * var(--_kit-chart-line));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=third] > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=third] > .kit-region-sample > .kit-region-stroke {
    stroke-dasharray: calc(4 * var(--_kit-chart-line)) calc(1.5 * var(--_kit-chart-line));
    stroke-linecap: butt;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=fourth] > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=fourth] > .kit-region-sample > .kit-region-stroke {
    stroke-dasharray: calc(1.5 * var(--_kit-chart-line)) calc(2 * var(--_kit-chart-line)) 0 calc(2 * var(--_kit-chart-line));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=first],
  .kit-role-chart > .kit-region-frame > .kit-region-drawing > .kit-region-series[data-kit-series=first],
  .kit-role-chart > .kit-region-frame > .kit-region-symbols > .kit-region-series[data-kit-series=first],
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=first] > .kit-region-sample {
    color: var(--kit-tag, var(--_kit-data-category-1));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=second],
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=second] > .kit-region-sample {
    color: var(--kit-tag, var(--_kit-data-category-2));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=third],
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=third] > .kit-region-sample {
    color: var(--kit-tag, var(--_kit-data-category-3));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series=fourth],
  .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=fourth] > .kit-region-sample {
    color: var(--kit-tag, var(--_kit-data-category-4));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate,
  .kit-role-chart > .kit-region-legend > .kit-region-series > .kit-region-sample > .kit-region-shape {
    fill: var(--_kit-chart-bar);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate {
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series:not([data-kit-series=first]) > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series:not([data-kit-series=first]) > .kit-region-censored,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series:not([data-kit-series=first]) > .kit-region-estimate,
  .kit-role-chart > .kit-region-legend > .kit-region-series:not([data-kit-series=first]) > .kit-region-sample > .kit-region-shape {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-censored,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-estimate,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-diamond > .kit-region-shape {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-from: var(--kit-from);
    --_kit-chart-to: var(--kit-to);
    --_kit-chart-side: calc(sqrt(var(--kit-size)) * var(--_kit-chart-symbol));
    fill: currentColor;
    stroke: none;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-stroke[data-kit-state~=ongoing] {
    stroke-dasharray: var(--_kit-chart-dash);
    stroke-linecap: butt;
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series > .kit-region-shape[data-kit-state~=ongoing] {
    fill: none;
    stroke: currentColor;
    stroke-width: var(--_kit-chart-line);
    stroke-dasharray: var(--_kit-chart-dash);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-prior > .kit-region-stroke,
  .kit-role-chart > .kit-region-legend > .kit-region-prior > .kit-region-sample > .kit-region-stroke {
    stroke: var(--_kit-text-muted);
    stroke-width: var(--_kit-rule);
    stroke-dasharray: var(--_kit-chart-dash);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-shape,
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-point,
  .kit-role-chart > .kit-region-legend > .kit-region-response {
    --_kit-chart-lean: var(--kit-lean);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-shape,
  .kit-role-chart > .kit-region-legend > .kit-region-response > .kit-region-sample > .kit-region-shape {
    fill: color-mix(in oklab, color-mix(in oklab, var(--_kit-data-diverging-low), var(--_kit-data-diverging-mid) calc((1 + min(var(--_kit-chart-lean), 0)) * 100%)), var(--_kit-data-diverging-high) calc(max(var(--_kit-chart-lean), 0) * 100%));
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-shape {
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-point {
    translate: none;
    fill: none;
    stroke: var(--_kit-text-ink);
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart > .kit-region-readout {
    position: absolute;
    inset-block-start: var(--kit-top, 0);
    inset-inline-start: var(--kit-left, 0);
    z-index: var(--_kit-tier-held-over);
    box-sizing: border-box;
    inline-size: max-content;
    max-inline-size: 100%;
    padding-inline: var(--_kit-stack);
    pointer-events: none;
  }
  .kit-role-chart > .kit-region-readout[data-kit-holds~=reading]:before {
    content: "";
    position: absolute;
    inset-block-start: var(--kit-guide-top, 0);
    inset-inline-start: var(--kit-guide, 0);
    block-size: var(--kit-guide-height, 0);
    border-inline-start: var(--_kit-rule) solid var(--_kit-text-muted);
  }
  .kit-role-chart > .kit-region-readout > .kit-region-reading {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    padding: var(--_kit-inset-tight);
    font-size: var(--_kit-label-size);
  }
  .kit-role-chart > .kit-region-readout > .kit-region-reading > .kit-region-line {
    margin: 0;
  }
  .kit-role-chart > .kit-region-readout > .kit-region-reading > .kit-region-line:first-child {
    color: var(--_kit-text-muted);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame {
    position: relative;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--_kit-chart-month-least)), 1fr));
    grid-template-rows: none;
    gap: var(--_kit-region) var(--_kit-inset);
    padding-block-start: 0;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame[data-kit-holds~=axis] {
    grid-template-columns: minmax(0, 1fr);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-image {
    position: absolute;
    grid-area: auto;
    inset-block-start: 0;
    inset-inline-start: 0;
    block-size: 100%;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: var(--_kit-rhythm);
    min-inline-size: 0;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-name {
    min-block-size: 1lh;
    color: var(--_kit-text-ink);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-axis[data-kit-side=above] {
    min-block-size: 1lh;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-axis[data-kit-side=above] {
    display: grid;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-axis[data-kit-side=above] > .kit-region-word {
    --_kit-chart-at: var(--kit-at);
    grid-area: 1 / 1;
    white-space: nowrap;
    justify-self: start;
    margin-inline-start: calc(var(--_kit-chart-at) * 100%);
    translate: -50% 0;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells,
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-labels {
    grid-area: 2 / 1;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 7 / 6;
    overflow: visible;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month[data-kit-holds~=axis] > .kit-region-cells {
    block-size: var(--_kit-chart-height);
    aspect-ratio: auto;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-shape,
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-point,
  .kit-role-chart:is([data-kit-axis=calendar], [data-kit-axis=map]) > .kit-region-legend > .kit-region-shades > .kit-region-sample > .kit-region-shape {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-span: var(--kit-span);
    --_kit-chart-from: var(--kit-from);
    --_kit-chart-to: var(--kit-to);
    --_kit-chart-shade: var(--kit-shade);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-shape {
    x: calc((var(--_kit-chart-at) - var(--_kit-chart-span) / 2) * 100%);
    y: calc((1 - var(--_kit-chart-to)) * 100%);
    width: calc(var(--_kit-chart-span) * 100%);
    height: calc((var(--_kit-chart-to) - var(--_kit-chart-from)) * 100%);
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-shape,
  .kit-role-chart:is([data-kit-axis=calendar], [data-kit-axis=map]) > .kit-region-legend > .kit-region-shades > .kit-region-sample > .kit-region-shape {
    fill: color-mix(in oklch, var(--_kit-data-sequential-low), var(--_kit-data-sequential-high) calc(var(--_kit-chart-shade) * 25%));
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-point > .kit-region-shape {
    x: calc(var(--_kit-chart-span) * -50%);
    y: 0;
    width: calc(var(--_kit-chart-span) * 100%);
    height: calc((var(--_kit-chart-to) - var(--_kit-chart-from)) * 100%);
    fill: none;
    stroke: var(--_kit-text-ink);
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-labels {
    position: relative;
    pointer-events: none;
  }
  .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-labels > .kit-region-value {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    position: absolute;
    inset-inline-start: calc(var(--_kit-chart-at) * 100%);
    inset-block-start: calc((1 - var(--_kit-chart-to)) * 100%);
    white-space: nowrap;
    translate: -50% -50%;
    padding-inline: var(--_kit-rhythm);
    color: var(--_kit-text-ink);
    font-variant-numeric: tabular-nums;
    background: var(--_kit-surface-beneath);
  }
  .kit-role-chart:is([data-kit-axis=calendar], [data-kit-axis=map]) > .kit-region-legend > .kit-region-shades > .kit-region-sample {
    inline-size: 5em;
  }
  .kit-role-chart:is([data-kit-axis=calendar], [data-kit-axis=map]) > .kit-region-legend > .kit-region-shades > .kit-region-sample > .kit-region-shape {
    x: calc(var(--_kit-chart-shade) * 20%);
    y: 0;
    width: 20%;
    height: 100%;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    padding-block-start: 0;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing,
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols,
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-image {
    grid-area: 1 / 1;
    block-size: auto;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols,
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-image {
    contain: size;
    block-size: 100%;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols {
    pointer-events: none;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing .kit-region-shape,
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing .kit-region-point {
    vector-effect: non-scaling-stroke;
    stroke-linejoin: round;
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing > :is(.kit-region-series, .kit-region-shapes) > .kit-region-shape {
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing > .kit-region-series > .kit-region-shape {
    --_kit-chart-shade: var(--kit-shade);
    fill: color-mix(in oklch, var(--_kit-data-sequential-low), var(--_kit-data-sequential-high) calc(var(--_kit-chart-shade) * 25%));
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing > .kit-region-shapes > .kit-region-shape {
    fill: var(--_kit-wash-muted);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing > .kit-region-point {
    fill: none;
    stroke: var(--_kit-text-ink);
    stroke-width: var(--_kit-chart-line);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols > .kit-region-series > .kit-region-symbol,
  .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > .kit-region-sample {
    --_kit-chart-size: var(--kit-size);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols > .kit-region-series > .kit-region-symbol,
  .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > .kit-region-sample > .kit-region-symbol {
    fill: var(--_kit-data-category-1);
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-rule);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-symbols > .kit-region-series > .kit-region-symbol {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-to: var(--kit-to);
    cx: calc(var(--_kit-chart-at) * 100%);
    cy: calc((1 - var(--_kit-chart-to)) * 100%);
    r: calc(sqrt(var(--_kit-chart-size)) * var(--_kit-chart-symbol) / 2);
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > .kit-region-sample {
    inline-size: calc(sqrt(var(--_kit-chart-size)) * var(--_kit-chart-symbol));
    block-size: calc(sqrt(var(--_kit-chart-size)) * var(--_kit-chart-symbol));
  }
  .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > .kit-region-sample > .kit-region-symbol {
    cx: 50%;
    cy: 50%;
    r: calc(50% - var(--_kit-rule) / 2);
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame {
    --_kit-chart-hue: var(--_kit-data-subject);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    padding-block-start: 0;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands,
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-image {
    grid-area: 1 / 1;
    block-size: max(var(--_kit-chart-height), var(--kit-rows, 0) * (3lh + var(--_kit-stack)));
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=first] {
    --_kit-chart-hue: var(--_kit-data-category-1);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=second] {
    --_kit-chart-hue: var(--_kit-data-category-2);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=third] {
    --_kit-chart-hue: var(--_kit-data-category-3);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=fourth] {
    --_kit-chart-hue: var(--_kit-data-category-4);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=fifth] {
    --_kit-chart-hue: var(--_kit-data-category-5);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=sixth] {
    --_kit-chart-hue: var(--_kit-data-category-6);
  }
  .kit-role-chart[data-kit-axis=flow] .kit-region-shape[data-kit-category=rest] {
    --_kit-chart-hue: var(--_kit-data-rest);
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands,
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value {
    --_kit-chart-room: min(var(--_kit-chart-node) + 2 * var(--_kit-stack) + var(--_kit-chart-value), var(--_kit-chart-lane) - var(--_kit-chart-node) - var(--_kit-stack));
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands {
    --_kit-chart-lane: calc(var(--kit-span) * 100%);
    position: relative;
    justify-self: start;
    inline-size: calc(var(--_kit-chart-lane) - var(--_kit-chart-room));
    inset-inline-start: calc(var(--kit-at) * 100% + var(--_kit-chart-room));
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > .kit-region-shape {
    fill: color-mix(in oklch, var(--_kit-chart-hue) 35%, transparent);
    stroke: var(--_kit-surface);
    stroke-width: var(--_kit-rule);
    vector-effect: non-scaling-stroke;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > .kit-region-point {
    translate: none;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > .kit-region-point > .kit-region-shape {
    fill: none;
    stroke: var(--_kit-text-ink);
    stroke-width: var(--_kit-chart-line);
    vector-effect: non-scaling-stroke;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-image > .kit-region-nodes > .kit-region-shape {
    --_kit-chart-at: var(--kit-at);
    --_kit-chart-from: var(--kit-from);
    --_kit-chart-to: var(--kit-to);
    x: calc(var(--_kit-chart-at) * 100%);
    y: calc((1 - var(--_kit-chart-to)) * 100%);
    width: var(--_kit-chart-node);
    height: calc((var(--_kit-chart-to) - var(--_kit-chart-from)) * 100%);
    fill: var(--_kit-chart-hue);
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels {
    display: grid;
    grid-area: 1 / 1;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-rows: 100%;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value {
    --_kit-chart-span: var(--kit-span);
    --_kit-chart-lane: 100%;
    --_kit-chart-last: calc(1 - clamp(0, (1 - var(--_kit-chart-at) - var(--_kit-chart-span)) * 1000, 1)) ;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row: 1;
    grid-column: calc(round(var(--_kit-chart-at) / var(--_kit-chart-span)) + 1);
    align-self: start;
    justify-self: start;
    box-sizing: border-box;
    max-inline-size: calc(var(--_kit-chart-room) + (100% - var(--_kit-chart-room)) * var(--_kit-chart-last) - var(--_kit-chart-node));
    padding-inline: var(--_kit-stack);
    margin-inline-start: var(--_kit-chart-node);
    inset-inline-start: 0;
    translate: 0 -50%;
    white-space: normal;
    color: color-mix(in srgb, var(--_kit-text-ink) calc(clamp(0, (1 - var(--_kit-chart-at) - var(--_kit-chart-span)) * 1000, 1) * 100%), var(--_kit-text-muted));
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value > .kit-region-line {
    text-box-trim: none;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value > .kit-region-line:not(:first-child) {
    grid-area: 2 / 1;
    justify-self: start;
    color: var(--_kit-text-ink);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value > .kit-region-line:nth-child(2) {
    opacity: calc(1 - var(--kit-compact, 0));
  }
  .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-labels > .kit-region-value > .kit-region-line:nth-child(3) {
    opacity: var(--kit-compact, 0);
  }
}
@layer absence {
  .kit-role-chart[data-kit-axis=block][data-kit-state~=loading] > .kit-region-frame,
  [data-kit-state~=loading] .kit-role-chart[data-kit-axis=block] > .kit-region-frame {
    background-image:
      repeating-linear-gradient(
        to bottom,
        transparent 0 calc(25% - var(--_kit-rule)),
        var(--_kit-surface) calc(25% - var(--_kit-rule)) 25%);
  }
  .kit-role-chart[data-kit-axis=inline][data-kit-state~=loading] > .kit-region-frame,
  [data-kit-state~=loading] .kit-role-chart[data-kit-axis=inline] > .kit-region-frame {
    background-image:
      repeating-linear-gradient(
        to bottom,
        transparent 0 calc(var(--_kit-target) - var(--_kit-stack)),
        var(--_kit-surface) calc(var(--_kit-target) - var(--_kit-stack)) var(--_kit-target));
  }
  .kit-role-chart > .kit-region-name {
    color: var(--_kit-text-ink);
  }
}
@layer print {
  @media print {
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > .kit-region-shape {
      stroke: var(--_kit-panel);
    }
  }
  @media print {
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > .kit-region-cells > .kit-region-series > .kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > .kit-region-drawing > .kit-region-series > .kit-region-shape,
    .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-responses > .kit-region-shape {
      stroke: var(--_kit-panel);
    }
  }
  @media print {
    .kit-role-chart > .kit-region-frame > .kit-region-image > .kit-region-series[data-kit-series],
    .kit-role-chart > .kit-region-frame > .kit-region-drawing > .kit-region-series[data-kit-series],
    .kit-role-chart > .kit-region-frame > .kit-region-symbols > .kit-region-series[data-kit-series],
    .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series] > .kit-region-sample {
      color: var(--_kit-text-ink);
    }
  }
}
@layer without-fills {
  @media print, (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-references > rect.kit-region-shape {
      fill: none;
      stroke: var(--_kit-rule-colour);
      stroke-width: var(--_kit-rule);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > svg > .kit-region-series > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-series > path.kit-region-shape,
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-legend > .kit-region-shades > svg > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-shades > svg > rect.kit-region-shape {
      fill: var(--_kit-ink);
      fill-opacity: calc((var(--_kit-chart-shade) + 1) / 5);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-shapes > path.kit-region-shape {
      fill: none;
      stroke: var(--_kit-rule-colour);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg > .kit-region-series > circle.kit-region-symbol,
    .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > svg > circle.kit-region-symbol {
      fill: none;
      stroke: var(--_kit-ink);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > svg > .kit-region-nodes > rect.kit-region-shape {
      fill: var(--_kit-ink);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > path.kit-region-shape {
      fill: var(--_kit-ink);
      fill-opacity: .2;
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-responses > rect.kit-region-shape,
    .kit-role-chart > .kit-region-legend > .kit-region-response > svg > rect.kit-region-shape {
      fill: var(--_kit-ink);
      fill-opacity: calc(.2 + .6 * max(var(--_kit-chart-lean), -1 * var(--_kit-chart-lean)));
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > svg > .kit-region-series > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-series > path.kit-region-shape,
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-legend > .kit-region-shades > svg > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-shades > svg > rect.kit-region-shape {
      fill: CanvasText;
      stroke: Canvas;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > svg > .kit-region-series > .kit-region-point > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-point,
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > .kit-region-point > path.kit-region-shape,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-responses > .kit-region-point {
      stroke: Highlight;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=calendar] > .kit-region-frame > .kit-region-month > svg > .kit-region-series > .kit-region-point > rect.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-point,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-responses > .kit-region-point {
      filter: drop-shadow(var(--_kit-chart-line) 0 0 Canvas) drop-shadow(calc(-1 * var(--_kit-chart-line)) 0 0 Canvas) drop-shadow(0 var(--_kit-chart-line) 0 Canvas) drop-shadow(0 calc(-1 * var(--_kit-chart-line)) 0 Canvas);
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg[viewBox] > .kit-region-shapes > path.kit-region-shape,
    .kit-role-chart[data-kit-axis=map] > .kit-region-frame > svg > .kit-region-series > circle.kit-region-symbol,
    .kit-role-chart[data-kit-axis=map] > .kit-region-legend > .kit-region-sizes > svg > circle.kit-region-symbol {
      stroke: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > svg > .kit-region-nodes > rect.kit-region-shape {
      fill: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart[data-kit-axis=flow] > .kit-region-frame > .kit-region-bands > path.kit-region-shape {
      fill: CanvasText;
      stroke: Canvas;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series > rect.kit-region-shape,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series > rect.kit-region-censored,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series > rect.kit-region-estimate {
      stroke: Canvas;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-responses > rect.kit-region-shape,
    .kit-role-chart > .kit-region-legend > .kit-region-response > svg > rect.kit-region-shape {
      fill: CanvasText;
      stroke: Canvas;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg.kit-region-image,
    .kit-role-chart > .kit-region-frame > svg.kit-region-behind,
    .kit-role-chart > .kit-region-frame > svg.kit-region-bands,
    .kit-role-chart > .kit-region-frame > svg.kit-region-drawing,
    .kit-role-chart > .kit-region-frame > svg.kit-region-symbols,
    .kit-role-chart > .kit-region-legend > * > svg.kit-region-sample {
      color: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > :is(.kit-region-gridlines, .kit-region-prior, .kit-region-references, .kit-region-context, .kit-region-annotations) > line.kit-region-stroke,
    .kit-role-chart > .kit-region-legend > .kit-region-prior > svg > line.kit-region-stroke {
      stroke: GrayText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-references > rect.kit-region-shape {
      stroke: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series[data-kit-series],
    .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series] > svg.kit-region-sample {
      color: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series[data-kit-series=first] > rect.kit-region-shape,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series[data-kit-series=first] > rect.kit-region-censored,
    .kit-role-chart > .kit-region-frame > svg > .kit-region-series[data-kit-series=first] > rect.kit-region-estimate,
    .kit-role-chart > .kit-region-legend > .kit-region-series[data-kit-series=first] > svg > rect.kit-region-shape {
      fill: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-chart > .kit-region-frame,
    .kit-role-chart > .kit-region-legend,
    .kit-role-chart > .kit-region-annotations {
      color: CanvasText;
    }
  }
}