/* wc.ui.messagesBox.scss */
@import 'messageBox_vars';

.wc_msgbox {
	@include border;
	@include flex;
	min-height: 0;

	> h1 {
		font-size: $msg-box-header-size;
		font-weight: normal;

		> span {
			@include offscreen;
		}
	}

	> button {
		padding: $vgap-normal $hgap-small;
	}

	> ul {
		@include flex-align-self(center);
		margin: $vgap-small 0;
		padding-right: $hgap-small;
	}
}
