@import '@servicetitan/tokens/dist/tokens.less';

.userIcon {
    width: @spacing-5;
    height: @spacing-5;
    min-width: @spacing-5;
    min-height: @spacing-5;
    border-radius: @spacing-3;
    background-color: @color-neutral-60;
    font-size: @typescale-4;
    color: @color-neutral-400;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    &.bot {
        background-image: url('../../assets/floating-chat-avatar.svg');
    }

    &.atlas {
        background-image: url('../../assets/atlas-avatar.svg');
    }

    &.system {
        min-height: @spacing-0;
        height: @spacing-0;
        background-color: transparent;
    }
}