.minichat {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;

    .user {
        background-color: var(--shadeColor);
    }

    .messages {
        display: flex;
        flex-direction: column;
        gap: 8px;

        .message {
            padding: 5px;
        }
    }

    textarea {
        overflow: hidden;
        min-height: 60px;
    }
}

.buttons {
    margin-top: 8px;
    height: 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}