@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-field {
    --_kit-held-part-size: calc(var(--_kit-control-height) - 2 * (var(--_kit-rhythm) + var(--_kit-rule)));
  }
}
@layer layouts {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > input[type=text],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > input[type=text],
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > input[type=text],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > input[type=text],
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-widest-dates,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-widest-dates,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-widest-dates,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-widest-dates,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-resolved,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-resolved,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-resolved,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-resolved {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar {
        inline-size: var(--_kit-control-height);
        block-size: var(--_kit-control-height);
        min-block-size: var(--_kit-control-height);
        margin-inline-end: 0;
        background-color: var(--_kit-wash);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar:after,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar:after,
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar:after,
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar:after {
        content: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar > [data-kit-icon],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar > [data-kit-icon],
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar > [data-kit-icon],
      .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date > .kit-role-form-group > .kit-role-date-field > .kit-region-calendar > [data-kit-icon] {
        color: inherit;
      }
    }
  }
}