@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-dialog[open] {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-role-dialog > .kit-region-form-groups {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-role-dialog > .kit-region-summary {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
  .kit-role-dialog > .kit-region-form-groups {
    --_kit-center-measure: var(--_kit-focused-width);
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: var(--_kit-center-measure);
    margin-inline: 0 auto;
  }
}
@layer actions {
  .kit-role-dialog {
    --_kit-demoted: false;
  }
}