@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-date-range {
    --_kit-held-part-size: calc(var(--_kit-control-height) - 2 * (var(--_kit-rhythm) + var(--_kit-rule)));
  }
  .kit-role-date-range:has(> .kit-region-end > input[type=text]:disabled):before {
    border-color: var(--_kit-panel-boundary);
    background-color: color-mix(in oklch, var(--_kit-text-muted) 18%, var(--_kit-panel-surface));
  }
}
@layer layouts {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-role-date-range,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-date-range,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-role-date-range,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-role-date-range {
        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-date-range,
      .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-date-range,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-role-date-range,
      .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-date-range {
        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-date-range,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-role-date-range,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-date-range,
      .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-date-range,
      .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-date-range,
      .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-date-range,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-date-range,
      .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-date-range,
      .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-date-range,
      .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-date-range,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-role-date-range,
      .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-date-range {
        flex: 1 1 100%;
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
}