@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-segmented-control {
    overflow-wrap: break-word;
  }
}
@layer spacing {
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-region-line + .kit-role-segmented-control {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
}
@layer roles {
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control + .kit-region-reason {
    display: block;
    inline-size: 100%;
    color: var(--_kit-text-muted);
  }
  .kit-role-row[data-kit-holds~=reason] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
    margin-block-end: var(--_kit-stack);
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
    min-inline-size: 0;
  }
  .kit-role-row[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
    flex: 1 1 100%;
  }
  .kit-role-row[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
    flex: 0 0 auto;
    margin-block-start: 0;
    margin-inline-start: auto;
  }
  .kit-role-row[data-kit-holds~=link] .kit-role-segmented-control {
    position: relative;
    z-index: 1;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row[data-kit-holds~=question] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
        margin-block-start: 0;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row[data-kit-holds~=question] > .kit-region-content-column > .kit-region-subject-column > :where(.kit-region-question) > .kit-role-segmented-control {
        margin-block-start: 0;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
        grid-column: avatar / actions;
        contain: inline-size;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > :where(.kit-region-question) > .kit-role-segmented-control,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > :where(.kit-region-question) > .kit-role-segmented-control {
        grid-column: avatar / actions;
        contain: inline-size;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
        grid-column: question;
        grid-row: 1;
        align-self: first baseline;
        justify-self: end;
        margin-block-start: 0;
        margin-inline-start: var(--_kit-region);
        contain: none;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control + .kit-region-reason,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control + .kit-region-reason {
        grid-column: avatar / run-end;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run][data-kit-fit~=under]) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run][data-kit-fit~=under]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts])[data-kit-holds~=segmented-control] > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
        grid-column: actions;
      }
    }
  }
  .kit-role-segmented-control {
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    box-sizing: border-box;
    max-inline-size: 100%;
    block-size: var(--_kit-control-height);
    border-radius: var(--_kit-radius);
    background: var(--_kit-wash-muted);
    vertical-align: middle;
  }
  @media (scripting: enabled) {
    .kit-role-segmented-control[data-kit-fit=pending] {
      visibility: hidden;
    }
  }
  .kit-role-segmented-control > .kit-region-segment {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: auto;
    align-items: center;
    justify-content: center;
    column-gap: var(--_kit-rhythm);
    padding-inline: var(--_kit-inset);
    border-radius: var(--_kit-radius);
    color: var(--_kit-text-ink);
    font-size: var(--_kit-label-size);
    white-space: nowrap;
    text-decoration-line: none;
  }
  .kit-role-segmented-control > .kit-region-segment[data-kit-holds~=icon] {
    grid-template-columns: auto auto;
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-segment-name,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-short,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-short-reserve {
    grid-area: 1 / -2;
    justify-self: center;
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-short-reserve {
    font-weight: var(--_kit-strong-weight);
    visibility: hidden;
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio {
    position: absolute;
    inset: 0;
    appearance: none;
    margin: 0;
    border: 0;
    border-radius: inherit;
    background: none;
    -webkit-tap-highlight-color: transparent;
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-segment-name,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-icon + .kit-region-segment-name,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-segment-name + .kit-region-reserve + .kit-region-short,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-icon + .kit-region-segment-name + .kit-region-reserve + .kit-region-short,
  .kit-role-segmented-control > .kit-region-segment[aria-current=page] > .kit-region-segment-name {
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-segment-name + .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-icon + .kit-region-segment-name + .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-segment-name + .kit-region-reserve + .kit-region-short + .kit-region-short-reserve,
  .kit-role-segmented-control > .kit-region-segment > .kit-region-radio:checked + .kit-region-icon + .kit-region-segment-name + .kit-region-reserve + .kit-region-short + .kit-region-short-reserve,
  .kit-role-segmented-control > .kit-region-segment[aria-current=page] > .kit-region-reserve {
    font-weight: inherit;
  }
  .kit-role-segmented-control > .kit-region-segment:has(> .kit-region-radio:checked):before,
  .kit-role-segmented-control > .kit-region-segment[aria-current=page]:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--_kit-segment-inset);
    border-radius: calc(var(--_kit-radius) - var(--_kit-segment-inset));
    background: light-dark(var(--_kit-panel-surface), color-mix(in oklch, var(--_kit-text-muted) 22%, transparent));
  }
  .kit-role-segmented-control > .kit-region-segment[data-kit-state~=disabled] {
    color: var(--_kit-text-muted);
  }
  .kit-region-control-set > .kit-role-segmented-control ~ .kit-region-reason {
    display: block;
    color: var(--_kit-text-muted);
  }
  .kit-region-control-set > .kit-role-segmented-control + .kit-region-reason {
    padding-block-start: var(--_kit-rhythm);
  }
  .kit-role-segmented-control > .kit-region-segment > .kit-region-icon {
    flex: none;
    inline-size: var(--_kit-control-icon);
    block-size: var(--_kit-control-icon);
  }
  .kit-role-segmented-control[data-kit-fit=icons] > .kit-region-segment {
    grid-template-columns: auto;
    min-inline-size: var(--_kit-target);
    padding-inline: 0;
  }
  .kit-role-segmented-control[data-kit-fit=icons] > .kit-region-segment > .kit-region-reserve,
  .kit-role-segmented-control[data-kit-fit=short] > .kit-region-segment[data-kit-holds~=short] > .kit-region-reserve {
    display: none;
  }
  .kit-role-segmented-control[data-kit-fit=icons] > .kit-region-segment > .kit-region-segment-name,
  .kit-role-segmented-control[data-kit-fit=short] > .kit-region-segment[data-kit-holds~=short] > .kit-region-segment-name {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kit-role-segmented-control:not([data-kit-fit=short]) > .kit-region-segment > .kit-region-short,
  .kit-role-segmented-control:not([data-kit-fit=short]) > .kit-region-segment > .kit-region-short-reserve {
    display: none;
  }
}
@layer layouts {
  .kit-layout-calendar [data-kit-state~=loading] > .kit-role-segmented-control {
    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-segmented-control {
    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-segmented-control {
    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-segmented-control {
    animation: none;
  }
  .kit-layout-calendar .kit-region-day .kit-region-item > .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control {
    grid-column: 1 / -1;
  }
}
@layer tables {
  .kit-region-grid[data-kit-table=records][data-kit-holds~=link] > :is(tbody, tfoot) > tr > td.kit-region-cell .kit-role-segmented-control {
    position: relative;
    z-index: var(--_kit-tier-held-over);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell[data-label] > .kit-role-segmented-control,
      .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell[data-label] > .kit-region-value > .kit-role-segmented-control {
        justify-self: end;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell[data-label] > .kit-role-segmented-control + .kit-region-reason,
      .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell[data-label] > .kit-region-value > .kit-role-segmented-control + .kit-region-reason {
        grid-column: 1 / -1;
        justify-self: end;
      }
    }
  }
  .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell > .kit-role-segmented-control,
  .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell > .kit-region-value > .kit-role-segmented-control {
    grid-auto-columns: minmax(var(--kit-segment-floor, auto), var(--kit-segment-labelled, 1fr));
  }
  .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell > .kit-role-segmented-control + .kit-region-reason,
  .kit-region-grid[data-kit-table=records] > tbody > tr > td.kit-region-cell > .kit-region-value > .kit-role-segmented-control + .kit-region-reason {
    display: block;
    padding-block-start: var(--_kit-stack);
    color: var(--_kit-text-muted);
  }
}
@layer without-fills {
  @media (forced-colors: active) {
    .kit-role-segmented-control,
    .kit-role-segmented-control > .kit-region-segment:has(> .kit-region-radio:checked):before,
    .kit-role-segmented-control > .kit-region-segment[aria-current=page]:before {
      outline: var(--_kit-rule) solid CanvasText;
      outline-offset: calc(-1 * var(--_kit-rule));
    }
  }
}