@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 actions {
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
    inline-size: 100%;
    margin-inline-end: 0;
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions[data-kit-holds~=words],
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] {
    display: contents;
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions > .kit-region-words,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions > .kit-region-words {
    text-align: end;
  }
  @media screen {
    @container calendar (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-actions[data-kit-holds~=words] > .kit-region-words,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-actions[data-kit-holds~=words] > .kit-region-words {
        order: -1;
        grid-column: 1 / -1;
        inline-size: 100cqi;
      }
    }
  }
  @media screen {
    @container calendar (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar[data-kit-holds~=words] > .kit-region-range > .kit-region-date,
      .kit-layout-calendar > .kit-region-toolbar[data-kit-holds~=words] > .kit-region-range > :where(form:not([hidden], [class*=kit-])) > .kit-region-date {
        grid-row: auto;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar[data-kit-holds~=status-line] {
        justify-content: flex-end;
      }
    }
  }
}
@layer shell {
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body .kit-layout-calendar {
        flex: 1 1 auto;
      }
    }
  }
  @media screen {
    @container calendar (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body > .kit-layout-calendar .kit-region-desk-grid,
      .kit-layout-shell .kit-region-page > .kit-region-body > .kit-layout-calendar .kit-region-month-grid {
        flex: 1 1 0;
      }
    }
  }
  @media screen {
    @container calendar (inline-size >= 720px) {
      .kit-layout-shell .kit-region-page > .kit-region-body > .kit-layout-calendar *:where(.kit-layout-calendar *):has(:is(.kit-region-desk-grid, .kit-region-month-grid)),
      .kit-layout-shell .kit-region-page > .kit-region-body > :has(> .kit-layout-calendar) > .kit-layout-calendar *:where(.kit-layout-calendar *):has(:is(.kit-region-desk-grid, .kit-region-month-grid)) {
        display: flex;
        flex: 1 1 0;
        flex-direction: column;
        min-block-size: 0;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar:has(> .kit-region-toolbar > .kit-region-scope > .kit-region-filters:popover-open, > .kit-region-toolbar > :where(form:not([hidden], [data-kit-role], [data-kit-layout], [data-kit-region])) > .kit-region-scope > .kit-region-filters:popover-open):after {
        content: "";
        position: fixed;
        position-anchor: --_kit-bottom-bar;
        inset: 0 0 var(--_kit-dismiss-foot, 0px);
        z-index: var(--_kit-tier-overlay);
      }
    }
  }
}
@layer layouts {
  .kit-layout-calendar button[popovertarget] > .kit-region-label:has(> .kit-role-count) {
    display: inline-flex;
    align-items: center;
    gap: var(--_kit-rhythm);
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filter,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filter,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: var(--_kit-rhythm);
    min-inline-size: 0;
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more {
    display: none;
    flex: none;
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more {
        display: inline-flex;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filter[data-kit-fit~=folded],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filter[data-kit-fit~=folded],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter[data-kit-fit~=folded],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter[data-kit-fit~=folded] {
        display: contents;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter {
        display: contents;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filter[data-kit-fit~=folded] > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filter[data-kit-fit~=folded] > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter[data-kit-fit~=folded] > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter[data-kit-fit~=folded] > .kit-region-clear {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters:has(> .kit-region-more:not([hidden])):not(:has(> .kit-region-more > .kit-role-popover > ul > li[hidden])) > .kit-region-filter > .kit-region-clear {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more[data-kit-fit=pending],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more[data-kit-fit=pending],
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more[data-kit-fit=pending],
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more[data-kit-fit=pending] {
        visibility: hidden;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-more[data-kit-fit=pending]:not([hidden]) ~ *,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-more[data-kit-fit=pending]:not([hidden]) ~ *,
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-more[data-kit-fit=pending]:not([hidden]) ~ *,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more[data-kit-fit=pending]:not([hidden]) ~ * {
        visibility: hidden;
      }
    }
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-clear-filters,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-clear-filters,
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-clear-filters,
  .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-clear-filters {
    flex: none;
    display: flex;
    align-items: center;
    min-block-size: var(--_kit-control-height);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter {
        display: contents;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-region-clear,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter > .kit-region-clear {
        display: none;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters {
        display: flex;
        flex-flow: row wrap;
        align-items: start;
        gap: var(--_kit-region) var(--_kit-stack);
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-scope > .kit-region-filters > .kit-region-clear-filters,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-clear-filters {
        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-region-filter,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-filter {
        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-region-more,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-more {
        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-region-words,
      .kit-layout-calendar > .kit-region-toolbar > :where(form:not([hidden], [class*=kit-])) > .kit-region-scope > .kit-region-filters > .kit-region-words {
        min-inline-size: 0;
        max-inline-size: none;
      }
    }
  }
  .kit-layout-calendar > .kit-region-toolbar > .kit-region-layout-switch {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: first baseline;
    gap: var(--_kit-stack);
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-calendar > .kit-region-toolbar > .kit-region-layout-switch {
        flex: 1 1 100%;
        grid-column: 1 / -1;
        grid-row: auto;
        min-inline-size: 0;
      }
    }
  }
}