@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-avatar {
    overflow-wrap: break-word;
  }
}
@layer roles {
  .kit-role-avatar {
    --_kit-avatar-diameter: var(--_kit-avatar);
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    inline-size: var(--_kit-avatar-diameter);
    block-size: var(--_kit-avatar-diameter);
    border-radius: 50%;
    background: color-mix(in oklch, var(--_kit-text-muted) 18%, var(--_kit-panel-surface));
    color: var(--_kit-text-ink);
    font-size: calc(var(--_kit-avatar-diameter) * var(--_kit-avatar-initials));
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
  }
  .kit-role-avatar[data-kit-size=small] {
    --_kit-avatar-diameter: var(--_kit-avatar-small);
  }
  .kit-role-avatar > .kit-region-picture {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    print-color-adjust: exact;
  }
  .kit-role-avatar > .kit-region-availability {
    position: absolute;
    inset-block-end: calc(-1 * var(--_kit-rule));
    inset-inline-end: calc(-1 * var(--_kit-rule));
    inline-size: var(--_kit-stamp-dot);
    block-size: var(--_kit-stamp-dot);
    border-radius: calc(var(--_kit-stamp-dot) / 4);
    background: var(--_kit-text-muted);
    box-shadow: 0 0 0 var(--_kit-rule) var(--_kit-surface-beneath);
  }
  .kit-role-avatar > .kit-region-icon {
    inline-size: calc(var(--_kit-avatar-diameter) * .6);
    block-size: calc(var(--_kit-avatar-diameter) * .6);
    color: var(--_kit-text-muted);
  }
  .kit-role-avatar-group > .kit-region-control > .kit-role-avatar {
    box-shadow: 0 0 0 var(--_kit-rule) var(--_kit-surface-beneath);
  }
  .kit-role-avatar-group > .kit-region-control > .kit-role-avatar + .kit-role-avatar {
    margin-inline-start: calc(-1 * var(--_kit-avatar-diameter) / 8);
  }
  .kit-role-avatar-group > [popover] > .kit-region-people > .kit-region-person > .kit-role-avatar {
    grid-row: span 2;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-suggestions > :is(.kit-region-person, .kit-region-subject) > .kit-role-avatar {
    flex: none;
    white-space: nowrap;
  }
  .kit-role-form-group > .kit-region-editor > .kit-region-commands > .kit-region-command > .kit-role-avatar {
    flex: none;
    white-space: nowrap;
  }
  .kit-role-message-entry > header > .kit-region-author > .kit-role-avatar {
    float: inline-start;
    margin-block-start: calc((var(--_kit-avatar-line) - var(--_kit-avatar-diameter)) / 2);
    margin-inline-end: var(--_kit-stack);
  }
  .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar {
    min-inline-size: 0;
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar {
        grid-row: 1;
        min-inline-size: auto;
      }
    }
  }
  @media screen {
    @container (inline-size >= 720px) {
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar,
      :where(:is(.kit-region-rows, .kit-role-reordering)[data-kit-holds~=run]) > :where(.kit-region-group) > .kit-role-row:not([data-kit-holds~=facts]) > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar {
        grid-column: avatar;
        margin-inline-end: var(--_kit-stack);
      }
    }
  }
}
@layer shell {
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-role-avatar {
    margin-inline: calc((var(--_kit-navigation-icon) - var(--_kit-avatar)) / 2);
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:not([data-kit-fit~=collapsed]) > .kit-region-rail-head > .kit-role-avatar {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > .kit-region-opener[data-kit-holds~=role] > .kit-role-avatar,
  .kit-layout-shell > .kit-region-chrome > .kit-region-bottom-bar .kit-region-profile > .kit-region-opener[data-kit-holds~=role] > .kit-role-avatar {
    grid-row: 1 / span 2;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-fit~=collapsed] > .kit-region-rail-head[data-kit-holds~=logo] > .kit-role-avatar {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-fit~=collapsed] > .kit-region-rail-head:not([data-kit-holds~=logo]) > .kit-role-avatar + .kit-region-tenant {
    position: absolute;
    inline-size: var(--_kit-rule);
    block-size: var(--_kit-rule);
    overflow: clip;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  @media screen {
    html[data-kit-theme=dark] .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-fit~=collapsed] > .kit-region-rail-head[data-kit-holds~=logo]:not([data-kit-holds~=dark-logo]) > .kit-role-avatar {
      display: inline-flex;
    }
  }
  @media screen and (prefers-color-scheme: dark) {
    html:not([data-kit-theme]) .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-fit~=collapsed] > .kit-region-rail-head[data-kit-holds~=logo]:not([data-kit-holds~=dark-logo]) > .kit-role-avatar {
      display: inline-flex;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail[data-kit-fit~=collapsed] > .kit-region-destinations > .kit-region-profile > .kit-region-opener > .kit-role-avatar {
    margin-inline: 0;
  }
}
@layer layouts {
  .kit-layout-calendar [data-kit-state~=loading] > .kit-role-avatar {
    background: var(--_kit-wash-muted);
    border-color: transparent;
    color: transparent;
    animation: kit-wait var(--_kit-appear) var(--_kit-settle) var(--_kit-wait) backwards;
  }
  .kit-layout-calendar .kit-region-team-grid[data-kit-state~=loading] > :is(.kit-region-member, .kit-region-group > .kit-region-member) > .kit-region-member-head > .kit-role-avatar {
    visibility: hidden;
    background: none;
    animation: none;
  }
  .kit-layout-calendar [data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-avatar {
    animation: none;
  }
  .kit-layout-calendar[data-kit-state~=loading] :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-avatar {
    animation: none;
  }
  [data-kit-state~=loading] .kit-layout-calendar :is([data-kit-region], [data-kit-role])[data-kit-state~=loading]:not(form, .kit-region-filters) > .kit-role-avatar {
    animation: none;
  }
  .kit-layout-calendar .kit-region-day .kit-region-item > .kit-role-row > .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-subject-stamp > .kit-role-avatar {
    grid-column: 1 / -1;
  }
  .kit-layout-list > .kit-region-rows > .kit-region-day > .kit-region-entry > .kit-role-avatar {
    float: inline-start;
    margin-block-start: calc((var(--_kit-avatar-line) - var(--_kit-avatar-diameter)) / 2);
    margin-inline-end: var(--_kit-stack);
  }
}
@layer tables {
  @media screen {
    @container (inline-size >= 720px) {
      .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
      .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
      }
    }
  }
  @media screen {
    @container (inline-size < 720px) {
      .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
      .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
    }
  }
  @media screen {
    .kit-layout-record > .kit-region-notices .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-local-tabs .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-section-links .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-subject-region .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-facts-related-records .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-decision-compact-work .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-notes-files-history .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-layout-issued-document .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-notices .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-local-tabs .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-section-links .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-subject-region .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-facts-related-records .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-decision-compact-work .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-region-notes-files-history .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-layout-record > .kit-layout-issued-document .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]),
    .kit-role-side-panel .kit-region-grid[data-kit-table=records] > :is(tbody, tfoot) > tr > td.kit-region-cell > .kit-region-value > .kit-region-fact > .kit-role-avatar + .kit-region-name:not([data-kit-holds~=email]) {
      display: revert-layer;
      -webkit-box-orient: revert-layer;
      -webkit-line-clamp: revert-layer;
      overflow: revert-layer;
    }
  }
}
@layer without-fills {
  @media print {
    .kit-role-avatar > .kit-region-availability {
      display: none;
    }
  }
  @media (forced-colors: active) {
    .kit-role-avatar > .kit-region-availability {
      forced-color-adjust: none;
      background: CanvasText;
      box-shadow: 0 0 0 var(--_kit-rule) Canvas;
    }
  }
  @media (forced-colors: active) {
    .kit-layout-shell .kit-region-profile > button[aria-busy=true] .kit-role-avatar {
      color: GrayText;
    }
  }
}
