@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 {
  ul[role=menu].kit-role-popover[popover] {
    inline-size: max-content;
    min-inline-size: max(var(--_kit-field-short), var(--kit-anchor-width, 0px));
    max-inline-size: var(--_kit-account-menu-width);
  }
  ul.kit-role-popover[popover].kit-region-suggestions,
  ul.kit-role-popover[popover].kit-region-commands {
    max-inline-size: min(var(--_kit-focused-width), calc(100% - 2 * var(--_kit-inset-tight)));
  }
  ul.kit-role-popover[popover].kit-region-suggestions:has(> .kit-region-loading) {
    inline-size: var(--_kit-focused-width);
  }
}
@layer shell {
  .kit-layout-shell > .kit-region-chrome > .kit-region-account-menu > ul[role=menu].kit-role-popover[popover] {
    inline-size: var(--_kit-account-menu-width);
    min-inline-size: 0;
    max-inline-size: calc(100dvw - 2 * var(--_kit-page-inset));
  }
}
@layer layouts {
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-more > .kit-role-popover > ul,
  .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-more > .kit-role-popover > ul,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-more > .kit-role-popover > ul,
  .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-more > .kit-role-popover > ul,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more > .kit-role-popover > ul,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more > .kit-role-popover > ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--_kit-rhythm);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-list > .kit-region-saved-views-filters-sort > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-more > .kit-role-popover > ul > li,
  .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-more > .kit-role-popover > ul > li,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-more > .kit-role-popover > ul > li,
  .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-more > .kit-role-popover > ul > li,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more > .kit-role-popover > ul > li {
    display: flex;
    align-items: center;
  }
  .kit-layout-list > .kit-region-columns-selection-actions > .kit-region-columns > .kit-role-popover {
    inline-size: var(--_kit-popover-width);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover,
      .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-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover,
      .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-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover,
      .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-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover {
        display: contents;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-list > .kit-region-saved-views-filters-sort > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-clear-filters,
      .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-region-clear-filters,
      .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-region-clear-filters,
      .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-region-clear-filters,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-clear-filters,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-clear-filters,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-region-clear-filters,
      .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-region-clear-filters,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-clear-filters,
      .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-region-clear-filters {
        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 > .kit-region-filter > .kit-role-popover > .kit-region-filter,
      .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-region-filter,
      .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-region-filter,
      .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-region-filter,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-filter,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-filter,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-region-filter,
      .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-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-filter,
      .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-region-filter {
        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 > .kit-region-filter > .kit-role-popover > .kit-region-more,
      .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-region-more,
      .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-region-more,
      .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-region-more,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-more,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-more,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-region-more,
      .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-region-more,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-more,
      .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-region-more {
        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 > .kit-region-filter > .kit-role-popover > .kit-region-words,
      .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-region-words,
      .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-region-words,
      .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-region-words,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-words,
      .kit-layout-reports > .kit-region-period-filters-schedule > :where(form:not([hidden], [class*=kit-])) > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-words,
      .kit-layout-reports > .kit-region-period-filters-schedule > .kit-region-filters > :where(form:not([hidden], [class*=kit-])) > .kit-region-filter > .kit-role-popover > .kit-region-words,
      .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-region-words,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-role-popover > .kit-region-words,
      .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-region-words {
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
}
