.mp-result {
	padding: 48px 32px;

	.mp-result-icon {
		margin-bottom: 24px;
		text-align: center;

		& > .mpicon {
			font-size: 72px;
			width: 72px;
			height: 72px;
		}
	}

	.mp-result-title {
		color: rgba(0, 0, 0, 0.85);
		font-size: 24px;
		line-height: 1.8;
		text-align: center;
	}

	.mp-result-description {
		color: rgba(0, 0, 0, 0.45);
		font-size: 14px;
		line-height: 1.6;
		text-align: center;
	}

	.mp-result-extra {
		margin-top: 32px;
		text-align: center;
	}

	&.mp-result__success .mp-result-icon > .mpicon {
		color: #52c41a;
	}

	&.mp-result__info .mp-result-icon > .mpicon {
		color: #1890ff;
	}

	&.mp-result__warning .mp-result-icon > .mpicon {
		color: #faad14;
	}

	&.mp-result__error .mp-result-icon > .mpicon {
		color: #f5222d;
	}

	.mpicon {
		display: inline-block;
		color: inherit;
		font-style: normal;
		line-height: 0;
		text-align: center;
		text-transform: none;
		vertical-align: -0.125em;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}