@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 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 > .kit-region-content-column > .kit-region-subject-column > .kit-role-segmented-control:has(+ .kit-region-reason) {
    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 > .kit-region-content-column > .kit-region-subject-column:has(> .kit-role-segmented-control) > .kit-role-segmented-control {
    flex: 0 0 auto;
    margin-block-start: 0;
    margin-inline-start: auto;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-role-row > .kit-region-content-column:has(> .kit-region-subject-column :is(.kit-role-form-group, .kit-role-selection-control[data-kit-region=group]):where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *))) > .kit-region-subject-column .kit-role-segmented-control:where(:not(.kit-region-subject-column :not(:is(div, form):not([class*=kit-], [data-kit-embed], [hidden], [role], [aria-live])) *)) {
        margin-block-start: 0;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      @container style(--_kit-listed: true) {
        .kit-role-row:not(:has(> .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-facts)) > .kit-region-content-column:has(> .kit-region-subject-column > .kit-role-segmented-control) > .kit-region-subject-column > .kit-role-segmented-control {
          grid-column: actions;
          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) {
      @container style(--_kit-listed: true) {
        @container not style(--_kit-row-fit: under) {
          .kit-role-row:not(:has(> .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-facts)) > .kit-region-content-column:has(> .kit-region-subject-column > .kit-role-segmented-control) > .kit-region-subject-column > .kit-role-segmented-control {
            grid-column: question;
          }
        }
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      @container style(--_kit-listed: true) {
        .kit-role-row:not(:has(> .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-facts)) > .kit-region-content-column:has(> .kit-region-subject-column > .kit-role-segmented-control) > .kit-region-subject-column > .kit-role-segmented-control + .kit-region-reason {
          grid-column: avatar / run-end;
        }
      }
    }
  }
  .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;
  }
  .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;
  }
  .kit-role-segmented-control > .kit-region-segment:has(> [data-kit-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 > input {
    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 > input:checked + .kit-region-segment-name,
  .kit-role-segmented-control > .kit-region-segment > input:checked + svg + .kit-region-segment-name,
  .kit-role-segmented-control > .kit-region-segment > input:checked + .kit-region-segment-name + .kit-region-reserve + .kit-region-short,
  .kit-role-segmented-control > .kit-region-segment > input:checked + svg + .kit-region-segment-name + .kit-region-reserve + .kit-region-short {
    font-weight: var(--_kit-strong-weight);
  }
  .kit-role-segmented-control > .kit-region-segment > input:checked + .kit-region-segment-name + .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > input:checked + svg + .kit-region-segment-name + .kit-region-reserve,
  .kit-role-segmented-control > .kit-region-segment > input:checked + .kit-region-segment-name + .kit-region-reserve + .kit-region-short + .kit-region-short-reserve,
  .kit-role-segmented-control > .kit-region-segment > input:checked + svg + .kit-region-segment-name + .kit-region-reserve + .kit-region-short + .kit-region-short-reserve {
    font-weight: inherit;
  }
  .kit-role-segmented-control > .kit-region-segment:has(> input:checked):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:has(> input:disabled) {
    color: var(--_kit-text-muted);
  }
  .kit-role-segmented-control > .kit-region-segment > [data-kit-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;
  }
}