@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-reordering {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-role-reordering {
    display: contents;
  }
  .kit-role-reordering .kit-region-form-row[data-kit-state~=moving],
  .kit-role-reordering .kit-region-row[data-kit-state~=moving],
  .kit-role-reordering .kit-region-task[data-kit-state~=moving] {
    color: var(--_kit-text-muted);
    outline: var(--_kit-rule) dashed var(--_kit-muted);
    outline-offset: calc(-1 * var(--_kit-rule));
  }
  .kit-role-reordering .kit-region-group[data-kit-state~=accepting] {
    outline: var(--_kit-rule) solid var(--_kit-ink);
  }
  .kit-role-reordering > .kit-region-drop-line {
    position: fixed;
    inset-block-start: var(--kit-drop-line-block);
    inset-inline-start: var(--kit-drop-line-inline);
    z-index: var(--_kit-tier-held);
    inline-size: var(--kit-drop-line-size);
    block-size: var(--_kit-drop-line);
    margin-block-start: calc(var(--_kit-drop-line) / -2);
    background: var(--_kit-ink);
    pointer-events: none;
  }
  .kit-role-reordering > p.kit-region-cut-off,
  .kit-role-reordering .kit-region-grid[data-kit-table=records] > tbody > tr.kit-region-cut-off > td.kit-region-cell:last-child,
  .kit-role-reordering [role=rowgroup] > [role=row].kit-region-cut-off > .kit-region-words {
    font-size: var(--_kit-label-size);
    color: var(--_kit-text-muted);
  }
  .kit-role-reordering > p.kit-region-cut-off {
    --_kit-cut-off-handle: 0px;
    --_kit-cut-off-selection: 0px;
    --_kit-cut-off-unread: 0px;
    grid-column: handle / run-end;
    margin: 0;
    padding: var(--_kit-inset-tight) 0;
    padding-inline-start: calc(var(--_kit-cut-off-handle) + var(--_kit-cut-off-selection) + var(--_kit-cut-off-unread));
    border-block-end: var(--_kit-rule) solid var(--_kit-ink);
  }
  .kit-role-reordering[data-kit-holds~=selection] > p.kit-region-cut-off {
    --_kit-cut-off-selection: calc(var(--_kit-target) + var(--_kit-stack));
  }
  .kit-role-reordering[data-kit-holds~=unread] > p.kit-region-cut-off {
    --_kit-cut-off-unread: calc(var(--_kit-unread-dot) + var(--_kit-stack));
  }
  .kit-role-reordering .kit-region-grid[data-kit-table=records] > tbody > tr.kit-region-cut-off,
  .kit-role-reordering [role=rowgroup] > [role=row].kit-region-cut-off {
    border-block-start: 0;
    border-block-end: var(--_kit-rule) solid var(--_kit-ink);
    + .kit-region-row,
    + .kit-region-caption,
    + .kit-region-heading-line,
    + .kit-region-group-heading,
    + .kit-region-sub-group-heading,
    + .kit-region-part-heading,
    + .kit-region-loading,
    + .kit-region-failed,
    + .kit-region-cut-off,
    + .kit-region-expansion-row,
    + .kit-region-empty-row {
      border-block-start: 0;
    }
  }
  @media screen and (pointer: fine) {
    .kit-role-reordering > p.kit-region-cut-off {
      --_kit-cut-off-handle: calc(var(--_kit-desktop-target) + var(--_kit-stack));
    }
  }
  @media screen {
    .kit-role-reordering[data-kit-holds~=run] {
      display: grid;
      grid-template-columns: [handle] auto [selection] auto [unread] auto [avatar] auto [subject] auto [stamp] max-content [availability] max-content [facts fact] auto [fact] auto [fact] auto [fact] auto [space] minmax(0, 1fr) [question] max-content [actions] max-content [run-end];
      container-type: inline-size;
      row-gap: var(--_kit-stack-gap, 0px);
    }
  }
  @media screen {
    .kit-role-reordering[data-kit-holds~=run][data-kit-fit~=wrapped] {
      grid-template-columns: [handle] auto [selection] auto [unread] auto [avatar] auto [subject] auto [stamp] max-content [availability] max-content [facts fact] auto [fact] auto [fact] auto [fact] auto [space] 0 [question] max-content [actions] minmax(min-content, 1fr) [run-end];
    }
  }
  @media screen {
    .kit-role-reordering[data-kit-holds~=run][data-kit-fit~=wrapped][data-kit-fit~=narrowed] {
      grid-template-columns: [handle] auto [selection] auto [unread] auto [avatar] auto [subject] auto [stamp] auto [availability] auto [facts fact] auto [fact] auto [fact] auto [fact] auto [space] 0 [question] max-content [actions] minmax(min-content, 1fr) [run-end];
    }
  }
}
@layer layouts {
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-list > .kit-region-board > .kit-role-reordering[data-kit-state~=moving] > div.kit-region-group {
        scroll-snap-align: none;
      }
    }
  }
  .kit-layout-settings > .kit-region-form-or-list > .kit-role-reordering {
    max-inline-size: var(--_kit-center-measure);
  }
  .kit-layout-settings > .kit-region-form-or-list > :where(.kit-region-form) > .kit-role-reordering {
    max-inline-size: var(--_kit-center-measure);
  }
  @media screen {
    @container (inline-size >= 720px) {
      .kit-layout-stepped-flow:is([data-kit-holds~=table], [data-kit-holds~=form-row-list]) > .kit-region-current-step > .kit-role-reordering:not(:has(.kit-region-form-row-list)) {
        max-inline-size: calc(var(--_kit-focused-width) - 2 * var(--_kit-inset) - 2 * var(--_kit-rule));
      }
    }
  }
}
@layer print {
  @media print {
    .kit-role-reordering > p.kit-region-cut-off,
    .kit-role-reordering .kit-region-grid[data-kit-table=records] > tbody > tr.kit-region-cut-off,
    .kit-role-reordering [role=rowgroup] > [role=row].kit-region-cut-off {
      border-block-end: 0;
    }
  }
}