.input {
    flex-grow: 0;
    flex-shrink: 0;
}

.input__main {
    display: flex;
    height: 40px;
    max-height: 140px;
}

.input__text {
    flex-grow: 1;
    resize: none;
}

.input__text,
.input__button {
    border: 1px solid;
    border-radius: 0;
}

.input__text,
.input__button:not(.input__button--send) {
    border-right: 0
}

.input__button {
    border-left: 0;
    font-size: 2em;
    width: 40px;
    cursor: pointer
}

.input__button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.input__button--markup:before {
    content: "\f121"
}

.input__button--emotes:before {
    content: "\f118"
}

.input__button--upload:before {
    content: "\f574"
}

.input__button--send:before {
    content: "\f1d8"
}

.input__menus {
    max-height: 100px;
    overflow: auto
}

.input__menu {
    display: none;
    padding: 1px
}

.input__menu--active {
    display: block
}
