@include body-class(true) {
	#beehive-widget-content--traffic {
		.beehive-box {
			text-align: left;

			.beehive-box-title {
				display: block;
				margin: 0;
				padding: 0;
				border: 0;
				color: palette(gray, default);
				font: bold 14px/19px $font;
				letter-spacing: $font--letter-spacing;

				[class*='sui-icon-'] {
					vertical-align: middle;
					margin-right: #{$sui-gutter-md / 2};

					&:before {
						color: inherit;
					}
				}
			}

			.beehive-box-content {
				position: relative;
				margin: #{$sui-gutter-md / 2} 0 0;

				p {
					margin: 0;
					padding: 0;
					border: 0;
					box-shadow: none;
					letter-spacing: normal;
				}

				.beehive-box-stat-value {
					color: #4e4e4e;
					font: 700 28px/37px $font;
				}

				.beehive-box-stat-name {
					color: #23282d;
					font: 400 12px/16px $font;
				}

				.sui-circle-score {
					position: absolute;
					top: 50%;
					right: 0;
					transform: translateY(-50%);

					svg circle:last-child {
						stroke: $blue;
					}

					.sui-circle-score-label {
						display: none;
					}

					&[data-score='0'] {
						svg circle:last-child {
							stroke: transparent;
						}
					}
				}
			}
		}
	}

	// SIZE: Normal.
	&:not(.beehive-widget-small) {
		.beehive-box {
			.beehive-box-title {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.beehive-box-content {
				margin-top: #{$sui-gutter / 2};
				padding-right: #{$sui-gutter + 5px};

				.sui-circle-score {
					top: auto;
					bottom: 7px;
					transform: none;
				}
			}
		}
	}
}
