.dt-ui-replyWidget {
	margin-bottom: 1em;

	> .oo-ui-textInputWidget {
		max-width: none;

		.oo-ui-inputWidget-input {
			line-height: 1.5em;
		}
	}

	&-actionsWrapper {
		display: flex;
		margin-top: 0.5em;
	}

	&-actions {
		margin-left: 3em;
		white-space: nowrap;
	}

	&-footer {
		flex-grow: 1;
		font-size: 0.75em;
		color: #54595d;

		> p {
			&:first-child {
				margin-top: 0;
			}

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	&-preview {
		background: #f6f6f6;
		padding: 0.5em 1em;

		&:empty {
			display: none;
		}

		&:before {
			content: attr( data-label );
			color: #808080;
		}

		> .mw-parser-output {
			margin-left: -1.6em;
		}
	}

	.oo-ui-messageWidget {
		margin-bottom: 0.5em;
	}

	&-anonWarning {
		display: flex;
		align-items: center;
		margin-top: 1em;
		margin-bottom: 0.5em;

		&.oo-ui-messageWidget-block {
			padding: 8px 12px;

			> .oo-ui-iconElement-icon {
				background-position: center center;
				transform: scale( 1.5 );
			}
		}

		> .oo-ui-labelElement-label {
			flex-grow: 1;
			margin-left: 2.5em;
		}
	}
}