.arrow-message.mud-success{
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--mud-palette-success);
}
.arrow-message.mud-info{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--mud-palette-info);
}

.chat-button{
    position: fixed;
    cursor: pointer;
    bottom: 16px;
    right: 16px;
    opacity: 1;
    transition: transform .5s;
    z-index: 2000;
}

.chat-container{
    position: absolute;
    left: auto;
    right: 0;
    height: calc(100vh - var(--mud-appbar-height));
    top: var(--mud-appbar-height);
}