@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-phone-sheet[popover] {
    --_kit-menu-edge: var(--_kit-inset);
    gap: 0;
    min-block-size: var(--kit-menu-floor, auto);
  }
  .kit-role-phone-sheet[role=menu] > .kit-region-back + .kit-region-group:before {
    content: "";
    display: block;
    block-size: var(--_kit-rule);
    margin: var(--_kit-rhythm) calc(-1 * var(--_kit-menu-edge));
    background: var(--_kit-panel-boundary);
  }
  .kit-role-phone-sheet[role=menu] > .kit-region-back {
    display: block;
  }
}
@layer shell {
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) :is(.kit-region-chrome > :is(.kit-region-rail, .kit-region-rail ~ *), .kit-region-page) .kit-role-phone-sheet,
      .kit-layout-shell .kit-region-page > .kit-role-phone-sheet:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *) {
        position-anchor: --_kit-bottom-bar;
        inset-block-end: anchor(top);
        max-block-size: calc(100dvh - var(--_kit-sheet-clearance) - anchor-size(block));
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) :is(.kit-region-chrome > :is(.kit-region-rail, .kit-region-rail ~ *), .kit-region-page) .kit-role-phone-sheet::backdrop,
      .kit-layout-shell .kit-region-page > .kit-role-phone-sheet:is(.kit-region-rail, .kit-region-rail ~ *, :has(~ .kit-region-rail), .kit-layout-shell:has(> .kit-region-chrome > .kit-region-rail) .kit-region-page > *)::backdrop {
        position-anchor: --_kit-bottom-bar;
        inset-block-end: anchor(top);
      }
    }
  }
}