@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-presence {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-layout-shell .kit-region-page > .kit-region-header > .kit-region-subject-column[data-kit-holds~=presence] > .kit-role-presence {
    margin-block-start: var(--_kit-stack);
  }
  h2 + p.kit-role-presence {
    display: inline-flex;
    align-items: center;
    gap: var(--_kit-rhythm);
    margin-block: 0;
    vertical-align: baseline;
  }
  p.kit-role-presence > .kit-region-editing {
    color: var(--_kit-text-muted);
    font-size: var(--_kit-label-size);
  }
  @media screen {
    @container page (inline-size < 720px) {
      h2 + p.kit-role-presence,
      p.kit-role-presence {
        display: none;
      }
    }
  }
}
@layer layouts {
  @container page (inline-size >= 720px) {
    .kit-layout-record > .kit-region-decision-compact-work:has(> h2 + .kit-role-presence:not([hidden])) > h2 + .kit-role-presence {
      grid-column: 2;
      justify-self: start;
      margin-block-end: calc(-1 * var(--_kit-region));
    }
  }
}