@import (reference) '../../styles/variables.less';
@import (reference) '../../styles/mixins.less';

.@{prefix}-LoadingMessage {
	.box-sizing();

	line-height: 1em;
	background-color: @color-white;
	position: relative;
	display: inline-block;
	text-align: center;
	border: @border-lightBorder;
	border-radius: @size-borderRadius;
	padding: @size-standard;
	width: 135px;

	.@{prefix}-Icon {
		display: inline-block;
	}

	&-title {
		font-weight: @font-weight-semiBold;
		font-size: @size-L;
		margin: @size-XS 0 0;
	}

	&-body {
		font-size: @fontSize;
		margin: @size-XS 0 0;
		display: inline-block;
	}

	&-no-content {
		width: inherit;
	}
}