@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 {
  .kit-role-form-group > ul > li > span.kit-role-image:not([hidden]) {
    display: grid;
    place-items: center;
    flex: none;
    inline-size: var(--_kit-image-small);
    block-size: var(--_kit-image-small);
  }
  .kit-role-form-group > ul > li > span.kit-role-image > img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
    max-block-size: 100%;
  }
}