@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 elements {
  .kit-role-agreement {
    overflow-wrap: break-word;
  }
}
@layer spacing {
  .kit-role-agreement {
    display: flex;
    flex-direction: column;
    --_kit-stack-gap: var(--_kit-region);
    row-gap: var(--_kit-stack-gap);
  }
}
@layer roles {
  @media screen and (width < 720px) {
    .kit-role-action-group > .kit-role-agreement,
    .kit-role-action-group > :where(.kit-region-action-form:not([hidden])) > .kit-role-agreement {
      flex: none;
      inline-size: 100%;
    }
  }
  .kit-role-agreement {
    flex: 1 1 100%;
  }
  :is(.kit-region-actions, .kit-region-back-continue-or-commit) > .kit-role-agreement,
  :is(.kit-region-actions, .kit-region-back-continue-or-commit) > .kit-role-agreement > .kit-region-action {
    display: contents;
  }
  :is(.kit-region-actions, .kit-region-back-continue-or-commit) > .kit-role-agreement > .kit-region-text {
    flex: 1 1 100%;
    margin-block: 0;
  }
  .kit-role-agreement > .kit-region-text {
    color: var(--_kit-text-ink);
    font-size: var(--_kit-body-size);
    font-weight: 400;
  }
}