@import '../../minerva.less/minerva.variables.less';

.notifications-overlay .overlay-content {
	top: @overlayHeaderHeight;
	bottom: @overlayHeaderHeight;

	.mw-echo-ui-notificationsWidget {
		top: @overlayHeaderHeight;
	}

	.mw-echo-ui-notificationItemWidget {
		border-left: 0;
		border-right: 0;
	}
}

@media all and ( min-width: @width-breakpoint-tablet ) {
	.notifications-overlay {
		.mw-echo-notification {
			padding: 1.75em @contentPaddingTablet;
		}
	}
}