@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-selection-control {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-region-standing + .kit-role-selection-control {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-region));
  }
}
@layer roles {
  .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-selection-control[data-kit-region=group] {
    inline-size: auto;
    max-inline-size: 100%;
    margin: 0;
  }
  .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-selection-control[data-kit-region=group] > legend {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  @media screen and (width < 720px) {
    .kit-role-conditions-builder .kit-region-conditions > .kit-region-condition > .kit-role-selection-control[data-kit-region=group] {
      --_kit-field-step: 100%;
      grid-column: 1;
      inline-size: 100%;
    }
  }
  .kit-role-selection-control[data-kit-region=group][data-kit-state~=error] {
    --_kit-field-edge: var(--_kit-text-ink);
  }
  @media screen and (forced-colors: none) {
    .kit-role-selection-control[data-kit-region=group][data-kit-state~=error] {
      --_kit-field-edge: var(--_kit-status-alert);
    }
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-selection-control {
    min-inline-size: 0;
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-role-selection-control[data-kit-region=group] {
    --_kit-stack-gap: inherit;
    margin-block-start: calc(max(0px, var(--_kit-target) - 1lh) / 2 - var(--_kit-stack-gap, 0px));
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column .kit-role-selection-control[data-kit-region=group]:not(.kit-region-subject-column :is([data-kit-role], [data-kit-layout], [data-kit-region]) *) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--_kit-stack);
  }
  @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-selection-control[data-kit-region=group] {
        margin-block-start: calc(max(0px, var(--_kit-target) - 1lh) / 2);
      }
    }
  }
  @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-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])) *)) {
        flex: 1 1 0;
        align-self: first baseline;
      }
    }
  }
  @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-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])) *)) > :where([data-kit-region]).kit-region-reason,
      .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-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])) *)) > :where([data-kit-region]).kit-region-help,
      .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-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])) *)) > :where([data-kit-region]).kit-region-error {
        contain: inline-size;
      }
    }
  }
  @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])) *))):has(> .kit-region-actions[data-kit-fit~=wrapped]) > .kit-region-subject-column .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])) *)) {
        flex-grow: 1000000;
        max-inline-size: max-content;
      }
    }
  }
  @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 :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-selection-control[data-kit-region=group] {
          margin-block-start: calc(max(0px, var(--_kit-target) - 1lh) / 2);
        }
      }
    }
  }
  :where(input).kit-role-selection-control {
    appearance: none;
    display: inline-grid;
    place-items: center;
    inline-size: var(--_kit-selection-size);
    block-size: var(--_kit-selection-size);
    flex: none;
    margin: 0;
    padding: 0;
    border: var(--_kit-rule) solid var(--_kit-field-edge);
    border-radius: min(var(--_kit-action-corner), calc(var(--_kit-desk-radius) / 2));
    background: var(--_kit-panel);
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: middle;
  }
  :where(input).kit-role-selection-control[type=checkbox]:checked {
    background: var(--_kit-checked-fill, var(--_kit-ink));
  }
  :where(input).kit-role-selection-control[type=checkbox]:checked:not(:disabled, [aria-disabled=true]) {
    border-color: var(--_kit-ink);
  }
  :where(input).kit-role-selection-control:checked:disabled,
  :where(input).kit-role-selection-control:checked[aria-disabled=true] {
    border-color: var(--_kit-muted);
  }
  :where(input).kit-role-selection-control[type=checkbox]:checked:disabled,
  :where(input).kit-role-selection-control[type=checkbox]:checked[aria-disabled=true] {
    background: var(--_kit-muted);
  }
  :where(input).kit-role-selection-control[type=checkbox]:checked:before {
    content: "";
    inline-size: 100%;
    block-size: 100%;
    background: var(--_kit-checked-mark, var(--_kit-surface));
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22 fill=%22currentColor%22%3E%3Cpath d=%22M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  :where(input).kit-role-selection-control[type=checkbox]:is(:indeterminate, [data-kit-state~=mixed]:checked) {
    border-color: var(--_kit-ink);
    background: var(--_kit-checked-fill, var(--_kit-ink));
  }
  :where(input).kit-role-selection-control[type=checkbox]:is(:indeterminate, [data-kit-state~=mixed]:checked):is(:disabled, [aria-disabled=true]) {
    border-color: var(--_kit-muted);
    background: var(--_kit-muted);
  }
  :where(input).kit-role-selection-control[type=checkbox]:is(:indeterminate, [data-kit-state~=mixed]:checked):before {
    content: "";
    inline-size: 100%;
    block-size: 100%;
    background: var(--_kit-checked-mark, var(--_kit-surface));
    mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 256 256%22 fill=%22currentColor%22%3E%3Cpath d=%22M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z%22/%3E%3C/svg%3E") center / contain no-repeat;
  }
  :where(input).kit-role-selection-control[type=radio] {
    border-radius: 50%;
  }
  :where(input).kit-role-selection-control[type=radio]:checked {
    color: var(--_kit-checked-fill, var(--_kit-ink));
  }
  :where(input).kit-role-selection-control[type=radio]:checked:disabled,
  :where(input).kit-role-selection-control[type=radio]:checked[aria-disabled=true] {
    color: var(--_kit-muted);
  }
  :where(input).kit-role-selection-control[type=radio]:checked:before {
    content: "";
    inline-size: var(--_kit-inset-tight);
    block-size: var(--_kit-inset-tight);
    border-radius: 50%;
    background: currentColor;
  }
  label:has(> .kit-role-selection-control):not(.kit-region-selection) > .kit-role-selection-control {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: max(0px, (1lh - var(--_kit-selection-size)) / 2);
  }
  label.kit-region-selection > .kit-role-selection-control {
    margin-inline-end: var(--_kit-stack);
  }
  :is(th, td) > label.kit-region-selection > .kit-role-selection-control {
    line-height: inherit;
  }
  :is(th, td) > label.kit-region-selection > .kit-role-selection-control {
    vertical-align: top;
    margin-block-start: calc((1lh - var(--_kit-selection-size)) / 2);
  }
  .kit-role-selection-control[data-kit-region=group] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: max(var(--_kit-stack), var(--_kit-target) - 1lh) var(--_kit-stack);
    inline-size: 100%;
    min-inline-size: 0;
    margin-inline: 0;
    padding: 0;
    border: 0;
  }
  .kit-role-selection-control[data-kit-region=group] > .kit-region-help,
  .kit-role-selection-control[data-kit-region=group] > .kit-region-count,
  .kit-role-selection-control[data-kit-region=group] > .kit-region-error {
    inline-size: 100%;
  }
  .kit-role-selection-control[data-kit-region=group] > .kit-region-count {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(1lh - 1cap) var(--_kit-stack);
  }
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control) {
    min-block-size: 0;
  }
  .kit-role-selection-control[data-kit-region=group] > label > .kit-region-reason,
  .kit-role-selection-control[data-kit-region=group] > label > .kit-region-choice-help {
    display: block;
    color: var(--_kit-text-muted);
  }
  .kit-role-selection-control[data-kit-region=group] > .kit-region-choice-fields {
    inline-size: calc(100% - var(--_kit-selection-size) - var(--_kit-stack));
    min-inline-size: 0;
    margin-inline-start: calc(var(--_kit-selection-size) + var(--_kit-stack));
  }
  .kit-role-selection-control[data-kit-region=group] > .kit-region-choice-fields > :not(input[type=hidden], [hidden]) ~ :not(input[type=hidden], [hidden]) {
    margin-block-start: var(--_kit-region);
  }
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control:not(:checked:not([type=checkbox]:indeterminate, [data-kit-state~=mixed]))) + .kit-region-choice-fields:not([data-kit-shown-while=unchecked]),
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control:checked:not([type=checkbox]:indeterminate, [data-kit-state~=mixed])) + .kit-region-choice-fields[data-kit-shown-while=unchecked] {
    display: none;
  }
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control:checked:not([type=checkbox]:indeterminate, [data-kit-state~=mixed])) + .kit-region-choice-fields:not([data-kit-shown-while=unchecked]):has(+ label),
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control:not(:checked:not([type=checkbox]:indeterminate, [data-kit-state~=mixed]))) + .kit-region-choice-fields[data-kit-shown-while=unchecked]:has(+ label) {
    margin-block-end: calc(var(--_kit-region) - var(--_kit-stack));
  }
  .kit-role-selection-control[data-kit-region=group] > label:has(> .kit-role-selection-control):before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 50%;
    block-size: max(100%, var(--_kit-target));
    translate: 0 -50%;
  }
  fieldset.kit-role-selection-control[data-kit-region=group] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }
  fieldset.kit-role-selection-control[data-kit-region=group] > legend {
    margin-block-end: var(--_kit-stack);
    padding: 0;
  }
  .kit-role-selection-control[data-kit-region=group] > .kit-region-plan {
    --_kit-overflow-fade-extent: var(--_kit-cut-reveal);
    --_kit-overflow-fade-direction: to right;
    --_kit-overflow-fade-surface: var(--_kit-surface-beneath);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
    overflow-x: auto;
    overflow-y: clip;
    container-type: scroll-state;
    scrollbar-width: none;
  }
  .kit-role-selection-control[data-kit-region=group] > output {
    display: none;
  }
  @container scroll-state(scrollable: inline-end) {
    .kit-role-selection-control[data-kit-region=group] > .kit-region-plan:after {
      content: "";
      grid-area: 1 / 1;
      justify-self: end;
      align-self: stretch;
      inset-inline-start: calc(100% - var(--_kit-overflow-fade-extent));
      inline-size: var(--_kit-overflow-fade-extent);
    }
  }
}
@layer layouts {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-selection-control {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-selection-control {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-role-selection-control,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-selection-control {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
}