/*
 * The avatar-only display's EMPTY slot: a dashed disc where the mark will be.
 * Its pixels come from the same rung the avatar takes, so the ghost can never
 * stop matching the face that fills it.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-member-select__ghost {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--lotics-avatar-sm);
    height: var(--lotics-avatar-sm);
    border-width: 1px;
    border-style: dashed;
    border-color: var(--input);
    border-radius: var(--lotics-radius-full);
  }
}