@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-palette .kit-region-lines > ul.kit-region-group {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .kit-role-palette .kit-region-lines > .kit-region-group + .kit-region-group:before {
    content: "";
    display: block;
    block-size: var(--_kit-rule);
    margin: var(--_kit-rhythm) calc(-1 * var(--_kit-menu-edge));
    background: var(--_kit-panel-boundary);
  }
  .kit-role-palette .kit-region-lines > .kit-region-group > .kit-region-group-name {
    display: block;
    padding: var(--_kit-rhythm) var(--_kit-inset-tight);
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  .kit-role-palette .kit-region-lines li:where([data-kit-region])[data-value] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0;
    justify-content: normal;
    align-items: center;
    min-inline-size: 0;
    max-inline-size: none;
    vertical-align: baseline;
  }
  .kit-role-palette .kit-region-lines li:where(li)[data-value] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0;
    justify-content: normal;
    align-items: center;
    min-inline-size: 0;
    max-inline-size: none;
    vertical-align: baseline;
  }
  .kit-role-palette .kit-region-lines li:where([data-kit-region])[data-value]:after {
    grid-area: 1 / 4;
  }
  .kit-role-palette .kit-region-lines li:where(li)[data-value]:after {
    grid-area: 1 / 4;
  }
}