@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 roles {
  .kit-role-record-picker > .kit-region-control {
    --_kit-held-part-size: calc(var(--_kit-control-height) - 2 * (var(--_kit-rhythm) + var(--_kit-rule)));
  }
  .kit-role-record-picker[data-kit-width=narrow] {
    --_kit-field-step: calc(var(--_kit-field-narrow) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-record-picker[data-kit-width=short] {
    --_kit-field-step: calc(var(--_kit-field-short) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-record-picker[data-kit-width=medium] {
    --_kit-field-step: calc(var(--_kit-field-medium) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
  .kit-role-record-picker[data-kit-width=wide] {
    --_kit-field-step: calc(var(--_kit-field-wide) + 2 * (var(--_kit-inset-tight) + var(--_kit-rule)));
  }
}
@layer layouts {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-record-picker,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-record-picker,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-record-picker,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-record-picker {
        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-record-picker,
      .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-record-picker,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-record-picker,
      .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-record-picker {
        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-record-picker,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-record-picker,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-record-picker,
      .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-record-picker,
      .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-record-picker,
      .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-record-picker,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-record-picker,
      .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-record-picker,
      .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-record-picker,
      .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-record-picker,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-record-picker,
      .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-record-picker {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
}