@import url(~antd/lib/message/style/index-pure.less);
@import '../../style/themes/index.less';
@import '../../style/mixins/index.less';

@icon-prefix-cls: ~'@{ant-prefix}-icon';

.@{message-prefix-cls} {
	font-size: @font-size-sm;
	line-height: @layout-height-2;
	pointer-events: unset !important;

	& &-notice {
		position: relative;

		&-content {
			border-radius: @border-radius-base;
			box-shadow: @shadow-2;
			line-height: @layout-height-2;
			padding: @message-notice-content-padding;

			.@{message-prefix-cls}-title {
				margin-right: 12px;
			}

			.@{message-prefix-cls}-info-title {
				color: @link-color;
			}

			.@{message-prefix-cls}-success-title {
				color: @success-color;
			}

			.@{message-prefix-cls}-error-title {
				color: @danger-color;
			}

			.@{message-prefix-cls}-warning-title {
				color: @warning-color;
			}

			.@{message-prefix-cls}-loading-title {
				color: @gray-100;
			}

			.@{icon-prefix-cls} {
				margin-right: 12px;
				top: 0;
			}

			.@{ant-prefix}-spin {
				margin-right: 12px;
				line-height: @layout-height-2;
			}

			.@{message-prefix-cls}-custom-content {
				display: flex;
				align-items: center;
			}
		}
	}

	&-notice-close {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: @text-color;
		outline: none;
		margin-left: calc(-10px - @iconfont-size-sm);
		cursor: pointer;
		font-size: @iconfont-size-sm;

		.@{icon-prefix-cls} {
			margin-right: 0;
		}

		&:hover {
			color: @heading-color;
		}
	}

	&-notice-success {
		&.@{message-prefix-cls}-notice-with-background {
			.@{message-prefix-cls}-notice-content {
				background-color: @success-color-light2;
			}
		}

		.@{message-prefix-cls}-success > .@{iconfont-css-prefix} {
			color: @success-color;
		}
	}

	&-notice-info {
		&.@{message-prefix-cls}-notice-with-background {
			.@{message-prefix-cls}-notice-content {
				background-color: @info-color-light;
			}
		}

		.@{message-prefix-cls}-info > .@{iconfont-css-prefix} {
			color: @info-color;
		}
	}

	&-notice-loading {
		&.@{message-prefix-cls}-notice-with-background {
			.@{message-prefix-cls}-notice-content {
				background-color: @info-color-light;
			}
		}
	}

	&-notice-warning {
		.@{message-prefix-cls}-warning > .@{iconfont-css-prefix} {
			color: @warning-color;
		}

		&.@{message-prefix-cls}-notice-with-background {
			.@{message-prefix-cls}-notice-content {
				background-color: @warning2-color-light2;
			}
			.@{iconfont-css-prefix} {
				color: @warning2-color!important;
			}
		}
	}

	&-notice-error {
		&.@{message-prefix-cls}-notice-with-background {
			.@{message-prefix-cls}-notice-content {
				background-color: @danger-color-light2;
			}
		}

		.@{message-prefix-cls}-error > .@{iconfont-css-prefix} {
			color: @danger-color;
		}
	}

	&-notice&-notice-large {
		font-size: @font-size-base;

		.@{message-prefix-cls}-notice-content {
			padding: @message-notice-large-content-padding;
			line-height: @layout-height-3;
			.@{icon-prefix-cls} {
				margin-right: 12px;
				font-size: calc(@iconfont-size-sm + 2px);
			}

			.@{ant-prefix}-spin {
				margin-right: 12px;
			}
		}
	}

	&-notice-large &-notice-close {
		margin-left: -30px;
	}
	&-notice-closable &-notice-content {
		padding-right: 44px;
	}

	&-notice-closable&-notice-large &-notice-content {
		padding-right: 48px;
	}

	&-glassmorphism &-notice-content {
		.glassmorphism-dropdown();
	}
}