.chat-container{
    position: fixed;
	display: inline-block;
	width: 600px;
	height: 85%;

	border-radius: 4px;

	left: 50%;
	transform: translate(-50%, -30%);
	transform-origin: center;
	top: 130vh; //keep hide
	@include back-visivility;
    
	background-color: $c-surface;
	z-index: 220;
	padding: 8px;
	padding-top: 56px;

	@include bs-24; 
}

.chat {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 0;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: column;
    padding: 0 10px;

    .chat-type {
        width: 100%;
        height: auto;
        background-color: #fdf4c0;
        padding: 10px 0;
        margin: 10px 0;

        .chat-type-entity,.chat-type-name, .chat-type-info {
            font-size: 12px;
            font-weight: 600;
        }

        .chat-type-info {
            margin: auto;
        }
    }

    .chat-text {
        padding-top: 32px;
        padding-bottom: 20px;
        flex: 1;
        overflow-y: auto;
        min-height: 0;
    }
}