@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-label-panel > .kit-role-amount {
    text-box-trim: trim-end;
  }
}
@layer roles {
  .kit-role-attention-item > .kit-role-amount {
    justify-self: end;
    white-space: nowrap;
  }
  .kit-role-label-panel > .kit-role-amount {
    inline-size: fit-content;
  }
}