@import '../../chat-tokens.scss';
:host {
    display: block;
    border: $chat-window-border-width solid $chat-window-border-color;
    border-radius: $chat-window-border-width $chat-window-border-width 0 0;
    box-shadow: 3px 2px 4px 0 rgba(204, 204, 204, 0.5), -3px -2px 4px 0 rgba(204, 204, 204, 0.5);
    background-color: $chat-window-background-color;
    min-width: 220px;
    text-align: left;
    .content-wrapper {
        display: flex;
        flex-direction: column;
        height: 280px;
        .chat-list {
            flex: 1 1 auto;
            overflow-y: auto;
            padding: 0 10px;
             ::ng-deep app-chat-message:first-of-type {
                margin-top: 10px;
            }
        }
    }
}


/* For Firefox */

@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
     :host {
        max-width: 360px;
    }
}