@include body-class(true) {
	.sui-box {
		&.beehive-loading {
			position: relative;

			p.beehive-loading-text {
				position: absolute;
				z-index: 12;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: palette(gray, light);
				font: 500 13px/18px $font;
				letter-spacing: $font--letter-spacing;

				[class*='sui-icon-'] {
					margin-right: 10px;
				}
			}

			&:before {
				content: ' ';
				width: 100%;
				position: absolute;
				z-index: 11;
				top: 0;
				bottom: 0;
				left: 0;
				border-radius: $border-radius;
				background-color: rgba(255, 255, 255, 0.95);
			}
		}

		&:not(.beehive-loading) {
			p.beehive-loading-text {
				display: none;
			}
		}

		.beehive-spacing-bottom--0 {
			padding-bottom: 0;
		}
	}
}
