@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-form-group > .kit-region-editor > :is(.kit-region-suggestions, .kit-region-commands) > li > .kit-role-avatar {
    flex: none;
    white-space: nowrap;
  }
  .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) {
      @container style(--_kit-listed: true) {
        .kit-role-row:not(:has(> .kit-region-content-column > .kit-region-subject-column > .kit-region-line > .kit-region-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(:has(> .kit-region-collapse[data-kit-state~=collapsed])) > .kit-region-rail-head > .kit-role-avatar {
    display: none;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail .kit-region-profile > button[data-kit-holds~=role] > .kit-role-avatar {
    grid-row: 1 / span 2;
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head > .kit-role-avatar:has(+ .kit-region-tenant > img) {
    display: none;
  }
  @media screen {
    :root[data-kit-theme=dark] .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > .kit-role-avatar {
      display: inline-flex;
    }
  }
  @media screen and (prefers-color-scheme: dark) {
    :root:not([data-kit-theme]) .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-rail-head:has(> .kit-region-tenant > img):not(:has(> .kit-region-tenant > img[data-kit-theme=dark])) > .kit-role-avatar {
      display: inline-flex;
    }
  }
  .kit-layout-shell > .kit-region-chrome > .kit-region-rail:has(> .kit-region-collapse[data-kit-state~=collapsed]) > .kit-region-destinations > .kit-region-profile > button > .kit-role-avatar {
    margin-inline: 0;
  }
}
@layer layouts {
  .kit-layout-list > .kit-region-rows > .kit-region-day > .kit-region-entry > .kit-role-avatar,
  .kit-layout-list > .kit-region-rows > :where(form:not([hidden], [class*=kit-])) > .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);
  }
}