@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 spacing {
  .kit-role-guide {
    --_kit-stack-gap: inherit;
  }
  .kit-role-guide:not(:first-child) {
    margin-block-start: calc(var(--_kit-stack) - var(--_kit-stack-gap, var(--_kit-stack)));
  }
  .kit-role-guide:not(:last-child) {
    margin-block-end: calc(var(--_kit-region) - var(--_kit-stack-gap, var(--_kit-stack)));
  }
}
@layer actions {
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-primary-action + .kit-role-guide,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-primary-action + .kit-role-guide {
      order: 1;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > :is(.kit-role-secondary-action, .kit-role-subtle-action, .kit-role-destructive-action, .kit-role-icon-action, .kit-role-emphasised-next-action) + .kit-role-guide,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > :is(.kit-role-secondary-action, .kit-role-subtle-action, .kit-role-destructive-action, .kit-role-icon-action, .kit-role-emphasised-next-action) + .kit-role-guide {
      order: 2;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-action-menu + .kit-role-guide,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-action-menu + .kit-role-guide {
      order: 3;
    }
  }
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-way-back + .kit-role-guide,
    .kit-role-action-group > :where(form:not([hidden], [class*=kit-])) > .kit-role-way-back + .kit-role-guide {
      order: 4;
    }
  }
}