@include body-class(true) {
	#beehive-widget-header {
		.beehive-left-actions {
			min-width: 1px;
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			align-items: center;
			padding: 11px 0;

			a,
			button {
				color: palette(gray, light);
				font: 400 13px/18px $font;
				letter-spacing: $font--letter-spacing;

				[class*='sui-icon-'] {
					&:before {
						color: inherit;
					}
				}

				&:hover,
				&:focus,
				&:active {
					color: palette(gray, default);
				}
			}

			button {
				cursor: pointer;
				margin: 0;
				padding: 0;
				border: 0;
				border-radius: 0;
				background-image: none;
				background-color: transparent;

				&,
				&:hover,
				&:focus,
				&:active {
					box-shadow: none;
				}
			}

			.beehive-separator {
				width: 1px;
				height: 10px;
				display: block;
				margin: 0 #{$sui-gutter / 2};
				background-color: palette(silver, soft);
			}

			+ .beehive-right-actions {
				margin-top: #{$sui-gutter-md / 2};
			}
		}

		.beehive-right-actions {
			flex: 0 0 auto;
		}
	}

	// SIZE: Normal.
	&:not(.beehive-widget-small) {
		#beehive-widget-header {
			display: flex;
			align-items: flex-start;

			.beehive-left-actions {
				+ .beehive-right-actions {
					margin-top: 0;
					margin-left: #{$sui-gutter-md / 2};
				}
			}
		}
	}
}
