$padding: 10px;

.mind-popup-input {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;

	> svg {
		position: absolute;
		left: $padding * 2;
		top: $padding * 2;
		pointer-events: none;
		color: var(--mind-brand-color);
	}

	> .components-base-control {
		flex: 1;
	}

	textarea {
		width: 100%;
		max-height: 150px;
		border: none !important;
		box-shadow: none !important;
		padding: $padding * 2;
		padding-left: $padding * 5;
		font-size: 1.15em;
		color: #151515;
		resize: none;

		&::placeholder {
			color: #a3a3a3;
		}
	}
}
