@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-meter {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-role-entry-grid .kit-region-totals > .kit-region-row > .kit-region-total > .kit-role-meter {
    font-weight: 400;
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-role-entry-grid .kit-region-total > .kit-role-meter {
        flex: 1 1 100%;
      }
    }
  }
  .kit-role-fact-group > .kit-role-meter {
    flex: 1 1 calc((100% - var(--_kit-region)) / 2);
    min-inline-size: min(100%, calc((var(--_kit-pair-width) - var(--_kit-region)) / 2));
  }
  @media screen and (width >= 720px) {
    .kit-role-fact-group > .kit-role-meter {
      flex: 1 1 var(--_kit-fact-width);
      min-inline-size: min(100%, var(--_kit-fact-width));
      max-inline-size: min(100%, max(var(--_kit-fact-width), (100% - (var(--_kit-fact-count) - 1) * var(--_kit-region)) / var(--_kit-fact-count)));
    }
  }
  .kit-role-meter {
    display: grid;
    align-content: start;
    font-size: var(--_kit-body-size);
  }
  .kit-role-meter > .kit-region-name,
  .kit-role-meter > .kit-region-value,
  .kit-role-meter > .kit-region-bar,
  .kit-role-meter > .kit-region-supporting {
    min-inline-size: 0;
    margin: 0;
  }
  .kit-role-meter > .kit-region-name {
    margin-block-end: var(--_kit-stack);
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-role-meter > .kit-region-value {
    color: var(--_kit-text-ink);
  }
  .kit-role-meter > .kit-region-value[data-kit-holds~=reading] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(1lh - 1cap) var(--_kit-stack);
  }
  .kit-role-meter > .kit-region-value[data-kit-holds~=stamp] > .kit-region-reading {
    text-box-edge: text alphabetic;
  }
  .kit-role-meter > .kit-region-bar {
    position: relative;
    margin-block-start: var(--_kit-rhythm);
    padding-block: var(--_kit-rhythm);
  }
  .kit-role-meter > .kit-region-bar:after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: var(--kit-meter-mark);
    inline-size: var(--_kit-rule);
    background: var(--_kit-text-ink);
  }
  .kit-role-meter > .kit-region-bar > .kit-region-gauge {
    display: block;
    inline-size: 100%;
    block-size: var(--_kit-bar-height);
    border: 0;
    border-radius: 0;
    appearance: none;
    background: var(--_kit-wash);
    color: var(--_kit-text-ink);
  }
  .kit-role-meter > .kit-region-bar > .kit-region-gauge::-webkit-meter-bar {
    block-size: var(--_kit-bar-height);
    border: 0;
    border-radius: 0;
    background: none;
  }
  .kit-role-meter > .kit-region-bar > .kit-region-gauge::-webkit-meter-optimum-value,
  .kit-role-meter > .kit-region-bar > .kit-region-gauge::-webkit-meter-suboptimum-value,
  .kit-role-meter > .kit-region-bar > .kit-region-gauge::-webkit-meter-even-less-good-value {
    block-size: var(--_kit-bar-height);
    background: currentColor;
  }
  .kit-role-meter > .kit-region-bar > .kit-region-gauge::-moz-meter-bar {
    background: currentColor;
  }
  .kit-role-meter > .kit-region-bar > .kit-region-bound {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    inline-size: var(--kit-meter-bound);
    background: var(--_kit-wash);
  }
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] {
    background: var(--_kit-wash);
  }
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] > .kit-region-gauge {
    position: relative;
    background: none;
  }
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] > .kit-region-gauge::-webkit-meter-optimum-value,
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] > .kit-region-gauge::-webkit-meter-suboptimum-value,
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] > .kit-region-gauge::-webkit-meter-even-less-good-value {
    background:
      linear-gradient(
        transparent calc(50% - var(--_kit-rhythm) / 2),
        currentColor 0 calc(50% + var(--_kit-rhythm) / 2),
        transparent 0);
  }
  .kit-role-meter > .kit-region-bar[data-kit-holds~=bound] > .kit-region-gauge::-moz-meter-bar {
    background:
      linear-gradient(
        transparent calc(50% - var(--_kit-rhythm) / 2),
        currentColor 0 calc(50% + var(--_kit-rhythm) / 2),
        transparent 0);
  }
}
@layer layouts {
  .kit-layout-calendar .kit-region-month-cell > .kit-region-item > .kit-role-meter > .kit-region-value {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter {
    flex: none;
    min-inline-size: 0;
    overflow: hidden;
    font-size: var(--_kit-label-size);
  }
  .kit-layout-calendar .kit-region-block[data-kit-holds~=standing] > .kit-region-line > .kit-role-meter {
    font-size: clamp(0px, var(--_kit-calendar-hour-space) * 1000, var(--_kit-label-size));
  }
  .kit-layout-calendar .kit-region-block[data-kit-holds~=standings] > .kit-region-line > .kit-role-meter,
  .kit-layout-calendar .kit-region-block[data-kit-holds~=stamp] > .kit-region-line > .kit-role-meter {
    font-size: clamp(0px, var(--_kit-calendar-hour-space) * 1000, var(--_kit-label-size));
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter,
  .kit-layout-calendar .kit-region-month-cell > .kit-region-item > .kit-role-meter,
  .kit-layout-calendar .kit-region-day .kit-region-item .kit-role-meter {
    --_kit-bar-height: var(--_kit-calendar-edge-bar);
    display: inline;
    color: inherit;
    font-size: inherit;
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter > .kit-region-value,
  .kit-layout-calendar .kit-region-month-cell > .kit-region-item > .kit-role-meter > .kit-region-value,
  .kit-layout-calendar .kit-region-day .kit-region-item .kit-role-meter > .kit-region-value {
    display: inline-flex;
    color: inherit;
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter > .kit-region-bar,
  .kit-layout-calendar .kit-region-month-cell > .kit-region-item > .kit-role-meter > .kit-region-bar,
  .kit-layout-calendar .kit-region-day .kit-region-item .kit-role-meter > .kit-region-bar {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    margin: 0;
    padding: 0;
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter {
    font-size: var(--_kit-label-size);
    max-inline-size: calc(100cqi + var(--_kit-calendar-separator));
    padding-inline-start: var(--_kit-calendar-line-hang);
    white-space: normal;
  }
  .kit-layout-calendar .kit-region-block > .kit-region-line > .kit-role-meter:before {
    content: "\b7";
    float: inline-start;
    inline-size: var(--_kit-calendar-line-hang);
    margin-inline-start: calc(-1 * var(--_kit-calendar-line-hang));
    text-align: center;
  }
  .kit-layout-calendar [data-kit-state~=loading] > .kit-role-meter {
    background: var(--_kit-wash-muted);
    border-color: transparent;
    color: transparent;
    animation: kit-wait var(--_kit-appear) var(--_kit-settle) var(--_kit-wait) backwards;
  }
  .kit-layout-calendar [data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-meter {
    animation: none;
  }
  .kit-layout-calendar[data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-meter {
    animation: none;
  }
  [data-kit-state~=loading] .kit-layout-calendar :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-meter {
    animation: none;
  }
  .kit-region-group-heading > .kit-region-line > .kit-region-disclosure > .kit-region-summary > .kit-role-meter,
  .kit-region-group-heading > th > .kit-region-line > .kit-region-disclosure > .kit-region-summary > .kit-role-meter,
  .kit-region-group-heading > .kit-region-line > .kit-role-meter {
    display: block;
    font-size: inherit;
    > .kit-region-value {
      color: var(--_kit-text-muted);
    }
    > .kit-region-bar {
      position: absolute;
      inset-inline: 0;
      inset-block-end: 0;
      margin: 0;
      padding: 0;
    }
  }
}
@layer without-fills {
  @media print, (forced-colors: active) {
    .kit-role-meter > .kit-region-bar,
    .kit-role-meter > .kit-region-bar > .kit-region-bound {
      background: none;
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-meter > .kit-region-bar:after,
    .kit-role-meter > .kit-region-bar > .kit-region-gauge {
      forced-color-adjust: none;
      print-color-adjust: exact;
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-meter > .kit-region-bar:after {
      background: var(--_kit-ink);
    }
  }
  @media print, (forced-colors: active) {
    .kit-role-meter > .kit-region-bar > .kit-region-gauge {
      outline: var(--_kit-rule) solid var(--_kit-ink);
      outline-offset: calc(-1 * var(--_kit-rule));
      background: none;
      color: var(--_kit-ink);
    }
  }
  @media (forced-colors: active) {
    .kit-role-meter > .kit-region-bar:after {
      background: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .kit-role-meter > .kit-region-bar > .kit-region-gauge {
      outline-color: CanvasText;
      color: CanvasText;
    }
  }
}