@wpmudev/sui-css/dist/css/sui-css.css

SUI CSS Framework, the WPMU DEV Products styles library.

/*!
 * WPMU DEV Shared UI

 * 
 * Copyright 2018 - 2023 Incsub (https://incsub.com)
 * Licensed under GPL-2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
.sui-wrap.sui-theme--light .sui-bg-primary--10 {
	background: #081630;
}
.sui-wrap.sui-theme--light .sui-bg-primary--30 {
	background: #184291;
}
.sui-wrap.sui-theme--light .sui-bg-primary--50 {
	background: #286ef1;
}
.sui-wrap.sui-theme--light .sui-bg-primary--70 {
	background: #d5e3fd;
}
.sui-wrap.sui-theme--light .sui-bg-primary--90 {
	background: #eaf1fe;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--10 {
	background: #1a1a1a;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--30 {
	background: #333333;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--50 {
	background: #505050;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--60 {
	background: #737373;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--70 {
	background: #aaaaaa;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--80 {
	background: #e6e6e6;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--90 {
	background: #f2f2f2;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--95 {
	background: #f8f8f8;
}
.sui-wrap.sui-theme--light .sui-bg-neutral--100 {
	background: #ffffff;
}
.sui-wrap.sui-theme--light .sui-bg-success--10 {
	background: #05250f;
}
.sui-wrap.sui-theme--light .sui-bg-success--30 {
	background: #0c5e26;
}
.sui-wrap.sui-theme--light .sui-bg-success--50 {
	background: #18bb4b;
}
.sui-wrap.sui-theme--light .sui-bg-success--70 {
	background: #baebc9;
}
.sui-wrap.sui-theme--light .sui-bg-success--90 {
	background: #e8f8ed;
}
.sui-wrap.sui-theme--light .sui-bg-warning--10 {
	background: #191609;
}
.sui-wrap.sui-theme--light .sui-bg-warning--30 {
	background: #5b502b;
}
.sui-wrap.sui-theme--light .sui-bg-warning--50 {
	background: #ffcc20;
}
.sui-wrap.sui-theme--light .sui-bg-warning--70 {
	background: #fff4ce;
}
.sui-wrap.sui-theme--light .sui-bg-warning--90 {
	background: #fffbef;
}
.sui-wrap.sui-theme--light .sui-bg-error--10 {
	background: #180909;
}
.sui-wrap.sui-theme--light .sui-bg-error--30 {
	background: #ab403e;
}
.sui-wrap.sui-theme--light .sui-bg-error--50 {
	background: #f45c59;
}
.sui-wrap.sui-theme--light .sui-bg-error--70 {
	background: #fccecd;
}
.sui-wrap.sui-theme--light .sui-bg-error--90 {
	background: #feefee;
}

.sui-wrap.sui-theme--light .sui-border-color-primary--10 {
	border-color: #081630;
}
.sui-wrap.sui-theme--light .sui-border-color-primary--30 {
	border-color: #184291;
}
.sui-wrap.sui-theme--light .sui-border-color-primary--50 {
	border-color: #286ef1;
}
.sui-wrap.sui-theme--light .sui-border-color-primary--70 {
	border-color: #d5e3fd;
}
.sui-wrap.sui-theme--light .sui-border-color-primary--90 {
	border-color: #eaf1fe;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--10 {
	border-color: #1a1a1a;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--30 {
	border-color: #333333;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--50 {
	border-color: #505050;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--60 {
	border-color: #737373;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--70 {
	border-color: #aaaaaa;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--80 {
	border-color: #e6e6e6;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--90 {
	border-color: #f2f2f2;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--95 {
	border-color: #f8f8f8;
}
.sui-wrap.sui-theme--light .sui-border-color-neutral--100 {
	border-color: #ffffff;
}
.sui-wrap.sui-theme--light .sui-border-color-success--10 {
	border-color: #05250f;
}
.sui-wrap.sui-theme--light .sui-border-color-success--30 {
	border-color: #0c5e26;
}
.sui-wrap.sui-theme--light .sui-border-color-success--50 {
	border-color: #18bb4b;
}
.sui-wrap.sui-theme--light .sui-border-color-success--70 {
	border-color: #baebc9;
}
.sui-wrap.sui-theme--light .sui-border-color-success--90 {
	border-color: #e8f8ed;
}
.sui-wrap.sui-theme--light .sui-border-color-warning--10 {
	border-color: #191609;
}
.sui-wrap.sui-theme--light .sui-border-color-warning--30 {
	border-color: #5b502b;
}
.sui-wrap.sui-theme--light .sui-border-color-warning--50 {
	border-color: #ffcc20;
}
.sui-wrap.sui-theme--light .sui-border-color-warning--70 {
	border-color: #fff4ce;
}
.sui-wrap.sui-theme--light .sui-border-color-warning--90 {
	border-color: #fffbef;
}
.sui-wrap.sui-theme--light .sui-border-color-error--10 {
	border-color: #180909;
}
.sui-wrap.sui-theme--light .sui-border-color-error--30 {
	border-color: #ab403e;
}
.sui-wrap.sui-theme--light .sui-border-color-error--50 {
	border-color: #f45c59;
}
.sui-wrap.sui-theme--light .sui-border-color-error--70 {
	border-color: #fccecd;
}
.sui-wrap.sui-theme--light .sui-border-color-error--90 {
	border-color: #feefee;
}

.sui-wrap.sui-theme--light .sui-color-primary--10 {
	color: #081630;
}
.sui-wrap.sui-theme--light .sui-color-primary--30 {
	color: #184291;
}
.sui-wrap.sui-theme--light .sui-color-primary--50 {
	color: #286ef1;
}
.sui-wrap.sui-theme--light .sui-color-primary--70 {
	color: #d5e3fd;
}
.sui-wrap.sui-theme--light .sui-color-primary--90 {
	color: #eaf1fe;
}
.sui-wrap.sui-theme--light .sui-color-neutral--10 {
	color: #1a1a1a;
}
.sui-wrap.sui-theme--light .sui-color-neutral--30 {
	color: #333333;
}
.sui-wrap.sui-theme--light .sui-color-neutral--50 {
	color: #505050;
}
.sui-wrap.sui-theme--light .sui-color-neutral--60 {
	color: #737373;
}
.sui-wrap.sui-theme--light .sui-color-neutral--70 {
	color: #aaaaaa;
}
.sui-wrap.sui-theme--light .sui-color-neutral--80 {
	color: #e6e6e6;
}
.sui-wrap.sui-theme--light .sui-color-neutral--90 {
	color: #f2f2f2;
}
.sui-wrap.sui-theme--light .sui-color-neutral--95 {
	color: #f8f8f8;
}
.sui-wrap.sui-theme--light .sui-color-neutral--100 {
	color: #ffffff;
}
.sui-wrap.sui-theme--light .sui-color-success--10 {
	color: #05250f;
}
.sui-wrap.sui-theme--light .sui-color-success--30 {
	color: #0c5e26;
}
.sui-wrap.sui-theme--light .sui-color-success--50 {
	color: #18bb4b;
}
.sui-wrap.sui-theme--light .sui-color-success--70 {
	color: #baebc9;
}
.sui-wrap.sui-theme--light .sui-color-success--90 {
	color: #e8f8ed;
}
.sui-wrap.sui-theme--light .sui-color-warning--10 {
	color: #191609;
}
.sui-wrap.sui-theme--light .sui-color-warning--30 {
	color: #5b502b;
}
.sui-wrap.sui-theme--light .sui-color-warning--50 {
	color: #ffcc20;
}
.sui-wrap.sui-theme--light .sui-color-warning--70 {
	color: #fff4ce;
}
.sui-wrap.sui-theme--light .sui-color-warning--90 {
	color: #fffbef;
}
.sui-wrap.sui-theme--light .sui-color-error--10 {
	color: #180909;
}
.sui-wrap.sui-theme--light .sui-color-error--30 {
	color: #ab403e;
}
.sui-wrap.sui-theme--light .sui-color-error--50 {
	color: #f45c59;
}
.sui-wrap.sui-theme--light .sui-color-error--70 {
	color: #fccecd;
}
.sui-wrap.sui-theme--light .sui-color-error--90 {
	color: #feefee;
}

.sui-wrap,
.sui-wrap * {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
		Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	-webkit-font-variant-ligatures: none;
	font-variant-ligatures: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
.sui-wrap,
.sui-wrap p {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.1px;
}
.sui-wrap small,
.sui-wrap p small {
	font-size: 13px;
}
.sui-wrap b,
.sui-wrap strong,
.sui-wrap p b,
.sui-wrap p strong {
	font-weight: 700;
}
.sui-wrap .sui-heading {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: 700;
}
.sui-wrap .sui-heading--h1 {
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0px;
}
.sui-wrap .sui-heading--h2 {
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0px;
}
.sui-wrap .sui-heading--h3 {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0px;
}
.sui-wrap .sui-heading--h4 {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0px;
}
.sui-wrap .sui-heading--h5 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.2px;
}
.sui-wrap .sui-subtitle {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
}
.sui-wrap .sui-subtitle--sm {
	font-size: 14px;
}
.sui-wrap .sui-caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0px;
}
.sui-wrap .sui-overline {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.sui-wrap .sui-layout {
	margin-left: -10px;
}
@media (min-width: 783px) {
	.sui-wrap .sui-layout {
		margin-left: -20px;
	}
}
.sui-wrap .sui-layout * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sui-wrap .sui-layout__content {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.sui-wrap .sui-layout--vertical {
	margin-top: 16px;
}
@media (min-width: 1024px) {
	.sui-wrap .sui-layout--vertical {
		margin-top: 24px;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-layout--vertical {
		margin-top: 32px;
	}
}

.sui-wrap .sui-layout--horizontal {
	padding: 0 16px;
}
@media (min-width: 1024px) {
	.sui-wrap .sui-layout--horizontal {
		padding: 0 24px;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-layout--horizontal {
		padding: 0 32px;
	}
}

.sui-wrap .sui-row {
	margin-bottom: 16px;
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row {
		margin-bottom: 24px;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row {
		margin-bottom: 32px;
	}
}
.sui-wrap .sui-row:last-child {
	margin-bottom: 0;
}

.sui-wrap .sui-col {
	min-width: 0;
	max-width: 100%;
	display: block;
	margin: 0 0 16px;
}

.sui-wrap .sui-row--inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-left: -8px;
	margin-right: -8px;
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-left: -8px;
		margin-right: -8px;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--stacked {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-left: -12px;
		margin-right: -12px;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--stacked {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-left: -16px;
		margin-right: -16px;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--stacked {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-left: -16px;
		margin-right: -16px;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--stacked {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
}

.sui-wrap .sui-row--inline .sui-col {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.sui-wrap .sui-row--inline .sui-col--1 {
	width: 8.3333333333%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--2 {
	width: 16.6666666667%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--3 {
	width: 25%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--4 {
	width: 33.3333333333%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--5 {
	width: 41.6666666667%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--6 {
	width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--7 {
	width: 58.3333333333%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--8 {
	width: 66.6666666667%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--9 {
	width: 75%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--10 {
	width: 83.3333333333%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--11 {
	width: 91.6666666667%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.sui-wrap .sui-row--inline .sui-col--12 {
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--1 {
		width: 8.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--2 {
		width: 16.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--3 {
		width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--4 {
		width: 33.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--5 {
		width: 41.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--6 {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--7 {
		width: 58.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--8 {
		width: 66.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--9 {
		width: 75%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--10 {
		width: 83.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--11 {
		width: 91.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col--12 {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--stacked .sui-col {
		width: 100%;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--1 {
		width: 8.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--2 {
		width: 16.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--3 {
		width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--4 {
		width: 33.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--5 {
		width: 41.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--6 {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--7 {
		width: 58.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--8 {
		width: 66.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--9 {
		width: 75%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--10 {
		width: 83.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--11 {
		width: 91.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col--12 {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--stacked .sui-col {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--1 {
		width: 8.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--2 {
		width: 16.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--3 {
		width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--4 {
		width: 33.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--5 {
		width: 41.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--6 {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--7 {
		width: 58.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--8 {
		width: 66.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--9 {
		width: 75%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--10 {
		width: 83.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--11 {
		width: 91.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col--12 {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--stacked .sui-col {
		width: 100%;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--1 {
		width: 8.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--2 {
		width: 16.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--3 {
		width: 25%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--4 {
		width: 33.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--5 {
		width: 41.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--6 {
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--7 {
		width: 58.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--8 {
		width: 66.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--9 {
		width: 75%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--10 {
		width: 83.3333333333%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--11 {
		width: 91.6666666667%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col--12 {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--stacked .sui-col {
		width: 100%;
	}
}

.sui-wrap .sui-row--inline .sui-col {
	margin: 0;
	padding: 0 8px;
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--inline .sui-col {
		margin: 0;
		padding: 0 8px;
	}
}
@media (min-width: 783px) {
	.sui-wrap .sui-row-sm--stacked .sui-col {
		margin: 0 0 16px;
		padding: 0;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--inline .sui-col {
		margin: 0;
		padding: 0 12px;
	}
}
@media (min-width: 1024px) {
	.sui-wrap .sui-row-md--stacked .sui-col {
		margin: 0 0 24px;
		padding: 0;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--inline .sui-col {
		margin: 0;
		padding: 0 16px;
	}
}
@media (min-width: 1200px) {
	.sui-wrap .sui-row-lg--stacked .sui-col {
		margin: 0 0 32px;
		padding: 0;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--inline .sui-col {
		margin: 0;
		padding: 0 16px;
	}
}
@media (min-width: 1600px) {
	.sui-wrap .sui-row-xl--stacked .sui-col {
		margin: 0 0 32px;
		padding: 0;
	}
}