div.message-composer {
	border-top: 1px solid var(--border-color);
	overflow: hidden;
	grid-area: input;
	/* WebKit/Safari requires this hack for some reason, works fine without in other browsers */
	min-height: 2.25rem;

	blockquote.reply-body > pre {
		text-wrap: auto !important;
	}

	> div.input-area {
		display: flex;
		align-items: center;
		margin-right: .25rem;

		> textarea {
			line-height: 1.25;
			flex: 1;
			resize: none;
			font-family: var(--font-stack);
			height: auto;
			padding: .5rem;
			border: none;
			outline: none;
		}

		> button {
			height: 2rem;
			width: 2rem;
			padding: .25rem;
		}

		> input[type="file"] {
			display: none;
		}
	}

	> div.composer-media, > div.composer-location {
		display: flex;
		padding: .5rem;
		justify-content: space-between;

		> button {
			height: 2.5rem;
			width: 2.5rem;
			padding: .5rem;
		}
	}

	> div.composer-location {
		height: 15rem;

		> div.location-container {
			height: 15rem;
			max-width: 40rem;
			width: 100%;

			> div {
				height: 15rem;
				width: 100%;
			}
		}
	}
}