.f\:\.1,
			.f-z\:\.1 {
				font-size: 0.19381rem !important;
			}
.f\:\.2,
			.f-z\:\.2 {
				font-size: 0.23257rem !important;
			}
.f\:\.3,
			.f-z\:\.3 {
				font-size: 0.27908rem !important;
			}
.f\:\.4,
			.f-z\:\.4 {
				font-size: 0.3349rem !important;
			}
.f\:\.5,
			.f-z\:\.5 {
				font-size: 0.40188rem !important;
			}
.f\:\.6,
			.f-z\:\.6 {
				font-size: 0.48225rem !important;
			}
.f\:\.7,
			.f-z\:\.7 {
				font-size: 0.5787rem !important;
			}
.f\:\.8,
			.f-z\:\.8 {
				font-size: 0.69444rem !important;
			}
.f\:\.9,
			.f-z\:\.9 {
				font-size: 0.83333rem !important;
			}
.f\:0,
			.f-z\:0 {
				font-size: 0 !important;
			}
.f\:1,
			.f-z\:1 {
				font-size: 1rem !important;
			}
.f\:2,
			.f-z\:2 {
				font-size: 1.2rem !important;
			}
.f\:3,
			.f-z\:3 {
				font-size: 1.44rem !important;
			}
.f\:4,
			.f-z\:4 {
				font-size: 1.728rem !important;
			}
.f\:5,
			.f-z\:5 {
				font-size: 2.0736rem !important;
			}
.f\:6,
			.f-z\:6 {
				font-size: 2.48832rem !important;
			}
.f\:7,
			.f-z\:7 {
				font-size: 2.98598rem !important;
			}
.f\:8,
			.f-z\:8 {
				font-size: 3.58318rem !important;
			}
.f\:9,
			.f-z\:9 {
				font-size: 4.29982rem !important;
			}
.f\:10,
			.f-z\:10 {
				font-size: 5.15978rem !important;
			}
@media (min-width: 400px) {
				.f\:\.1\@xxs,
				.f-z\:\.1\@xxs {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@xxs,
				.f-z\:\.2\@xxs {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@xxs,
				.f-z\:\.3\@xxs {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@xxs,
				.f-z\:\.4\@xxs {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@xxs,
				.f-z\:\.5\@xxs {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@xxs,
				.f-z\:\.6\@xxs {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@xxs,
				.f-z\:\.7\@xxs {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@xxs,
				.f-z\:\.8\@xxs {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@xxs,
				.f-z\:\.9\@xxs {
					font-size: 0.83333rem !important;
				}
				.f\:0\@xxs,
				.f-z\:0\@xxs {
					font-size: 0 !important;
				}
				.f\:1\@xxs,
				.f-z\:1\@xxs {
					font-size: 1rem !important;
				}
				.f\:2\@xxs,
				.f-z\:2\@xxs {
					font-size: 1.2rem !important;
				}
				.f\:3\@xxs,
				.f-z\:3\@xxs {
					font-size: 1.44rem !important;
				}
				.f\:4\@xxs,
				.f-z\:4\@xxs {
					font-size: 1.728rem !important;
				}
				.f\:5\@xxs,
				.f-z\:5\@xxs {
					font-size: 2.0736rem !important;
				}
				.f\:6\@xxs,
				.f-z\:6\@xxs {
					font-size: 2.48832rem !important;
				}
				.f\:7\@xxs,
				.f-z\:7\@xxs {
					font-size: 2.98598rem !important;
				}
				.f\:8\@xxs,
				.f-z\:8\@xxs {
					font-size: 3.58318rem !important;
				}
				.f\:9\@xxs,
				.f-z\:9\@xxs {
					font-size: 4.29982rem !important;
				}
				.f\:10\@xxs,
				.f-z\:10\@xxs {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 500px) {
				.f\:\.1\@xs,
				.f-z\:\.1\@xs {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@xs,
				.f-z\:\.2\@xs {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@xs,
				.f-z\:\.3\@xs {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@xs,
				.f-z\:\.4\@xs {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@xs,
				.f-z\:\.5\@xs {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@xs,
				.f-z\:\.6\@xs {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@xs,
				.f-z\:\.7\@xs {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@xs,
				.f-z\:\.8\@xs {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@xs,
				.f-z\:\.9\@xs {
					font-size: 0.83333rem !important;
				}
				.f\:0\@xs,
				.f-z\:0\@xs {
					font-size: 0 !important;
				}
				.f\:1\@xs,
				.f-z\:1\@xs {
					font-size: 1rem !important;
				}
				.f\:2\@xs,
				.f-z\:2\@xs {
					font-size: 1.2rem !important;
				}
				.f\:3\@xs,
				.f-z\:3\@xs {
					font-size: 1.44rem !important;
				}
				.f\:4\@xs,
				.f-z\:4\@xs {
					font-size: 1.728rem !important;
				}
				.f\:5\@xs,
				.f-z\:5\@xs {
					font-size: 2.0736rem !important;
				}
				.f\:6\@xs,
				.f-z\:6\@xs {
					font-size: 2.48832rem !important;
				}
				.f\:7\@xs,
				.f-z\:7\@xs {
					font-size: 2.98598rem !important;
				}
				.f\:8\@xs,
				.f-z\:8\@xs {
					font-size: 3.58318rem !important;
				}
				.f\:9\@xs,
				.f-z\:9\@xs {
					font-size: 4.29982rem !important;
				}
				.f\:10\@xs,
				.f-z\:10\@xs {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 700px) {
				.f\:\.1\@sm,
				.f-z\:\.1\@sm {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@sm,
				.f-z\:\.2\@sm {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@sm,
				.f-z\:\.3\@sm {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@sm,
				.f-z\:\.4\@sm {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@sm,
				.f-z\:\.5\@sm {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@sm,
				.f-z\:\.6\@sm {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@sm,
				.f-z\:\.7\@sm {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@sm,
				.f-z\:\.8\@sm {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@sm,
				.f-z\:\.9\@sm {
					font-size: 0.83333rem !important;
				}
				.f\:0\@sm,
				.f-z\:0\@sm {
					font-size: 0 !important;
				}
				.f\:1\@sm,
				.f-z\:1\@sm {
					font-size: 1rem !important;
				}
				.f\:2\@sm,
				.f-z\:2\@sm {
					font-size: 1.2rem !important;
				}
				.f\:3\@sm,
				.f-z\:3\@sm {
					font-size: 1.44rem !important;
				}
				.f\:4\@sm,
				.f-z\:4\@sm {
					font-size: 1.728rem !important;
				}
				.f\:5\@sm,
				.f-z\:5\@sm {
					font-size: 2.0736rem !important;
				}
				.f\:6\@sm,
				.f-z\:6\@sm {
					font-size: 2.48832rem !important;
				}
				.f\:7\@sm,
				.f-z\:7\@sm {
					font-size: 2.98598rem !important;
				}
				.f\:8\@sm,
				.f-z\:8\@sm {
					font-size: 3.58318rem !important;
				}
				.f\:9\@sm,
				.f-z\:9\@sm {
					font-size: 4.29982rem !important;
				}
				.f\:10\@sm,
				.f-z\:10\@sm {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 900px) {
				.f\:\.1\@md,
				.f-z\:\.1\@md {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@md,
				.f-z\:\.2\@md {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@md,
				.f-z\:\.3\@md {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@md,
				.f-z\:\.4\@md {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@md,
				.f-z\:\.5\@md {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@md,
				.f-z\:\.6\@md {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@md,
				.f-z\:\.7\@md {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@md,
				.f-z\:\.8\@md {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@md,
				.f-z\:\.9\@md {
					font-size: 0.83333rem !important;
				}
				.f\:0\@md,
				.f-z\:0\@md {
					font-size: 0 !important;
				}
				.f\:1\@md,
				.f-z\:1\@md {
					font-size: 1rem !important;
				}
				.f\:2\@md,
				.f-z\:2\@md {
					font-size: 1.2rem !important;
				}
				.f\:3\@md,
				.f-z\:3\@md {
					font-size: 1.44rem !important;
				}
				.f\:4\@md,
				.f-z\:4\@md {
					font-size: 1.728rem !important;
				}
				.f\:5\@md,
				.f-z\:5\@md {
					font-size: 2.0736rem !important;
				}
				.f\:6\@md,
				.f-z\:6\@md {
					font-size: 2.48832rem !important;
				}
				.f\:7\@md,
				.f-z\:7\@md {
					font-size: 2.98598rem !important;
				}
				.f\:8\@md,
				.f-z\:8\@md {
					font-size: 3.58318rem !important;
				}
				.f\:9\@md,
				.f-z\:9\@md {
					font-size: 4.29982rem !important;
				}
				.f\:10\@md,
				.f-z\:10\@md {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 1100px) {
				.f\:\.1\@lg,
				.f-z\:\.1\@lg {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@lg,
				.f-z\:\.2\@lg {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@lg,
				.f-z\:\.3\@lg {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@lg,
				.f-z\:\.4\@lg {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@lg,
				.f-z\:\.5\@lg {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@lg,
				.f-z\:\.6\@lg {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@lg,
				.f-z\:\.7\@lg {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@lg,
				.f-z\:\.8\@lg {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@lg,
				.f-z\:\.9\@lg {
					font-size: 0.83333rem !important;
				}
				.f\:0\@lg,
				.f-z\:0\@lg {
					font-size: 0 !important;
				}
				.f\:1\@lg,
				.f-z\:1\@lg {
					font-size: 1rem !important;
				}
				.f\:2\@lg,
				.f-z\:2\@lg {
					font-size: 1.2rem !important;
				}
				.f\:3\@lg,
				.f-z\:3\@lg {
					font-size: 1.44rem !important;
				}
				.f\:4\@lg,
				.f-z\:4\@lg {
					font-size: 1.728rem !important;
				}
				.f\:5\@lg,
				.f-z\:5\@lg {
					font-size: 2.0736rem !important;
				}
				.f\:6\@lg,
				.f-z\:6\@lg {
					font-size: 2.48832rem !important;
				}
				.f\:7\@lg,
				.f-z\:7\@lg {
					font-size: 2.98598rem !important;
				}
				.f\:8\@lg,
				.f-z\:8\@lg {
					font-size: 3.58318rem !important;
				}
				.f\:9\@lg,
				.f-z\:9\@lg {
					font-size: 4.29982rem !important;
				}
				.f\:10\@lg,
				.f-z\:10\@lg {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 1300px) {
				.f\:\.1\@xl,
				.f-z\:\.1\@xl {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@xl,
				.f-z\:\.2\@xl {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@xl,
				.f-z\:\.3\@xl {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@xl,
				.f-z\:\.4\@xl {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@xl,
				.f-z\:\.5\@xl {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@xl,
				.f-z\:\.6\@xl {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@xl,
				.f-z\:\.7\@xl {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@xl,
				.f-z\:\.8\@xl {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@xl,
				.f-z\:\.9\@xl {
					font-size: 0.83333rem !important;
				}
				.f\:0\@xl,
				.f-z\:0\@xl {
					font-size: 0 !important;
				}
				.f\:1\@xl,
				.f-z\:1\@xl {
					font-size: 1rem !important;
				}
				.f\:2\@xl,
				.f-z\:2\@xl {
					font-size: 1.2rem !important;
				}
				.f\:3\@xl,
				.f-z\:3\@xl {
					font-size: 1.44rem !important;
				}
				.f\:4\@xl,
				.f-z\:4\@xl {
					font-size: 1.728rem !important;
				}
				.f\:5\@xl,
				.f-z\:5\@xl {
					font-size: 2.0736rem !important;
				}
				.f\:6\@xl,
				.f-z\:6\@xl {
					font-size: 2.48832rem !important;
				}
				.f\:7\@xl,
				.f-z\:7\@xl {
					font-size: 2.98598rem !important;
				}
				.f\:8\@xl,
				.f-z\:8\@xl {
					font-size: 3.58318rem !important;
				}
				.f\:9\@xl,
				.f-z\:9\@xl {
					font-size: 4.29982rem !important;
				}
				.f\:10\@xl,
				.f-z\:10\@xl {
					font-size: 5.15978rem !important;
				}
		}
@media (min-width: 1700px) {
				.f\:\.1\@xxl,
				.f-z\:\.1\@xxl {
					font-size: 0.19381rem !important;
				}
				.f\:\.2\@xxl,
				.f-z\:\.2\@xxl {
					font-size: 0.23257rem !important;
				}
				.f\:\.3\@xxl,
				.f-z\:\.3\@xxl {
					font-size: 0.27908rem !important;
				}
				.f\:\.4\@xxl,
				.f-z\:\.4\@xxl {
					font-size: 0.3349rem !important;
				}
				.f\:\.5\@xxl,
				.f-z\:\.5\@xxl {
					font-size: 0.40188rem !important;
				}
				.f\:\.6\@xxl,
				.f-z\:\.6\@xxl {
					font-size: 0.48225rem !important;
				}
				.f\:\.7\@xxl,
				.f-z\:\.7\@xxl {
					font-size: 0.5787rem !important;
				}
				.f\:\.8\@xxl,
				.f-z\:\.8\@xxl {
					font-size: 0.69444rem !important;
				}
				.f\:\.9\@xxl,
				.f-z\:\.9\@xxl {
					font-size: 0.83333rem !important;
				}
				.f\:0\@xxl,
				.f-z\:0\@xxl {
					font-size: 0 !important;
				}
				.f\:1\@xxl,
				.f-z\:1\@xxl {
					font-size: 1rem !important;
				}
				.f\:2\@xxl,
				.f-z\:2\@xxl {
					font-size: 1.2rem !important;
				}
				.f\:3\@xxl,
				.f-z\:3\@xxl {
					font-size: 1.44rem !important;
				}
				.f\:4\@xxl,
				.f-z\:4\@xxl {
					font-size: 1.728rem !important;
				}
				.f\:5\@xxl,
				.f-z\:5\@xxl {
					font-size: 2.0736rem !important;
				}
				.f\:6\@xxl,
				.f-z\:6\@xxl {
					font-size: 2.48832rem !important;
				}
				.f\:7\@xxl,
				.f-z\:7\@xxl {
					font-size: 2.98598rem !important;
				}
				.f\:8\@xxl,
				.f-z\:8\@xxl {
					font-size: 3.58318rem !important;
				}
				.f\:9\@xxl,
				.f-z\:9\@xxl {
					font-size: 4.29982rem !important;
				}
				.f\:10\@xxl,
				.f-z\:10\@xxl {
					font-size: 5.15978rem !important;
				}
		}
/*---
				title: -5
				section: z-index
				---

				```example:html
				<span class=".z-i:-5">z-i:-5</span>
				```
			*/
.z-i\:-5 {
				z-index: -5 !important;
			}
/*---
				title: -4
				section: z-index
				---

				```example:html
				<span class=".z-i:-4">z-i:-4</span>
				```
			*/
.z-i\:-4 {
				z-index: -4 !important;
			}
/*---
				title: -3
				section: z-index
				---

				```example:html
				<span class=".z-i:-3">z-i:-3</span>
				```
			*/
.z-i\:-3 {
				z-index: -3 !important;
			}
/*---
				title: -2
				section: z-index
				---

				```example:html
				<span class=".z-i:-2">z-i:-2</span>
				```
			*/
.z-i\:-2 {
				z-index: -2 !important;
			}
/*---
				title: -1
				section: z-index
				---

				```example:html
				<span class=".z-i:-1">z-i:-1</span>
				```
			*/
.z-i\:-1 {
				z-index: -1 !important;
			}
/*---
				title: 0
				section: z-index
				---

				```example:html
				<span class=".z-i:0">z-i:0</span>
				```
			*/
.z-i\:0 {
				z-index: 0 !important;
			}
/*---
				title: 1
				section: z-index
				---

				```example:html
				<span class=".z-i:1">z-i:1</span>
				```
			*/
.z-i\:1 {
				z-index: 1 !important;
			}
/*---
				title: 2
				section: z-index
				---

				```example:html
				<span class=".z-i:2">z-i:2</span>
				```
			*/
.z-i\:2 {
				z-index: 2 !important;
			}
/*---
				title: 3
				section: z-index
				---

				```example:html
				<span class=".z-i:3">z-i:3</span>
				```
			*/
.z-i\:3 {
				z-index: 3 !important;
			}
/*---
				title: 4
				section: z-index
				---

				```example:html
				<span class=".z-i:4">z-i:4</span>
				```
			*/
.z-i\:4 {
				z-index: 4 !important;
			}
/*---
				title: 5
				section: z-index
				---

				```example:html
				<span class=".z-i:5">z-i:5</span>
				```
			*/
.z-i\:5 {
				z-index: 5 !important;
			}
@media (min-width: 400px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@xxs {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@xxs {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@xxs {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@xxs {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@xxs {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@xxs {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@xxs {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@xxs {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@xxs {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@xxs {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@xxs {
					z-index: 5 !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@xs {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@xs {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@xs {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@xs {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@xs {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@xs {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@xs {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@xs {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@xs {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@xs {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@xs {
					z-index: 5 !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@sm {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@sm {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@sm {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@sm {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@sm {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@sm {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@sm {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@sm {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@sm {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@sm {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@sm {
					z-index: 5 !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@md {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@md {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@md {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@md {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@md {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@md {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@md {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@md {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@md {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@md {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@md {
					z-index: 5 !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@lg {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@lg {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@lg {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@lg {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@lg {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@lg {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@lg {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@lg {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@lg {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@lg {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@lg {
					z-index: 5 !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@xl {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@xl {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@xl {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@xl {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@xl {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@xl {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@xl {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@xl {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@xl {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@xl {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@xl {
					z-index: 5 !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: -5
					section: z-index
					---

					```example:html
					<span class=".z-i:-5@$(mq)">z-i:-5@$(mq)</span>
					```
				*/
				.z-i\:-5\@xxl {
					z-index: -5 !important;
				}
				/*---
					title: -4
					section: z-index
					---

					```example:html
					<span class=".z-i:-4@$(mq)">z-i:-4@$(mq)</span>
					```
				*/
				.z-i\:-4\@xxl {
					z-index: -4 !important;
				}
				/*---
					title: -3
					section: z-index
					---

					```example:html
					<span class=".z-i:-3@$(mq)">z-i:-3@$(mq)</span>
					```
				*/
				.z-i\:-3\@xxl {
					z-index: -3 !important;
				}
				/*---
					title: -2
					section: z-index
					---

					```example:html
					<span class=".z-i:-2@$(mq)">z-i:-2@$(mq)</span>
					```
				*/
				.z-i\:-2\@xxl {
					z-index: -2 !important;
				}
				/*---
					title: -1
					section: z-index
					---

					```example:html
					<span class=".z-i:-1@$(mq)">z-i:-1@$(mq)</span>
					```
				*/
				.z-i\:-1\@xxl {
					z-index: -1 !important;
				}
				/*---
					title: 0
					section: z-index
					---

					```example:html
					<span class=".z-i:0@$(mq)">z-i:0@$(mq)</span>
					```
				*/
				.z-i\:0\@xxl {
					z-index: 0 !important;
				}
				/*---
					title: 1
					section: z-index
					---

					```example:html
					<span class=".z-i:1@$(mq)">z-i:1@$(mq)</span>
					```
				*/
				.z-i\:1\@xxl {
					z-index: 1 !important;
				}
				/*---
					title: 2
					section: z-index
					---

					```example:html
					<span class=".z-i:2@$(mq)">z-i:2@$(mq)</span>
					```
				*/
				.z-i\:2\@xxl {
					z-index: 2 !important;
				}
				/*---
					title: 3
					section: z-index
					---

					```example:html
					<span class=".z-i:3@$(mq)">z-i:3@$(mq)</span>
					```
				*/
				.z-i\:3\@xxl {
					z-index: 3 !important;
				}
				/*---
					title: 4
					section: z-index
					---

					```example:html
					<span class=".z-i:4@$(mq)">z-i:4@$(mq)</span>
					```
				*/
				.z-i\:4\@xxl {
					z-index: 4 !important;
				}
				/*---
					title: 5
					section: z-index
					---

					```example:html
					<span class=".z-i:5@$(mq)">z-i:5@$(mq)</span>
					```
				*/
				.z-i\:5\@xxl {
					z-index: 5 !important;
				}
		}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:100">f-w:100</span>
				```
			*/
.f-w\:100 {
				font-weight: 100 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:200">f-w:200</span>
				```
			*/
.f-w\:200 {
				font-weight: 200 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:300">f-w:300</span>
				```
			*/
.f-w\:300 {
				font-weight: 300 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:400">f-w:400</span>
				```
			*/
.f-w\:400 {
				font-weight: 400 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:500">f-w:500</span>
				```
			*/
.f-w\:500 {
				font-weight: 500 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:600">f-w:600</span>
				```
			*/
.f-w\:600 {
				font-weight: 600 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:700">f-w:700</span>
				```
			*/
.f-w\:700 {
				font-weight: 700 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:800">f-w:800</span>
				```
			*/
.f-w\:800 {
				font-weight: 800 !important;
			}
/*---
				title: Font Weight
				section: Typography
				---

				```html
				<span class=".f-w:900">f-w:900</span>
				```
			*/
.f-w\:900 {
				font-weight: 900 !important;
			}
@media (min-width: 400px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@xxs {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@xxs {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@xxs {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@xxs {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@xxs {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@xxs {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@xxs {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@xxs {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@xxs {
					font-weight: 900 !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@xs {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@xs {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@xs {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@xs {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@xs {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@xs {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@xs {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@xs {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@xs {
					font-weight: 900 !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@sm {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@sm {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@sm {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@sm {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@sm {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@sm {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@sm {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@sm {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@sm {
					font-weight: 900 !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@md {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@md {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@md {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@md {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@md {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@md {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@md {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@md {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@md {
					font-weight: 900 !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@lg {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@lg {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@lg {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@lg {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@lg {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@lg {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@lg {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@lg {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@lg {
					font-weight: 900 !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@xl {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@xl {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@xl {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@xl {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@xl {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@xl {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@xl {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@xl {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@xl {
					font-weight: 900 !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:100@$(mq)">f-w:100@$(mq)</span>
					```
				*/
				.f-w\:100\@xxl {
					font-weight: 100 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:200@$(mq)">f-w:200@$(mq)</span>
					```
				*/
				.f-w\:200\@xxl {
					font-weight: 200 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:300@$(mq)">f-w:300@$(mq)</span>
					```
				*/
				.f-w\:300\@xxl {
					font-weight: 300 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:400@$(mq)">f-w:400@$(mq)</span>
					```
				*/
				.f-w\:400\@xxl {
					font-weight: 400 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:500@$(mq)">f-w:500@$(mq)</span>
					```
				*/
				.f-w\:500\@xxl {
					font-weight: 500 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:600@$(mq)">f-w:600@$(mq)</span>
					```
				*/
				.f-w\:600\@xxl {
					font-weight: 600 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:700@$(mq)">f-w:700@$(mq)</span>
					```
				*/
				.f-w\:700\@xxl {
					font-weight: 700 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:800@$(mq)">f-w:800@$(mq)</span>
					```
				*/
				.f-w\:800\@xxl {
					font-weight: 800 !important;
				}
				/*---
					title: Font Weight
					section: Typography
					---

					```html
					<span class=".f-w:900@$(mq)">f-w:900@$(mq)</span>
					```
				*/
				.f-w\:900\@xxl {
					font-weight: 900 !important;
				}
		}
/*---
	title: Font Family
	section: Typography
	---

	```html
	<span class=".f-f:$(style)">f-f:$(style)</span>
	```
	 */
.f-f\:sans {
		font-family: sans-serif !important;
	}
/*---
	title: Font Family
	section: Typography
	---

	```html
	<span class=".f-f:$(style)">f-f:$(style)</span>
	```
	 */
.f-f\:serif {
		font-family: Georgia, serif !important;
	}
/*---
	title: Font Family
	section: Typography
	---

	```html
	<span class=".f-f:$(style)">f-f:$(style)</span>
	```
	 */
.f-f\:mono {
		font-family: monospace !important;
	}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".f-s:$(sshort)">f-s:$(sshort)</span>
				```
			*/
.f-s\:n {
				font-style: normal !important;
			}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".f-s:$(sshort)">f-s:$(sshort)</span>
				```
			*/
.f-s\:i {
				font-style: italic !important;
			}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".f-s:$(sshort)">f-s:$(sshort)</span>
				```
			*/
.f-s\:o {
				font-style: oblique !important;
			}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@xxs {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@xxs {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@xxs {
					font-style: oblique !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@xs {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@xs {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@xs {
					font-style: oblique !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@sm {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@sm {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@sm {
					font-style: oblique !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@md {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@md {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@md {
					font-style: oblique !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@lg {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@lg {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@lg {
					font-style: oblique !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@xl {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@xl {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@xl {
					font-style: oblique !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:n\@xxl {
					font-style: normal !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:i\@xxl {
					font-style: italic !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".f-s:$(sshort)\@$(mq)">f-s:$(sshort)@$(mq)</span>
					```
				*/
				.f-s\:o\@xxl {
					font-style: oblique !important;
				}
		}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".t-a:$(var)">t-a:$(var)</span>
				```
			*/
.t-a\:l {
				text-align: left !important;
			}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".t-a:$(var)">t-a:$(var)</span>
				```
			*/
.t-a\:r {
				text-align: right !important;
			}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".t-a:$(var)">t-a:$(var)</span>
				```
			*/
.t-a\:c {
				text-align: center !important;
			}
/*---
				title: $(style)
				section: Font Style
				---

				```html
				<span class=".t-a:$(var)">t-a:$(var)</span>
				```
			*/
.t-a\:j {
				text-align: justify !important;
			}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@xxs {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@xxs {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@xxs {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@xxs {
					text-align: justify !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@xs {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@xs {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@xs {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@xs {
					text-align: justify !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@sm {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@sm {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@sm {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@sm {
					text-align: justify !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@md {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@md {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@md {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@md {
					text-align: justify !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@lg {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@lg {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@lg {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@lg {
					text-align: justify !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@xl {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@xl {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@xl {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@xl {
					text-align: justify !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:l\@xxl {
					text-align: left !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:r\@xxl {
					text-align: right !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:c\@xxl {
					text-align: center !important;
				}
				/*---
					title: $(style)
					section: Font Style
					---

					```html
					<span class=".t-a:$(var)\@$(mq)">t-a:$(var)@$(mq)</span>
					```
				*/
				.t-a\:j\@xxl {
					text-align: justify !important;
				}
		}
.m\:a {
							margin: auto !important;
						}
.m\:\.1 {
							margin: 0.19381rem !important;
						}
.m\:\.2 {
							margin: 0.23257rem !important;
						}
.m\:\.3 {
							margin: 0.27908rem !important;
						}
.m\:\.4 {
							margin: 0.3349rem !important;
						}
.m\:\.5 {
							margin: 0.40188rem !important;
						}
.m\:\.6 {
							margin: 0.48225rem !important;
						}
.m\:\.7 {
							margin: 0.5787rem !important;
						}
.m\:\.8 {
							margin: 0.69444rem !important;
						}
.m\:\.9 {
							margin: 0.83333rem !important;
						}
.m\:0 {
							margin: 0 !important;
						}
.m\:1 {
							margin: 1rem !important;
						}
.m\:2 {
							margin: 1.2rem !important;
						}
.m\:3 {
							margin: 1.44rem !important;
						}
.m\:4 {
							margin: 1.728rem !important;
						}
.m\:5 {
							margin: 2.0736rem !important;
						}
.m\:6 {
							margin: 2.48832rem !important;
						}
.m\:7 {
							margin: 2.98598rem !important;
						}
.m\:8 {
							margin: 3.58318rem !important;
						}
.m\:9 {
							margin: 4.29982rem !important;
						}
.m\:10 {
							margin: 5.15978rem !important;
						}
.m-t\:a {
							margin-top: auto !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.1 {
								margin-top: 0.19381rem !important;
							}
.m-t\:-\.1 {
									margin-top: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.2 {
								margin-top: 0.23257rem !important;
							}
.m-t\:-\.2 {
									margin-top: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.3 {
								margin-top: 0.27908rem !important;
							}
.m-t\:-\.3 {
									margin-top: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.4 {
								margin-top: 0.3349rem !important;
							}
.m-t\:-\.4 {
									margin-top: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.5 {
								margin-top: 0.40188rem !important;
							}
.m-t\:-\.5 {
									margin-top: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.6 {
								margin-top: 0.48225rem !important;
							}
.m-t\:-\.6 {
									margin-top: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.7 {
								margin-top: 0.5787rem !important;
							}
.m-t\:-\.7 {
									margin-top: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.8 {
								margin-top: 0.69444rem !important;
							}
.m-t\:-\.8 {
									margin-top: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:\.9 {
								margin-top: 0.83333rem !important;
							}
.m-t\:-\.9 {
									margin-top: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:0 {
								margin-top: 0 !important;
							}
.m-t\:-0 {
									margin-top: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:1 {
								margin-top: 1rem !important;
							}
.m-t\:-1 {
									margin-top: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:2 {
								margin-top: 1.2rem !important;
							}
.m-t\:-2 {
									margin-top: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:3 {
								margin-top: 1.44rem !important;
							}
.m-t\:-3 {
									margin-top: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:4 {
								margin-top: 1.728rem !important;
							}
.m-t\:-4 {
									margin-top: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:5 {
								margin-top: 2.0736rem !important;
							}
.m-t\:-5 {
									margin-top: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:6 {
								margin-top: 2.48832rem !important;
							}
.m-t\:-6 {
									margin-top: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:7 {
								margin-top: 2.98598rem !important;
							}
.m-t\:-7 {
									margin-top: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:8 {
								margin-top: 3.58318rem !important;
							}
.m-t\:-8 {
									margin-top: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:9 {
								margin-top: 4.29982rem !important;
							}
.m-t\:-9 {
									margin-top: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-t\:10 {
								margin-top: 5.15978rem !important;
							}
.m-t\:-10 {
									margin-top: -5.15978rem !important;
								}
.m-b\:a {
							margin-bottom: auto !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.1 {
								margin-bottom: 0.19381rem !important;
							}
.m-b\:-\.1 {
									margin-bottom: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.2 {
								margin-bottom: 0.23257rem !important;
							}
.m-b\:-\.2 {
									margin-bottom: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.3 {
								margin-bottom: 0.27908rem !important;
							}
.m-b\:-\.3 {
									margin-bottom: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.4 {
								margin-bottom: 0.3349rem !important;
							}
.m-b\:-\.4 {
									margin-bottom: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.5 {
								margin-bottom: 0.40188rem !important;
							}
.m-b\:-\.5 {
									margin-bottom: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.6 {
								margin-bottom: 0.48225rem !important;
							}
.m-b\:-\.6 {
									margin-bottom: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.7 {
								margin-bottom: 0.5787rem !important;
							}
.m-b\:-\.7 {
									margin-bottom: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.8 {
								margin-bottom: 0.69444rem !important;
							}
.m-b\:-\.8 {
									margin-bottom: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:\.9 {
								margin-bottom: 0.83333rem !important;
							}
.m-b\:-\.9 {
									margin-bottom: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:0 {
								margin-bottom: 0 !important;
							}
.m-b\:-0 {
									margin-bottom: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:1 {
								margin-bottom: 1rem !important;
							}
.m-b\:-1 {
									margin-bottom: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:2 {
								margin-bottom: 1.2rem !important;
							}
.m-b\:-2 {
									margin-bottom: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:3 {
								margin-bottom: 1.44rem !important;
							}
.m-b\:-3 {
									margin-bottom: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:4 {
								margin-bottom: 1.728rem !important;
							}
.m-b\:-4 {
									margin-bottom: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:5 {
								margin-bottom: 2.0736rem !important;
							}
.m-b\:-5 {
									margin-bottom: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:6 {
								margin-bottom: 2.48832rem !important;
							}
.m-b\:-6 {
									margin-bottom: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:7 {
								margin-bottom: 2.98598rem !important;
							}
.m-b\:-7 {
									margin-bottom: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:8 {
								margin-bottom: 3.58318rem !important;
							}
.m-b\:-8 {
									margin-bottom: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:9 {
								margin-bottom: 4.29982rem !important;
							}
.m-b\:-9 {
									margin-bottom: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-b\:10 {
								margin-bottom: 5.15978rem !important;
							}
.m-b\:-10 {
									margin-bottom: -5.15978rem !important;
								}
.m-l\:a {
							margin-left: auto !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.1 {
								margin-left: 0.19381rem !important;
							}
.m-l\:-\.1 {
									margin-left: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.2 {
								margin-left: 0.23257rem !important;
							}
.m-l\:-\.2 {
									margin-left: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.3 {
								margin-left: 0.27908rem !important;
							}
.m-l\:-\.3 {
									margin-left: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.4 {
								margin-left: 0.3349rem !important;
							}
.m-l\:-\.4 {
									margin-left: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.5 {
								margin-left: 0.40188rem !important;
							}
.m-l\:-\.5 {
									margin-left: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.6 {
								margin-left: 0.48225rem !important;
							}
.m-l\:-\.6 {
									margin-left: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.7 {
								margin-left: 0.5787rem !important;
							}
.m-l\:-\.7 {
									margin-left: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.8 {
								margin-left: 0.69444rem !important;
							}
.m-l\:-\.8 {
									margin-left: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:\.9 {
								margin-left: 0.83333rem !important;
							}
.m-l\:-\.9 {
									margin-left: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:0 {
								margin-left: 0 !important;
							}
.m-l\:-0 {
									margin-left: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:1 {
								margin-left: 1rem !important;
							}
.m-l\:-1 {
									margin-left: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:2 {
								margin-left: 1.2rem !important;
							}
.m-l\:-2 {
									margin-left: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:3 {
								margin-left: 1.44rem !important;
							}
.m-l\:-3 {
									margin-left: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:4 {
								margin-left: 1.728rem !important;
							}
.m-l\:-4 {
									margin-left: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:5 {
								margin-left: 2.0736rem !important;
							}
.m-l\:-5 {
									margin-left: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:6 {
								margin-left: 2.48832rem !important;
							}
.m-l\:-6 {
									margin-left: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:7 {
								margin-left: 2.98598rem !important;
							}
.m-l\:-7 {
									margin-left: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:8 {
								margin-left: 3.58318rem !important;
							}
.m-l\:-8 {
									margin-left: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:9 {
								margin-left: 4.29982rem !important;
							}
.m-l\:-9 {
									margin-left: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-l\:10 {
								margin-left: 5.15978rem !important;
							}
.m-l\:-10 {
									margin-left: -5.15978rem !important;
								}
.m-r\:a {
							margin-right: auto !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.1 {
								margin-right: 0.19381rem !important;
							}
.m-r\:-\.1 {
									margin-right: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.2 {
								margin-right: 0.23257rem !important;
							}
.m-r\:-\.2 {
									margin-right: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.3 {
								margin-right: 0.27908rem !important;
							}
.m-r\:-\.3 {
									margin-right: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.4 {
								margin-right: 0.3349rem !important;
							}
.m-r\:-\.4 {
									margin-right: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.5 {
								margin-right: 0.40188rem !important;
							}
.m-r\:-\.5 {
									margin-right: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.6 {
								margin-right: 0.48225rem !important;
							}
.m-r\:-\.6 {
									margin-right: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.7 {
								margin-right: 0.5787rem !important;
							}
.m-r\:-\.7 {
									margin-right: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.8 {
								margin-right: 0.69444rem !important;
							}
.m-r\:-\.8 {
									margin-right: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:\.9 {
								margin-right: 0.83333rem !important;
							}
.m-r\:-\.9 {
									margin-right: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:0 {
								margin-right: 0 !important;
							}
.m-r\:-0 {
									margin-right: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:1 {
								margin-right: 1rem !important;
							}
.m-r\:-1 {
									margin-right: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:2 {
								margin-right: 1.2rem !important;
							}
.m-r\:-2 {
									margin-right: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:3 {
								margin-right: 1.44rem !important;
							}
.m-r\:-3 {
									margin-right: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:4 {
								margin-right: 1.728rem !important;
							}
.m-r\:-4 {
									margin-right: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:5 {
								margin-right: 2.0736rem !important;
							}
.m-r\:-5 {
									margin-right: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:6 {
								margin-right: 2.48832rem !important;
							}
.m-r\:-6 {
									margin-right: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:7 {
								margin-right: 2.98598rem !important;
							}
.m-r\:-7 {
									margin-right: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:8 {
								margin-right: 3.58318rem !important;
							}
.m-r\:-8 {
									margin-right: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:9 {
								margin-right: 4.29982rem !important;
							}
.m-r\:-9 {
									margin-right: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-r\:10 {
								margin-right: 5.15978rem !important;
							}
.m-r\:-10 {
									margin-right: -5.15978rem !important;
								}
.m-x\:a {
							margin-left: auto !important;
							margin-right: auto !important;
						}
.m-x\:r {
							margin-left: calc(-50vw + 50%) !important;
							margin-right: calc(-50vw + 50%) !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.1 {
								margin-left: 0.19381rem !important;
								margin-right: 0.19381rem !important;
							}
.m-x\:-\.1 {
									margin-left: -0.19381rem !important;
									margin-right: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.2 {
								margin-left: 0.23257rem !important;
								margin-right: 0.23257rem !important;
							}
.m-x\:-\.2 {
									margin-left: -0.23257rem !important;
									margin-right: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.3 {
								margin-left: 0.27908rem !important;
								margin-right: 0.27908rem !important;
							}
.m-x\:-\.3 {
									margin-left: -0.27908rem !important;
									margin-right: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.4 {
								margin-left: 0.3349rem !important;
								margin-right: 0.3349rem !important;
							}
.m-x\:-\.4 {
									margin-left: -0.3349rem !important;
									margin-right: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.5 {
								margin-left: 0.40188rem !important;
								margin-right: 0.40188rem !important;
							}
.m-x\:-\.5 {
									margin-left: -0.40188rem !important;
									margin-right: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.6 {
								margin-left: 0.48225rem !important;
								margin-right: 0.48225rem !important;
							}
.m-x\:-\.6 {
									margin-left: -0.48225rem !important;
									margin-right: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.7 {
								margin-left: 0.5787rem !important;
								margin-right: 0.5787rem !important;
							}
.m-x\:-\.7 {
									margin-left: -0.5787rem !important;
									margin-right: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.8 {
								margin-left: 0.69444rem !important;
								margin-right: 0.69444rem !important;
							}
.m-x\:-\.8 {
									margin-left: -0.69444rem !important;
									margin-right: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:\.9 {
								margin-left: 0.83333rem !important;
								margin-right: 0.83333rem !important;
							}
.m-x\:-\.9 {
									margin-left: -0.83333rem !important;
									margin-right: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:0 {
								margin-left: 0 !important;
								margin-right: 0 !important;
							}
.m-x\:-0 {
									margin-left: 0px !important;
									margin-right: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:1 {
								margin-left: 1rem !important;
								margin-right: 1rem !important;
							}
.m-x\:-1 {
									margin-left: -1rem !important;
									margin-right: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:2 {
								margin-left: 1.2rem !important;
								margin-right: 1.2rem !important;
							}
.m-x\:-2 {
									margin-left: -1.2rem !important;
									margin-right: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:3 {
								margin-left: 1.44rem !important;
								margin-right: 1.44rem !important;
							}
.m-x\:-3 {
									margin-left: -1.44rem !important;
									margin-right: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:4 {
								margin-left: 1.728rem !important;
								margin-right: 1.728rem !important;
							}
.m-x\:-4 {
									margin-left: -1.728rem !important;
									margin-right: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:5 {
								margin-left: 2.0736rem !important;
								margin-right: 2.0736rem !important;
							}
.m-x\:-5 {
									margin-left: -2.0736rem !important;
									margin-right: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:6 {
								margin-left: 2.48832rem !important;
								margin-right: 2.48832rem !important;
							}
.m-x\:-6 {
									margin-left: -2.48832rem !important;
									margin-right: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:7 {
								margin-left: 2.98598rem !important;
								margin-right: 2.98598rem !important;
							}
.m-x\:-7 {
									margin-left: -2.98598rem !important;
									margin-right: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:8 {
								margin-left: 3.58318rem !important;
								margin-right: 3.58318rem !important;
							}
.m-x\:-8 {
									margin-left: -3.58318rem !important;
									margin-right: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:9 {
								margin-left: 4.29982rem !important;
								margin-right: 4.29982rem !important;
							}
.m-x\:-9 {
									margin-left: -4.29982rem !important;
									margin-right: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-x\:10 {
								margin-left: 5.15978rem !important;
								margin-right: 5.15978rem !important;
							}
.m-x\:-10 {
									margin-left: -5.15978rem !important;
									margin-right: -5.15978rem !important;
								}
.m-y\:a {
							margin-top: auto !important;
							margin-bottom: auto !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.1 {
								margin-top: 0.19381rem !important;
								margin-bottom: 0.19381rem !important;
							}
.m-y\:-\.1 {
									margin-top: -0.19381rem !important;
									margin-bottom: -0.19381rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.2 {
								margin-top: 0.23257rem !important;
								margin-bottom: 0.23257rem !important;
							}
.m-y\:-\.2 {
									margin-top: -0.23257rem !important;
									margin-bottom: -0.23257rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.3 {
								margin-top: 0.27908rem !important;
								margin-bottom: 0.27908rem !important;
							}
.m-y\:-\.3 {
									margin-top: -0.27908rem !important;
									margin-bottom: -0.27908rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.4 {
								margin-top: 0.3349rem !important;
								margin-bottom: 0.3349rem !important;
							}
.m-y\:-\.4 {
									margin-top: -0.3349rem !important;
									margin-bottom: -0.3349rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.5 {
								margin-top: 0.40188rem !important;
								margin-bottom: 0.40188rem !important;
							}
.m-y\:-\.5 {
									margin-top: -0.40188rem !important;
									margin-bottom: -0.40188rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.6 {
								margin-top: 0.48225rem !important;
								margin-bottom: 0.48225rem !important;
							}
.m-y\:-\.6 {
									margin-top: -0.48225rem !important;
									margin-bottom: -0.48225rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.7 {
								margin-top: 0.5787rem !important;
								margin-bottom: 0.5787rem !important;
							}
.m-y\:-\.7 {
									margin-top: -0.5787rem !important;
									margin-bottom: -0.5787rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.8 {
								margin-top: 0.69444rem !important;
								margin-bottom: 0.69444rem !important;
							}
.m-y\:-\.8 {
									margin-top: -0.69444rem !important;
									margin-bottom: -0.69444rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:\.9 {
								margin-top: 0.83333rem !important;
								margin-bottom: 0.83333rem !important;
							}
.m-y\:-\.9 {
									margin-top: -0.83333rem !important;
									margin-bottom: -0.83333rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:0 {
								margin-top: 0 !important;
								margin-bottom: 0 !important;
							}
.m-y\:-0 {
									margin-top: 0px !important;
									margin-bottom: 0px !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:1 {
								margin-top: 1rem !important;
								margin-bottom: 1rem !important;
							}
.m-y\:-1 {
									margin-top: -1rem !important;
									margin-bottom: -1rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:2 {
								margin-top: 1.2rem !important;
								margin-bottom: 1.2rem !important;
							}
.m-y\:-2 {
									margin-top: -1.2rem !important;
									margin-bottom: -1.2rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:3 {
								margin-top: 1.44rem !important;
								margin-bottom: 1.44rem !important;
							}
.m-y\:-3 {
									margin-top: -1.44rem !important;
									margin-bottom: -1.44rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:4 {
								margin-top: 1.728rem !important;
								margin-bottom: 1.728rem !important;
							}
.m-y\:-4 {
									margin-top: -1.728rem !important;
									margin-bottom: -1.728rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:5 {
								margin-top: 2.0736rem !important;
								margin-bottom: 2.0736rem !important;
							}
.m-y\:-5 {
									margin-top: -2.0736rem !important;
									margin-bottom: -2.0736rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:6 {
								margin-top: 2.48832rem !important;
								margin-bottom: 2.48832rem !important;
							}
.m-y\:-6 {
									margin-top: -2.48832rem !important;
									margin-bottom: -2.48832rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:7 {
								margin-top: 2.98598rem !important;
								margin-bottom: 2.98598rem !important;
							}
.m-y\:-7 {
									margin-top: -2.98598rem !important;
									margin-bottom: -2.98598rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:8 {
								margin-top: 3.58318rem !important;
								margin-bottom: 3.58318rem !important;
							}
.m-y\:-8 {
									margin-top: -3.58318rem !important;
									margin-bottom: -3.58318rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:9 {
								margin-top: 4.29982rem !important;
								margin-bottom: 4.29982rem !important;
							}
.m-y\:-9 {
									margin-top: -4.29982rem !important;
									margin-bottom: -4.29982rem !important;
								}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.m-y\:10 {
								margin-top: 5.15978rem !important;
								margin-bottom: 5.15978rem !important;
							}
.m-y\:-10 {
									margin-top: -5.15978rem !important;
									margin-bottom: -5.15978rem !important;
								}
.p\:\.1 {
							padding: 0.19381rem !important;
						}
.p\:\.2 {
							padding: 0.23257rem !important;
						}
.p\:\.3 {
							padding: 0.27908rem !important;
						}
.p\:\.4 {
							padding: 0.3349rem !important;
						}
.p\:\.5 {
							padding: 0.40188rem !important;
						}
.p\:\.6 {
							padding: 0.48225rem !important;
						}
.p\:\.7 {
							padding: 0.5787rem !important;
						}
.p\:\.8 {
							padding: 0.69444rem !important;
						}
.p\:\.9 {
							padding: 0.83333rem !important;
						}
.p\:0 {
							padding: 0 !important;
						}
.p\:1 {
							padding: 1rem !important;
						}
.p\:2 {
							padding: 1.2rem !important;
						}
.p\:3 {
							padding: 1.44rem !important;
						}
.p\:4 {
							padding: 1.728rem !important;
						}
.p\:5 {
							padding: 2.0736rem !important;
						}
.p\:6 {
							padding: 2.48832rem !important;
						}
.p\:7 {
							padding: 2.98598rem !important;
						}
.p\:8 {
							padding: 3.58318rem !important;
						}
.p\:9 {
							padding: 4.29982rem !important;
						}
.p\:10 {
							padding: 5.15978rem !important;
						}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.1 {
								padding-top: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.2 {
								padding-top: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.3 {
								padding-top: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.4 {
								padding-top: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.5 {
								padding-top: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.6 {
								padding-top: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.7 {
								padding-top: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.8 {
								padding-top: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:\.9 {
								padding-top: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:0 {
								padding-top: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:1 {
								padding-top: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:2 {
								padding-top: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:3 {
								padding-top: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:4 {
								padding-top: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:5 {
								padding-top: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:6 {
								padding-top: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:7 {
								padding-top: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:8 {
								padding-top: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:9 {
								padding-top: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-t\:10 {
								padding-top: 5.15978rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.1 {
								padding-bottom: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.2 {
								padding-bottom: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.3 {
								padding-bottom: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.4 {
								padding-bottom: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.5 {
								padding-bottom: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.6 {
								padding-bottom: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.7 {
								padding-bottom: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.8 {
								padding-bottom: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:\.9 {
								padding-bottom: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:0 {
								padding-bottom: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:1 {
								padding-bottom: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:2 {
								padding-bottom: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:3 {
								padding-bottom: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:4 {
								padding-bottom: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:5 {
								padding-bottom: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:6 {
								padding-bottom: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:7 {
								padding-bottom: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:8 {
								padding-bottom: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:9 {
								padding-bottom: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-b\:10 {
								padding-bottom: 5.15978rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.1 {
								padding-left: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.2 {
								padding-left: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.3 {
								padding-left: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.4 {
								padding-left: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.5 {
								padding-left: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.6 {
								padding-left: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.7 {
								padding-left: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.8 {
								padding-left: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:\.9 {
								padding-left: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:0 {
								padding-left: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:1 {
								padding-left: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:2 {
								padding-left: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:3 {
								padding-left: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:4 {
								padding-left: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:5 {
								padding-left: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:6 {
								padding-left: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:7 {
								padding-left: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:8 {
								padding-left: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:9 {
								padding-left: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-l\:10 {
								padding-left: 5.15978rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.1 {
								padding-right: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.2 {
								padding-right: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.3 {
								padding-right: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.4 {
								padding-right: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.5 {
								padding-right: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.6 {
								padding-right: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.7 {
								padding-right: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.8 {
								padding-right: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:\.9 {
								padding-right: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:0 {
								padding-right: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:1 {
								padding-right: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:2 {
								padding-right: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:3 {
								padding-right: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:4 {
								padding-right: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:5 {
								padding-right: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:6 {
								padding-right: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:7 {
								padding-right: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:8 {
								padding-right: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:9 {
								padding-right: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-r\:10 {
								padding-right: 5.15978rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.1 {
								padding-left: 0.19381rem !important;
								padding-right: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.2 {
								padding-left: 0.23257rem !important;
								padding-right: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.3 {
								padding-left: 0.27908rem !important;
								padding-right: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.4 {
								padding-left: 0.3349rem !important;
								padding-right: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.5 {
								padding-left: 0.40188rem !important;
								padding-right: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.6 {
								padding-left: 0.48225rem !important;
								padding-right: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.7 {
								padding-left: 0.5787rem !important;
								padding-right: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.8 {
								padding-left: 0.69444rem !important;
								padding-right: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:\.9 {
								padding-left: 0.83333rem !important;
								padding-right: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:0 {
								padding-left: 0 !important;
								padding-right: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:1 {
								padding-left: 1rem !important;
								padding-right: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:2 {
								padding-left: 1.2rem !important;
								padding-right: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:3 {
								padding-left: 1.44rem !important;
								padding-right: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:4 {
								padding-left: 1.728rem !important;
								padding-right: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:5 {
								padding-left: 2.0736rem !important;
								padding-right: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:6 {
								padding-left: 2.48832rem !important;
								padding-right: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:7 {
								padding-left: 2.98598rem !important;
								padding-right: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:8 {
								padding-left: 3.58318rem !important;
								padding-right: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:9 {
								padding-left: 4.29982rem !important;
								padding-right: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-x\:10 {
								padding-left: 5.15978rem !important;
								padding-right: 5.15978rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.1 {
								padding-top: 0.19381rem !important;
								padding-bottom: 0.19381rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.2 {
								padding-top: 0.23257rem !important;
								padding-bottom: 0.23257rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.3 {
								padding-top: 0.27908rem !important;
								padding-bottom: 0.27908rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.4 {
								padding-top: 0.3349rem !important;
								padding-bottom: 0.3349rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.5 {
								padding-top: 0.40188rem !important;
								padding-bottom: 0.40188rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.6 {
								padding-top: 0.48225rem !important;
								padding-bottom: 0.48225rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.7 {
								padding-top: 0.5787rem !important;
								padding-bottom: 0.5787rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.8 {
								padding-top: 0.69444rem !important;
								padding-bottom: 0.69444rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:\.9 {
								padding-top: 0.83333rem !important;
								padding-bottom: 0.83333rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:0 {
								padding-top: 0 !important;
								padding-bottom: 0 !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:1 {
								padding-top: 1rem !important;
								padding-bottom: 1rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:2 {
								padding-top: 1.2rem !important;
								padding-bottom: 1.2rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:3 {
								padding-top: 1.44rem !important;
								padding-bottom: 1.44rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:4 {
								padding-top: 1.728rem !important;
								padding-bottom: 1.728rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:5 {
								padding-top: 2.0736rem !important;
								padding-bottom: 2.0736rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:6 {
								padding-top: 2.48832rem !important;
								padding-bottom: 2.48832rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:7 {
								padding-top: 2.98598rem !important;
								padding-bottom: 2.98598rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:8 {
								padding-top: 3.58318rem !important;
								padding-bottom: 3.58318rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:9 {
								padding-top: 4.29982rem !important;
								padding-bottom: 4.29982rem !important;
							}
/*---
							title: $(prop)
							section: Spacing
							---

							```html
							<div class=".$(short)-$(dir):$(z)">$(short)-$(dir):$(z)</span>
							```
						*/
.p-y\:10 {
								padding-top: 5.15978rem !important;
								padding-bottom: 5.15978rem !important;
							}
@media(min-width: 400px) {
							.m\:a\@xxs {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@xxs {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@xxs {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@xxs {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@xxs {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@xxs {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@xxs {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@xxs {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@xxs {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@xxs {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@xxs {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@xxs {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@xxs {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@xxs {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@xxs {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@xxs {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@xxs {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@xxs {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@xxs {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@xxs {
								margin: 0 !important;
							}
								.m\:-0\@xxs {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@xxs {
								margin: 1rem !important;
							}
								.m\:-1\@xxs {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@xxs {
								margin: 1.2rem !important;
							}
								.m\:-2\@xxs {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@xxs {
								margin: 1.44rem !important;
							}
								.m\:-3\@xxs {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@xxs {
								margin: 1.728rem !important;
							}
								.m\:-4\@xxs {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@xxs {
								margin: 2.0736rem !important;
							}
								.m\:-5\@xxs {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@xxs {
								margin: 2.48832rem !important;
							}
								.m\:-6\@xxs {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@xxs {
								margin: 2.98598rem !important;
							}
								.m\:-7\@xxs {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@xxs {
								margin: 3.58318rem !important;
							}
								.m\:-8\@xxs {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@xxs {
								margin: 4.29982rem !important;
							}
								.m\:-9\@xxs {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@xxs {
								margin: 5.15978rem !important;
							}
								.m\:-10\@xxs {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							.m-t\:a\@xxs {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@xxs {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@xxs {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@xxs {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@xxs {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@xxs {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@xxs {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@xxs {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@xxs {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@xxs {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@xxs {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@xxs {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@xxs {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@xxs {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@xxs {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@xxs {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@xxs {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@xxs {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@xxs {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@xxs {
									margin-top: 0 !important;
								}
									.m-t\:-0\@xxs {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@xxs {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@xxs {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@xxs {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@xxs {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@xxs {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@xxs {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@xxs {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@xxs {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@xxs {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@xxs {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@xxs {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@xxs {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@xxs {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@xxs {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@xxs {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@xxs {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@xxs {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@xxs {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@xxs {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@xxs {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 400px) {
							.m-b\:a\@xxs {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@xxs {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@xxs {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@xxs {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@xxs {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@xxs {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@xxs {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@xxs {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@xxs {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@xxs {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@xxs {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@xxs {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@xxs {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@xxs {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@xxs {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@xxs {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@xxs {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@xxs {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@xxs {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@xxs {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@xxs {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@xxs {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@xxs {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@xxs {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@xxs {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@xxs {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@xxs {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@xxs {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@xxs {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@xxs {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@xxs {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@xxs {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@xxs {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@xxs {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@xxs {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@xxs {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@xxs {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@xxs {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@xxs {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@xxs {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@xxs {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 400px) {
							.m-l\:a\@xxs {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@xxs {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@xxs {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@xxs {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@xxs {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@xxs {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@xxs {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@xxs {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@xxs {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@xxs {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@xxs {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@xxs {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@xxs {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@xxs {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@xxs {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@xxs {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@xxs {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@xxs {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@xxs {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@xxs {
									margin-left: 0 !important;
								}
									.m-l\:-0\@xxs {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@xxs {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@xxs {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@xxs {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@xxs {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@xxs {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@xxs {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@xxs {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@xxs {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@xxs {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@xxs {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@xxs {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@xxs {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@xxs {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@xxs {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@xxs {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@xxs {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@xxs {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@xxs {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@xxs {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@xxs {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 400px) {
							.m-r\:a\@xxs {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@xxs {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@xxs {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@xxs {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@xxs {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@xxs {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@xxs {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@xxs {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@xxs {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@xxs {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@xxs {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@xxs {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@xxs {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@xxs {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@xxs {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@xxs {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@xxs {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@xxs {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@xxs {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@xxs {
									margin-right: 0 !important;
								}
									.m-r\:-0\@xxs {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@xxs {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@xxs {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@xxs {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@xxs {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@xxs {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@xxs {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@xxs {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@xxs {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@xxs {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@xxs {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@xxs {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@xxs {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@xxs {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@xxs {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@xxs {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@xxs {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@xxs {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@xxs {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@xxs {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@xxs {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 400px) {
							.m-x\:a\@xxs {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@xxs {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@xxs {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@xxs {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@xxs {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@xxs {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@xxs {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@xxs {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@xxs {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@xxs {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@xxs {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@xxs {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@xxs {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@xxs {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@xxs {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@xxs {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@xxs {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@xxs {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@xxs {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@xxs {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@xxs {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							.m-y\:a\@xxs {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@xxs {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@xxs {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@xxs {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@xxs {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@xxs {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@xxs {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@xxs {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@xxs {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@xxs {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@xxs {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@xxs {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@xxs {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@xxs {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@xxs {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@xxs {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@xxs {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@xxs {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@xxs {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@xxs {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@xxs {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@xxs {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@xxs {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@xxs {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@xxs {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@xxs {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@xxs {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@xxs {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@xxs {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@xxs {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@xxs {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@xxs {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@xxs {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@xxs {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@xxs {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@xxs {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@xxs {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@xxs {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@xxs {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@xxs {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@xxs {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@xxs {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@xxs {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@xxs {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@xxs {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@xxs {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@xxs {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@xxs {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@xxs {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@xxs {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@xxs {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@xxs {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@xxs {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@xxs {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@xxs {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@xxs {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@xxs {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@xxs {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@xxs {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@xxs {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@xxs {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@xxs {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@xxs {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@xxs {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@xxs {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@xxs {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@xxs {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@xxs {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@xxs {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@xxs {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@xxs {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@xxs {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@xxs {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@xxs {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@xxs {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@xxs {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@xxs {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@xxs {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@xxs {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@xxs {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@xxs {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@xxs {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@xxs {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@xxs {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@xxs {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@xxs {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@xxs {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@xxs {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@xxs {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@xxs {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@xxs {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@xxs {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@xxs {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@xxs {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@xxs {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@xxs {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@xxs {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@xxs {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@xxs {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@xxs {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@xxs {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@xxs {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@xxs {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@xxs {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@xxs {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@xxs {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@xxs {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@xxs {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@xxs {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@xxs {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@xxs {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@xxs {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@xxs {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@xxs {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@xxs {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@xxs {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@xxs {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@xxs {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@xxs {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@xxs {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@xxs {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@xxs {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@xxs {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@xxs {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@xxs {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@xxs {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@xxs {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@xxs {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@xxs {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@xxs {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@xxs {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@xxs {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@xxs {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@xxs {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@xxs {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@xxs {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@xxs {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@xxs {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@xxs {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@xxs {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@xxs {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 400px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@xxs {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@xxs {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@xxs {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@xxs {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@xxs {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@xxs {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@xxs {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@xxs {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@xxs {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@xxs {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@xxs {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@xxs {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@xxs {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@xxs {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@xxs {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@xxs {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@xxs {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@xxs {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@xxs {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@xxs {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							.m\:a\@xs {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@xs {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@xs {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@xs {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@xs {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@xs {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@xs {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@xs {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@xs {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@xs {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@xs {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@xs {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@xs {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@xs {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@xs {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@xs {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@xs {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@xs {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@xs {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@xs {
								margin: 0 !important;
							}
								.m\:-0\@xs {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@xs {
								margin: 1rem !important;
							}
								.m\:-1\@xs {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@xs {
								margin: 1.2rem !important;
							}
								.m\:-2\@xs {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@xs {
								margin: 1.44rem !important;
							}
								.m\:-3\@xs {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@xs {
								margin: 1.728rem !important;
							}
								.m\:-4\@xs {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@xs {
								margin: 2.0736rem !important;
							}
								.m\:-5\@xs {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@xs {
								margin: 2.48832rem !important;
							}
								.m\:-6\@xs {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@xs {
								margin: 2.98598rem !important;
							}
								.m\:-7\@xs {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@xs {
								margin: 3.58318rem !important;
							}
								.m\:-8\@xs {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@xs {
								margin: 4.29982rem !important;
							}
								.m\:-9\@xs {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@xs {
								margin: 5.15978rem !important;
							}
								.m\:-10\@xs {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							.m-t\:a\@xs {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@xs {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@xs {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@xs {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@xs {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@xs {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@xs {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@xs {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@xs {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@xs {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@xs {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@xs {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@xs {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@xs {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@xs {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@xs {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@xs {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@xs {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@xs {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@xs {
									margin-top: 0 !important;
								}
									.m-t\:-0\@xs {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@xs {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@xs {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@xs {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@xs {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@xs {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@xs {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@xs {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@xs {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@xs {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@xs {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@xs {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@xs {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@xs {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@xs {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@xs {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@xs {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@xs {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@xs {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@xs {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@xs {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 500px) {
							.m-b\:a\@xs {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@xs {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@xs {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@xs {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@xs {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@xs {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@xs {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@xs {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@xs {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@xs {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@xs {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@xs {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@xs {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@xs {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@xs {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@xs {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@xs {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@xs {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@xs {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@xs {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@xs {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@xs {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@xs {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@xs {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@xs {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@xs {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@xs {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@xs {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@xs {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@xs {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@xs {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@xs {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@xs {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@xs {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@xs {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@xs {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@xs {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@xs {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@xs {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@xs {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@xs {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 500px) {
							.m-l\:a\@xs {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@xs {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@xs {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@xs {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@xs {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@xs {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@xs {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@xs {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@xs {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@xs {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@xs {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@xs {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@xs {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@xs {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@xs {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@xs {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@xs {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@xs {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@xs {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@xs {
									margin-left: 0 !important;
								}
									.m-l\:-0\@xs {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@xs {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@xs {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@xs {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@xs {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@xs {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@xs {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@xs {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@xs {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@xs {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@xs {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@xs {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@xs {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@xs {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@xs {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@xs {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@xs {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@xs {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@xs {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@xs {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@xs {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 500px) {
							.m-r\:a\@xs {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@xs {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@xs {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@xs {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@xs {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@xs {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@xs {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@xs {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@xs {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@xs {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@xs {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@xs {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@xs {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@xs {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@xs {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@xs {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@xs {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@xs {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@xs {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@xs {
									margin-right: 0 !important;
								}
									.m-r\:-0\@xs {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@xs {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@xs {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@xs {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@xs {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@xs {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@xs {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@xs {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@xs {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@xs {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@xs {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@xs {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@xs {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@xs {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@xs {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@xs {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@xs {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@xs {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@xs {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@xs {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@xs {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 500px) {
							.m-x\:a\@xs {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@xs {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@xs {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@xs {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@xs {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@xs {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@xs {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@xs {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@xs {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@xs {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@xs {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@xs {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@xs {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@xs {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@xs {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@xs {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@xs {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@xs {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@xs {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@xs {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@xs {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							.m-y\:a\@xs {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@xs {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@xs {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@xs {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@xs {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@xs {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@xs {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@xs {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@xs {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@xs {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@xs {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@xs {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@xs {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@xs {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@xs {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@xs {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@xs {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@xs {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@xs {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@xs {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@xs {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@xs {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@xs {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@xs {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@xs {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@xs {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@xs {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@xs {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@xs {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@xs {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@xs {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@xs {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@xs {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@xs {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@xs {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@xs {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@xs {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@xs {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@xs {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@xs {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@xs {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@xs {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@xs {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@xs {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@xs {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@xs {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@xs {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@xs {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@xs {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@xs {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@xs {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@xs {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@xs {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@xs {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@xs {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@xs {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@xs {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@xs {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@xs {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@xs {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@xs {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@xs {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@xs {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@xs {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@xs {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@xs {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@xs {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@xs {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@xs {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@xs {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@xs {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@xs {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@xs {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@xs {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@xs {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@xs {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@xs {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@xs {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@xs {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@xs {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@xs {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@xs {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@xs {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@xs {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@xs {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@xs {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@xs {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@xs {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@xs {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@xs {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@xs {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@xs {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@xs {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@xs {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@xs {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@xs {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@xs {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@xs {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@xs {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@xs {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@xs {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@xs {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@xs {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@xs {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@xs {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@xs {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@xs {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@xs {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@xs {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@xs {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@xs {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@xs {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@xs {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@xs {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@xs {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@xs {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@xs {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@xs {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@xs {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@xs {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@xs {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@xs {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@xs {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@xs {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@xs {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@xs {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@xs {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@xs {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@xs {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@xs {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@xs {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@xs {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@xs {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@xs {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@xs {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@xs {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@xs {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@xs {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@xs {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@xs {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@xs {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 500px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@xs {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@xs {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@xs {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@xs {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@xs {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@xs {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@xs {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@xs {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@xs {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@xs {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@xs {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@xs {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@xs {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@xs {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@xs {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@xs {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@xs {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@xs {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@xs {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@xs {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							.m\:a\@sm {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@sm {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@sm {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@sm {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@sm {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@sm {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@sm {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@sm {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@sm {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@sm {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@sm {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@sm {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@sm {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@sm {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@sm {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@sm {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@sm {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@sm {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@sm {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@sm {
								margin: 0 !important;
							}
								.m\:-0\@sm {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@sm {
								margin: 1rem !important;
							}
								.m\:-1\@sm {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@sm {
								margin: 1.2rem !important;
							}
								.m\:-2\@sm {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@sm {
								margin: 1.44rem !important;
							}
								.m\:-3\@sm {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@sm {
								margin: 1.728rem !important;
							}
								.m\:-4\@sm {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@sm {
								margin: 2.0736rem !important;
							}
								.m\:-5\@sm {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@sm {
								margin: 2.48832rem !important;
							}
								.m\:-6\@sm {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@sm {
								margin: 2.98598rem !important;
							}
								.m\:-7\@sm {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@sm {
								margin: 3.58318rem !important;
							}
								.m\:-8\@sm {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@sm {
								margin: 4.29982rem !important;
							}
								.m\:-9\@sm {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@sm {
								margin: 5.15978rem !important;
							}
								.m\:-10\@sm {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							.m-t\:a\@sm {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@sm {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@sm {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@sm {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@sm {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@sm {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@sm {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@sm {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@sm {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@sm {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@sm {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@sm {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@sm {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@sm {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@sm {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@sm {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@sm {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@sm {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@sm {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@sm {
									margin-top: 0 !important;
								}
									.m-t\:-0\@sm {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@sm {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@sm {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@sm {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@sm {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@sm {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@sm {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@sm {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@sm {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@sm {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@sm {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@sm {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@sm {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@sm {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@sm {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@sm {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@sm {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@sm {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@sm {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@sm {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@sm {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 700px) {
							.m-b\:a\@sm {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@sm {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@sm {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@sm {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@sm {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@sm {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@sm {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@sm {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@sm {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@sm {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@sm {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@sm {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@sm {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@sm {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@sm {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@sm {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@sm {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@sm {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@sm {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@sm {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@sm {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@sm {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@sm {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@sm {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@sm {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@sm {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@sm {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@sm {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@sm {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@sm {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@sm {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@sm {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@sm {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@sm {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@sm {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@sm {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@sm {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@sm {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@sm {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@sm {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@sm {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 700px) {
							.m-l\:a\@sm {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@sm {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@sm {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@sm {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@sm {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@sm {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@sm {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@sm {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@sm {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@sm {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@sm {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@sm {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@sm {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@sm {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@sm {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@sm {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@sm {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@sm {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@sm {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@sm {
									margin-left: 0 !important;
								}
									.m-l\:-0\@sm {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@sm {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@sm {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@sm {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@sm {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@sm {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@sm {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@sm {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@sm {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@sm {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@sm {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@sm {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@sm {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@sm {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@sm {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@sm {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@sm {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@sm {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@sm {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@sm {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@sm {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 700px) {
							.m-r\:a\@sm {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@sm {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@sm {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@sm {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@sm {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@sm {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@sm {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@sm {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@sm {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@sm {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@sm {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@sm {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@sm {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@sm {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@sm {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@sm {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@sm {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@sm {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@sm {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@sm {
									margin-right: 0 !important;
								}
									.m-r\:-0\@sm {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@sm {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@sm {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@sm {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@sm {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@sm {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@sm {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@sm {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@sm {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@sm {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@sm {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@sm {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@sm {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@sm {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@sm {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@sm {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@sm {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@sm {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@sm {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@sm {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@sm {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 700px) {
							.m-x\:a\@sm {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@sm {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@sm {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@sm {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@sm {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@sm {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@sm {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@sm {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@sm {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@sm {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@sm {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@sm {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@sm {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@sm {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@sm {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@sm {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@sm {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@sm {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@sm {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@sm {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@sm {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							.m-y\:a\@sm {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@sm {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@sm {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@sm {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@sm {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@sm {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@sm {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@sm {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@sm {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@sm {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@sm {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@sm {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@sm {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@sm {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@sm {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@sm {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@sm {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@sm {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@sm {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@sm {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@sm {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@sm {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@sm {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@sm {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@sm {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@sm {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@sm {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@sm {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@sm {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@sm {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@sm {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@sm {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@sm {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@sm {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@sm {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@sm {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@sm {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@sm {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@sm {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@sm {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@sm {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@sm {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@sm {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@sm {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@sm {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@sm {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@sm {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@sm {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@sm {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@sm {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@sm {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@sm {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@sm {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@sm {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@sm {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@sm {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@sm {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@sm {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@sm {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@sm {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@sm {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@sm {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@sm {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@sm {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@sm {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@sm {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@sm {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@sm {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@sm {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@sm {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@sm {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@sm {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@sm {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@sm {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@sm {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@sm {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@sm {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@sm {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@sm {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@sm {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@sm {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@sm {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@sm {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@sm {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@sm {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@sm {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@sm {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@sm {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@sm {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@sm {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@sm {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@sm {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@sm {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@sm {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@sm {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@sm {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@sm {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@sm {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@sm {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@sm {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@sm {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@sm {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@sm {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@sm {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@sm {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@sm {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@sm {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@sm {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@sm {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@sm {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@sm {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@sm {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@sm {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@sm {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@sm {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@sm {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@sm {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@sm {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@sm {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@sm {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@sm {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@sm {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@sm {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@sm {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@sm {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@sm {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@sm {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@sm {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@sm {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@sm {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@sm {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@sm {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@sm {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@sm {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@sm {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@sm {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@sm {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@sm {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@sm {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@sm {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@sm {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@sm {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@sm {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@sm {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@sm {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@sm {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@sm {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@sm {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@sm {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@sm {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@sm {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@sm {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@sm {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@sm {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@sm {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@sm {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@sm {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@sm {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@sm {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@sm {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@sm {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							.m\:a\@md {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@md {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@md {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@md {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@md {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@md {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@md {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@md {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@md {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@md {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@md {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@md {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@md {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@md {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@md {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@md {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@md {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@md {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@md {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@md {
								margin: 0 !important;
							}
								.m\:-0\@md {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@md {
								margin: 1rem !important;
							}
								.m\:-1\@md {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@md {
								margin: 1.2rem !important;
							}
								.m\:-2\@md {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@md {
								margin: 1.44rem !important;
							}
								.m\:-3\@md {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@md {
								margin: 1.728rem !important;
							}
								.m\:-4\@md {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@md {
								margin: 2.0736rem !important;
							}
								.m\:-5\@md {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@md {
								margin: 2.48832rem !important;
							}
								.m\:-6\@md {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@md {
								margin: 2.98598rem !important;
							}
								.m\:-7\@md {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@md {
								margin: 3.58318rem !important;
							}
								.m\:-8\@md {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@md {
								margin: 4.29982rem !important;
							}
								.m\:-9\@md {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@md {
								margin: 5.15978rem !important;
							}
								.m\:-10\@md {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							.m-t\:a\@md {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@md {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@md {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@md {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@md {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@md {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@md {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@md {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@md {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@md {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@md {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@md {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@md {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@md {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@md {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@md {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@md {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@md {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@md {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@md {
									margin-top: 0 !important;
								}
									.m-t\:-0\@md {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@md {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@md {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@md {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@md {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@md {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@md {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@md {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@md {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@md {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@md {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@md {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@md {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@md {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@md {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@md {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@md {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@md {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@md {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@md {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@md {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 900px) {
							.m-b\:a\@md {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@md {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@md {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@md {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@md {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@md {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@md {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@md {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@md {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@md {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@md {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@md {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@md {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@md {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@md {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@md {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@md {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@md {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@md {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@md {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@md {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@md {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@md {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@md {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@md {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@md {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@md {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@md {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@md {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@md {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@md {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@md {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@md {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@md {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@md {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@md {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@md {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@md {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@md {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@md {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@md {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 900px) {
							.m-l\:a\@md {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@md {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@md {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@md {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@md {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@md {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@md {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@md {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@md {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@md {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@md {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@md {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@md {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@md {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@md {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@md {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@md {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@md {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@md {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@md {
									margin-left: 0 !important;
								}
									.m-l\:-0\@md {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@md {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@md {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@md {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@md {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@md {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@md {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@md {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@md {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@md {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@md {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@md {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@md {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@md {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@md {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@md {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@md {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@md {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@md {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@md {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@md {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 900px) {
							.m-r\:a\@md {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@md {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@md {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@md {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@md {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@md {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@md {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@md {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@md {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@md {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@md {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@md {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@md {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@md {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@md {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@md {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@md {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@md {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@md {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@md {
									margin-right: 0 !important;
								}
									.m-r\:-0\@md {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@md {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@md {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@md {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@md {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@md {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@md {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@md {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@md {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@md {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@md {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@md {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@md {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@md {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@md {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@md {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@md {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@md {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@md {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@md {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@md {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 900px) {
							.m-x\:a\@md {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@md {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@md {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@md {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@md {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@md {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@md {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@md {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@md {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@md {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@md {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@md {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@md {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@md {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@md {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@md {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@md {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@md {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@md {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@md {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@md {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							.m-y\:a\@md {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@md {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@md {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@md {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@md {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@md {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@md {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@md {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@md {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@md {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@md {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@md {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@md {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@md {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@md {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@md {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@md {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@md {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@md {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@md {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@md {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@md {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@md {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@md {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@md {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@md {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@md {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@md {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@md {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@md {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@md {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@md {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@md {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@md {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@md {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@md {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@md {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@md {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@md {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@md {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@md {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@md {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@md {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@md {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@md {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@md {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@md {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@md {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@md {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@md {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@md {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@md {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@md {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@md {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@md {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@md {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@md {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@md {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@md {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@md {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@md {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@md {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@md {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@md {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@md {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@md {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@md {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@md {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@md {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@md {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@md {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@md {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@md {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@md {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@md {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@md {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@md {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@md {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@md {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@md {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@md {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@md {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@md {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@md {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@md {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@md {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@md {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@md {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@md {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@md {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@md {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@md {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@md {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@md {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@md {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@md {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@md {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@md {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@md {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@md {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@md {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@md {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@md {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@md {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@md {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@md {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@md {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@md {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@md {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@md {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@md {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@md {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@md {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@md {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@md {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@md {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@md {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@md {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@md {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@md {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@md {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@md {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@md {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@md {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@md {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@md {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@md {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@md {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@md {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@md {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@md {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@md {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@md {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@md {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@md {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@md {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@md {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@md {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@md {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@md {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@md {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 900px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@md {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@md {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@md {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@md {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@md {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@md {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@md {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@md {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@md {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@md {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@md {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@md {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@md {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@md {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@md {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@md {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@md {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@md {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@md {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@md {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							.m\:a\@lg {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@lg {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@lg {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@lg {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@lg {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@lg {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@lg {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@lg {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@lg {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@lg {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@lg {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@lg {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@lg {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@lg {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@lg {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@lg {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@lg {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@lg {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@lg {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@lg {
								margin: 0 !important;
							}
								.m\:-0\@lg {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@lg {
								margin: 1rem !important;
							}
								.m\:-1\@lg {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@lg {
								margin: 1.2rem !important;
							}
								.m\:-2\@lg {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@lg {
								margin: 1.44rem !important;
							}
								.m\:-3\@lg {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@lg {
								margin: 1.728rem !important;
							}
								.m\:-4\@lg {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@lg {
								margin: 2.0736rem !important;
							}
								.m\:-5\@lg {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@lg {
								margin: 2.48832rem !important;
							}
								.m\:-6\@lg {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@lg {
								margin: 2.98598rem !important;
							}
								.m\:-7\@lg {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@lg {
								margin: 3.58318rem !important;
							}
								.m\:-8\@lg {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@lg {
								margin: 4.29982rem !important;
							}
								.m\:-9\@lg {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@lg {
								margin: 5.15978rem !important;
							}
								.m\:-10\@lg {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							.m-t\:a\@lg {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@lg {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@lg {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@lg {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@lg {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@lg {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@lg {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@lg {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@lg {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@lg {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@lg {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@lg {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@lg {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@lg {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@lg {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@lg {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@lg {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@lg {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@lg {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@lg {
									margin-top: 0 !important;
								}
									.m-t\:-0\@lg {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@lg {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@lg {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@lg {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@lg {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@lg {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@lg {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@lg {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@lg {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@lg {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@lg {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@lg {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@lg {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@lg {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@lg {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@lg {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@lg {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@lg {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@lg {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@lg {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@lg {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 1100px) {
							.m-b\:a\@lg {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@lg {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@lg {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@lg {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@lg {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@lg {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@lg {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@lg {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@lg {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@lg {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@lg {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@lg {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@lg {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@lg {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@lg {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@lg {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@lg {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@lg {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@lg {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@lg {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@lg {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@lg {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@lg {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@lg {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@lg {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@lg {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@lg {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@lg {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@lg {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@lg {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@lg {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@lg {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@lg {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@lg {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@lg {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@lg {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@lg {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@lg {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@lg {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@lg {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@lg {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 1100px) {
							.m-l\:a\@lg {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@lg {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@lg {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@lg {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@lg {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@lg {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@lg {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@lg {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@lg {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@lg {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@lg {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@lg {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@lg {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@lg {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@lg {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@lg {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@lg {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@lg {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@lg {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@lg {
									margin-left: 0 !important;
								}
									.m-l\:-0\@lg {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@lg {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@lg {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@lg {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@lg {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@lg {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@lg {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@lg {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@lg {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@lg {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@lg {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@lg {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@lg {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@lg {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@lg {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@lg {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@lg {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@lg {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@lg {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@lg {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@lg {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 1100px) {
							.m-r\:a\@lg {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@lg {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@lg {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@lg {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@lg {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@lg {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@lg {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@lg {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@lg {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@lg {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@lg {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@lg {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@lg {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@lg {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@lg {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@lg {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@lg {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@lg {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@lg {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@lg {
									margin-right: 0 !important;
								}
									.m-r\:-0\@lg {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@lg {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@lg {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@lg {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@lg {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@lg {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@lg {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@lg {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@lg {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@lg {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@lg {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@lg {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@lg {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@lg {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@lg {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@lg {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@lg {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@lg {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@lg {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@lg {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@lg {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 1100px) {
							.m-x\:a\@lg {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@lg {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@lg {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@lg {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@lg {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@lg {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@lg {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@lg {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@lg {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@lg {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@lg {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@lg {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@lg {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@lg {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@lg {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@lg {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@lg {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@lg {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@lg {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@lg {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@lg {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							.m-y\:a\@lg {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@lg {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@lg {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@lg {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@lg {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@lg {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@lg {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@lg {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@lg {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@lg {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@lg {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@lg {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@lg {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@lg {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@lg {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@lg {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@lg {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@lg {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@lg {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@lg {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@lg {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@lg {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@lg {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@lg {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@lg {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@lg {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@lg {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@lg {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@lg {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@lg {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@lg {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@lg {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@lg {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@lg {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@lg {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@lg {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@lg {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@lg {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@lg {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@lg {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@lg {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@lg {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@lg {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@lg {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@lg {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@lg {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@lg {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@lg {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@lg {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@lg {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@lg {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@lg {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@lg {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@lg {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@lg {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@lg {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@lg {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@lg {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@lg {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@lg {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@lg {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@lg {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@lg {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@lg {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@lg {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@lg {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@lg {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@lg {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@lg {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@lg {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@lg {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@lg {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@lg {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@lg {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@lg {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@lg {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@lg {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@lg {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@lg {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@lg {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@lg {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@lg {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@lg {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@lg {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@lg {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@lg {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@lg {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@lg {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@lg {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@lg {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@lg {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@lg {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@lg {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@lg {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@lg {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@lg {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@lg {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@lg {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@lg {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@lg {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@lg {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@lg {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@lg {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@lg {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@lg {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@lg {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@lg {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@lg {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@lg {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@lg {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@lg {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@lg {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@lg {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@lg {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@lg {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@lg {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@lg {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@lg {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@lg {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@lg {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@lg {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@lg {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@lg {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@lg {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@lg {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@lg {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@lg {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@lg {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@lg {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@lg {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@lg {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@lg {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@lg {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@lg {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@lg {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@lg {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@lg {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@lg {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@lg {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@lg {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@lg {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1100px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@lg {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@lg {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@lg {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@lg {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@lg {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@lg {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@lg {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@lg {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@lg {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@lg {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@lg {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@lg {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@lg {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@lg {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@lg {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@lg {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@lg {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@lg {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@lg {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@lg {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							.m\:a\@xl {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@xl {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@xl {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@xl {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@xl {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@xl {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@xl {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@xl {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@xl {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@xl {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@xl {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@xl {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@xl {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@xl {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@xl {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@xl {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@xl {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@xl {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@xl {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@xl {
								margin: 0 !important;
							}
								.m\:-0\@xl {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@xl {
								margin: 1rem !important;
							}
								.m\:-1\@xl {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@xl {
								margin: 1.2rem !important;
							}
								.m\:-2\@xl {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@xl {
								margin: 1.44rem !important;
							}
								.m\:-3\@xl {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@xl {
								margin: 1.728rem !important;
							}
								.m\:-4\@xl {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@xl {
								margin: 2.0736rem !important;
							}
								.m\:-5\@xl {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@xl {
								margin: 2.48832rem !important;
							}
								.m\:-6\@xl {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@xl {
								margin: 2.98598rem !important;
							}
								.m\:-7\@xl {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@xl {
								margin: 3.58318rem !important;
							}
								.m\:-8\@xl {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@xl {
								margin: 4.29982rem !important;
							}
								.m\:-9\@xl {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@xl {
								margin: 5.15978rem !important;
							}
								.m\:-10\@xl {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							.m-t\:a\@xl {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@xl {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@xl {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@xl {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@xl {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@xl {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@xl {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@xl {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@xl {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@xl {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@xl {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@xl {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@xl {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@xl {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@xl {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@xl {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@xl {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@xl {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@xl {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@xl {
									margin-top: 0 !important;
								}
									.m-t\:-0\@xl {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@xl {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@xl {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@xl {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@xl {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@xl {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@xl {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@xl {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@xl {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@xl {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@xl {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@xl {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@xl {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@xl {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@xl {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@xl {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@xl {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@xl {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@xl {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@xl {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@xl {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 1300px) {
							.m-b\:a\@xl {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@xl {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@xl {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@xl {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@xl {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@xl {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@xl {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@xl {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@xl {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@xl {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@xl {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@xl {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@xl {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@xl {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@xl {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@xl {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@xl {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@xl {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@xl {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@xl {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@xl {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@xl {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@xl {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@xl {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@xl {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@xl {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@xl {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@xl {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@xl {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@xl {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@xl {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@xl {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@xl {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@xl {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@xl {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@xl {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@xl {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@xl {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@xl {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@xl {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@xl {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 1300px) {
							.m-l\:a\@xl {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@xl {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@xl {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@xl {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@xl {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@xl {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@xl {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@xl {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@xl {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@xl {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@xl {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@xl {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@xl {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@xl {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@xl {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@xl {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@xl {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@xl {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@xl {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@xl {
									margin-left: 0 !important;
								}
									.m-l\:-0\@xl {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@xl {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@xl {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@xl {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@xl {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@xl {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@xl {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@xl {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@xl {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@xl {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@xl {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@xl {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@xl {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@xl {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@xl {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@xl {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@xl {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@xl {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@xl {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@xl {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@xl {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 1300px) {
							.m-r\:a\@xl {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@xl {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@xl {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@xl {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@xl {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@xl {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@xl {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@xl {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@xl {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@xl {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@xl {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@xl {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@xl {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@xl {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@xl {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@xl {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@xl {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@xl {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@xl {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@xl {
									margin-right: 0 !important;
								}
									.m-r\:-0\@xl {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@xl {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@xl {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@xl {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@xl {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@xl {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@xl {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@xl {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@xl {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@xl {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@xl {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@xl {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@xl {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@xl {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@xl {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@xl {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@xl {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@xl {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@xl {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@xl {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@xl {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 1300px) {
							.m-x\:a\@xl {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@xl {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@xl {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@xl {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@xl {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@xl {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@xl {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@xl {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@xl {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@xl {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@xl {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@xl {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@xl {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@xl {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@xl {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@xl {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@xl {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@xl {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@xl {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@xl {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@xl {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							.m-y\:a\@xl {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@xl {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@xl {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@xl {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@xl {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@xl {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@xl {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@xl {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@xl {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@xl {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@xl {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@xl {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@xl {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@xl {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@xl {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@xl {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@xl {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@xl {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@xl {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@xl {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@xl {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@xl {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@xl {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@xl {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@xl {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@xl {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@xl {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@xl {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@xl {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@xl {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@xl {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@xl {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@xl {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@xl {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@xl {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@xl {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@xl {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@xl {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@xl {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@xl {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@xl {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@xl {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@xl {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@xl {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@xl {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@xl {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@xl {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@xl {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@xl {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@xl {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@xl {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@xl {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@xl {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@xl {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@xl {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@xl {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@xl {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@xl {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@xl {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@xl {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@xl {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@xl {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@xl {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@xl {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@xl {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@xl {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@xl {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@xl {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@xl {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@xl {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@xl {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@xl {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@xl {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@xl {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@xl {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@xl {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@xl {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@xl {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@xl {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@xl {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@xl {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@xl {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@xl {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@xl {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@xl {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@xl {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@xl {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@xl {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@xl {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@xl {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@xl {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@xl {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@xl {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@xl {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@xl {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@xl {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@xl {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@xl {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@xl {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@xl {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@xl {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@xl {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@xl {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@xl {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@xl {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@xl {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@xl {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@xl {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@xl {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@xl {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@xl {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@xl {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@xl {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@xl {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@xl {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@xl {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@xl {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@xl {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@xl {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@xl {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@xl {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@xl {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@xl {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@xl {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@xl {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@xl {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@xl {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@xl {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@xl {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@xl {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@xl {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@xl {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@xl {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@xl {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@xl {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@xl {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@xl {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@xl {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@xl {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@xl {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@xl {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1300px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@xl {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@xl {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@xl {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@xl {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@xl {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@xl {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@xl {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@xl {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@xl {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@xl {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@xl {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@xl {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@xl {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@xl {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@xl {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@xl {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@xl {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@xl {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@xl {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@xl {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							.m\:a\@xxl {
								margin: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.1\@xxl {
								margin: 0.19381rem !important;
							}
								.m\:-\.1\@xxl {
									margin: -0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.2\@xxl {
								margin: 0.23257rem !important;
							}
								.m\:-\.2\@xxl {
									margin: -0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.3\@xxl {
								margin: 0.27908rem !important;
							}
								.m\:-\.3\@xxl {
									margin: -0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.4\@xxl {
								margin: 0.3349rem !important;
							}
								.m\:-\.4\@xxl {
									margin: -0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.5\@xxl {
								margin: 0.40188rem !important;
							}
								.m\:-\.5\@xxl {
									margin: -0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.6\@xxl {
								margin: 0.48225rem !important;
							}
								.m\:-\.6\@xxl {
									margin: -0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.7\@xxl {
								margin: 0.5787rem !important;
							}
								.m\:-\.7\@xxl {
									margin: -0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.8\@xxl {
								margin: 0.69444rem !important;
							}
								.m\:-\.8\@xxl {
									margin: -0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:\.9\@xxl {
								margin: 0.83333rem !important;
							}
								.m\:-\.9\@xxl {
									margin: -0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:0\@xxl {
								margin: 0 !important;
							}
								.m\:-0\@xxl {
									margin: 0px !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:1\@xxl {
								margin: 1rem !important;
							}
								.m\:-1\@xxl {
									margin: -1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:2\@xxl {
								margin: 1.2rem !important;
							}
								.m\:-2\@xxl {
									margin: -1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:3\@xxl {
								margin: 1.44rem !important;
							}
								.m\:-3\@xxl {
									margin: -1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:4\@xxl {
								margin: 1.728rem !important;
							}
								.m\:-4\@xxl {
									margin: -1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:5\@xxl {
								margin: 2.0736rem !important;
							}
								.m\:-5\@xxl {
									margin: -2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:6\@xxl {
								margin: 2.48832rem !important;
							}
								.m\:-6\@xxl {
									margin: -2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:7\@xxl {
								margin: 2.98598rem !important;
							}
								.m\:-7\@xxl {
									margin: -2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:8\@xxl {
								margin: 3.58318rem !important;
							}
								.m\:-8\@xxl {
									margin: -3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:9\@xxl {
								margin: 4.29982rem !important;
							}
								.m\:-9\@xxl {
									margin: -4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.m\:10\@xxl {
								margin: 5.15978rem !important;
							}
								.m\:-10\@xxl {
									margin: -5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							.m-t\:a\@xxl {
								margin-top: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.1\@xxl {
									margin-top: 0.19381rem !important;
								}
									.m-t\:-\.1\@xxl {
										margin-top: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.2\@xxl {
									margin-top: 0.23257rem !important;
								}
									.m-t\:-\.2\@xxl {
										margin-top: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.3\@xxl {
									margin-top: 0.27908rem !important;
								}
									.m-t\:-\.3\@xxl {
										margin-top: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.4\@xxl {
									margin-top: 0.3349rem !important;
								}
									.m-t\:-\.4\@xxl {
										margin-top: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.5\@xxl {
									margin-top: 0.40188rem !important;
								}
									.m-t\:-\.5\@xxl {
										margin-top: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.6\@xxl {
									margin-top: 0.48225rem !important;
								}
									.m-t\:-\.6\@xxl {
										margin-top: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.7\@xxl {
									margin-top: 0.5787rem !important;
								}
									.m-t\:-\.7\@xxl {
										margin-top: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.8\@xxl {
									margin-top: 0.69444rem !important;
								}
									.m-t\:-\.8\@xxl {
										margin-top: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:\.9\@xxl {
									margin-top: 0.83333rem !important;
								}
									.m-t\:-\.9\@xxl {
										margin-top: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:0\@xxl {
									margin-top: 0 !important;
								}
									.m-t\:-0\@xxl {
										margin-top: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:1\@xxl {
									margin-top: 1rem !important;
								}
									.m-t\:-1\@xxl {
										margin-top: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:2\@xxl {
									margin-top: 1.2rem !important;
								}
									.m-t\:-2\@xxl {
										margin-top: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:3\@xxl {
									margin-top: 1.44rem !important;
								}
									.m-t\:-3\@xxl {
										margin-top: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:4\@xxl {
									margin-top: 1.728rem !important;
								}
									.m-t\:-4\@xxl {
										margin-top: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:5\@xxl {
									margin-top: 2.0736rem !important;
								}
									.m-t\:-5\@xxl {
										margin-top: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:6\@xxl {
									margin-top: 2.48832rem !important;
								}
									.m-t\:-6\@xxl {
										margin-top: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:7\@xxl {
									margin-top: 2.98598rem !important;
								}
									.m-t\:-7\@xxl {
										margin-top: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:8\@xxl {
									margin-top: 3.58318rem !important;
								}
									.m-t\:-8\@xxl {
										margin-top: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:9\@xxl {
									margin-top: 4.29982rem !important;
								}
									.m-t\:-9\@xxl {
										margin-top: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-t\:10\@xxl {
									margin-top: 5.15978rem !important;
								}
									.m-t\:-10\@xxl {
										margin-top: -5.15978rem !important;
									}
				}
@media(min-width: 1700px) {
							.m-b\:a\@xxl {
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.1\@xxl {
									margin-bottom: 0.19381rem !important;
								}
									.m-b\:-\.1\@xxl {
										margin-bottom: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.2\@xxl {
									margin-bottom: 0.23257rem !important;
								}
									.m-b\:-\.2\@xxl {
										margin-bottom: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.3\@xxl {
									margin-bottom: 0.27908rem !important;
								}
									.m-b\:-\.3\@xxl {
										margin-bottom: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.4\@xxl {
									margin-bottom: 0.3349rem !important;
								}
									.m-b\:-\.4\@xxl {
										margin-bottom: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.5\@xxl {
									margin-bottom: 0.40188rem !important;
								}
									.m-b\:-\.5\@xxl {
										margin-bottom: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.6\@xxl {
									margin-bottom: 0.48225rem !important;
								}
									.m-b\:-\.6\@xxl {
										margin-bottom: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.7\@xxl {
									margin-bottom: 0.5787rem !important;
								}
									.m-b\:-\.7\@xxl {
										margin-bottom: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.8\@xxl {
									margin-bottom: 0.69444rem !important;
								}
									.m-b\:-\.8\@xxl {
										margin-bottom: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:\.9\@xxl {
									margin-bottom: 0.83333rem !important;
								}
									.m-b\:-\.9\@xxl {
										margin-bottom: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:0\@xxl {
									margin-bottom: 0 !important;
								}
									.m-b\:-0\@xxl {
										margin-bottom: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:1\@xxl {
									margin-bottom: 1rem !important;
								}
									.m-b\:-1\@xxl {
										margin-bottom: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:2\@xxl {
									margin-bottom: 1.2rem !important;
								}
									.m-b\:-2\@xxl {
										margin-bottom: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:3\@xxl {
									margin-bottom: 1.44rem !important;
								}
									.m-b\:-3\@xxl {
										margin-bottom: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:4\@xxl {
									margin-bottom: 1.728rem !important;
								}
									.m-b\:-4\@xxl {
										margin-bottom: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:5\@xxl {
									margin-bottom: 2.0736rem !important;
								}
									.m-b\:-5\@xxl {
										margin-bottom: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:6\@xxl {
									margin-bottom: 2.48832rem !important;
								}
									.m-b\:-6\@xxl {
										margin-bottom: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:7\@xxl {
									margin-bottom: 2.98598rem !important;
								}
									.m-b\:-7\@xxl {
										margin-bottom: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:8\@xxl {
									margin-bottom: 3.58318rem !important;
								}
									.m-b\:-8\@xxl {
										margin-bottom: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:9\@xxl {
									margin-bottom: 4.29982rem !important;
								}
									.m-b\:-9\@xxl {
										margin-bottom: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-b\:10\@xxl {
									margin-bottom: 5.15978rem !important;
								}
									.m-b\:-10\@xxl {
										margin-bottom: -5.15978rem !important;
									}
				}
@media(min-width: 1700px) {
							.m-l\:a\@xxl {
								margin-left: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.1\@xxl {
									margin-left: 0.19381rem !important;
								}
									.m-l\:-\.1\@xxl {
										margin-left: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.2\@xxl {
									margin-left: 0.23257rem !important;
								}
									.m-l\:-\.2\@xxl {
										margin-left: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.3\@xxl {
									margin-left: 0.27908rem !important;
								}
									.m-l\:-\.3\@xxl {
										margin-left: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.4\@xxl {
									margin-left: 0.3349rem !important;
								}
									.m-l\:-\.4\@xxl {
										margin-left: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.5\@xxl {
									margin-left: 0.40188rem !important;
								}
									.m-l\:-\.5\@xxl {
										margin-left: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.6\@xxl {
									margin-left: 0.48225rem !important;
								}
									.m-l\:-\.6\@xxl {
										margin-left: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.7\@xxl {
									margin-left: 0.5787rem !important;
								}
									.m-l\:-\.7\@xxl {
										margin-left: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.8\@xxl {
									margin-left: 0.69444rem !important;
								}
									.m-l\:-\.8\@xxl {
										margin-left: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:\.9\@xxl {
									margin-left: 0.83333rem !important;
								}
									.m-l\:-\.9\@xxl {
										margin-left: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:0\@xxl {
									margin-left: 0 !important;
								}
									.m-l\:-0\@xxl {
										margin-left: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:1\@xxl {
									margin-left: 1rem !important;
								}
									.m-l\:-1\@xxl {
										margin-left: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:2\@xxl {
									margin-left: 1.2rem !important;
								}
									.m-l\:-2\@xxl {
										margin-left: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:3\@xxl {
									margin-left: 1.44rem !important;
								}
									.m-l\:-3\@xxl {
										margin-left: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:4\@xxl {
									margin-left: 1.728rem !important;
								}
									.m-l\:-4\@xxl {
										margin-left: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:5\@xxl {
									margin-left: 2.0736rem !important;
								}
									.m-l\:-5\@xxl {
										margin-left: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:6\@xxl {
									margin-left: 2.48832rem !important;
								}
									.m-l\:-6\@xxl {
										margin-left: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:7\@xxl {
									margin-left: 2.98598rem !important;
								}
									.m-l\:-7\@xxl {
										margin-left: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:8\@xxl {
									margin-left: 3.58318rem !important;
								}
									.m-l\:-8\@xxl {
										margin-left: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:9\@xxl {
									margin-left: 4.29982rem !important;
								}
									.m-l\:-9\@xxl {
										margin-left: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-l\:10\@xxl {
									margin-left: 5.15978rem !important;
								}
									.m-l\:-10\@xxl {
										margin-left: -5.15978rem !important;
									}
				}
@media(min-width: 1700px) {
							.m-r\:a\@xxl {
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.1\@xxl {
									margin-right: 0.19381rem !important;
								}
									.m-r\:-\.1\@xxl {
										margin-right: -0.19381rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.2\@xxl {
									margin-right: 0.23257rem !important;
								}
									.m-r\:-\.2\@xxl {
										margin-right: -0.23257rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.3\@xxl {
									margin-right: 0.27908rem !important;
								}
									.m-r\:-\.3\@xxl {
										margin-right: -0.27908rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.4\@xxl {
									margin-right: 0.3349rem !important;
								}
									.m-r\:-\.4\@xxl {
										margin-right: -0.3349rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.5\@xxl {
									margin-right: 0.40188rem !important;
								}
									.m-r\:-\.5\@xxl {
										margin-right: -0.40188rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.6\@xxl {
									margin-right: 0.48225rem !important;
								}
									.m-r\:-\.6\@xxl {
										margin-right: -0.48225rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.7\@xxl {
									margin-right: 0.5787rem !important;
								}
									.m-r\:-\.7\@xxl {
										margin-right: -0.5787rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.8\@xxl {
									margin-right: 0.69444rem !important;
								}
									.m-r\:-\.8\@xxl {
										margin-right: -0.69444rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:\.9\@xxl {
									margin-right: 0.83333rem !important;
								}
									.m-r\:-\.9\@xxl {
										margin-right: -0.83333rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:0\@xxl {
									margin-right: 0 !important;
								}
									.m-r\:-0\@xxl {
										margin-right: 0px !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:1\@xxl {
									margin-right: 1rem !important;
								}
									.m-r\:-1\@xxl {
										margin-right: -1rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:2\@xxl {
									margin-right: 1.2rem !important;
								}
									.m-r\:-2\@xxl {
										margin-right: -1.2rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:3\@xxl {
									margin-right: 1.44rem !important;
								}
									.m-r\:-3\@xxl {
										margin-right: -1.44rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:4\@xxl {
									margin-right: 1.728rem !important;
								}
									.m-r\:-4\@xxl {
										margin-right: -1.728rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:5\@xxl {
									margin-right: 2.0736rem !important;
								}
									.m-r\:-5\@xxl {
										margin-right: -2.0736rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:6\@xxl {
									margin-right: 2.48832rem !important;
								}
									.m-r\:-6\@xxl {
										margin-right: -2.48832rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:7\@xxl {
									margin-right: 2.98598rem !important;
								}
									.m-r\:-7\@xxl {
										margin-right: -2.98598rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:8\@xxl {
									margin-right: 3.58318rem !important;
								}
									.m-r\:-8\@xxl {
										margin-right: -3.58318rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:9\@xxl {
									margin-right: 4.29982rem !important;
								}
									.m-r\:-9\@xxl {
										margin-right: -4.29982rem !important;
									}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-r\:10\@xxl {
									margin-right: 5.15978rem !important;
								}
									.m-r\:-10\@xxl {
										margin-right: -5.15978rem !important;
									}
				}
@media(min-width: 1700px) {
							.m-x\:a\@xxl {
								margin-left: auto !important;
								margin-right: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.1\@xxl {
									margin-left: 0.19381rem !important;
									margin-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.2\@xxl {
									margin-left: 0.23257rem !important;
									margin-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.3\@xxl {
									margin-left: 0.27908rem !important;
									margin-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.4\@xxl {
									margin-left: 0.3349rem !important;
									margin-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.5\@xxl {
									margin-left: 0.40188rem !important;
									margin-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.6\@xxl {
									margin-left: 0.48225rem !important;
									margin-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.7\@xxl {
									margin-left: 0.5787rem !important;
									margin-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.8\@xxl {
									margin-left: 0.69444rem !important;
									margin-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:\.9\@xxl {
									margin-left: 0.83333rem !important;
									margin-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:0\@xxl {
									margin-left: 0 !important;
									margin-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:1\@xxl {
									margin-left: 1rem !important;
									margin-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:2\@xxl {
									margin-left: 1.2rem !important;
									margin-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:3\@xxl {
									margin-left: 1.44rem !important;
									margin-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:4\@xxl {
									margin-left: 1.728rem !important;
									margin-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:5\@xxl {
									margin-left: 2.0736rem !important;
									margin-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:6\@xxl {
									margin-left: 2.48832rem !important;
									margin-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:7\@xxl {
									margin-left: 2.98598rem !important;
									margin-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:8\@xxl {
									margin-left: 3.58318rem !important;
									margin-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:9\@xxl {
									margin-left: 4.29982rem !important;
									margin-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-x\:10\@xxl {
									margin-left: 5.15978rem !important;
									margin-right: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							.m-y\:a\@xxl {
								margin-top: auto !important;
								margin-bottom: auto !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.1\@xxl {
									margin-top: 0.19381rem !important;
									margin-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.2\@xxl {
									margin-top: 0.23257rem !important;
									margin-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.3\@xxl {
									margin-top: 0.27908rem !important;
									margin-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.4\@xxl {
									margin-top: 0.3349rem !important;
									margin-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.5\@xxl {
									margin-top: 0.40188rem !important;
									margin-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.6\@xxl {
									margin-top: 0.48225rem !important;
									margin-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.7\@xxl {
									margin-top: 0.5787rem !important;
									margin-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.8\@xxl {
									margin-top: 0.69444rem !important;
									margin-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:\.9\@xxl {
									margin-top: 0.83333rem !important;
									margin-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:0\@xxl {
									margin-top: 0 !important;
									margin-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:1\@xxl {
									margin-top: 1rem !important;
									margin-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:2\@xxl {
									margin-top: 1.2rem !important;
									margin-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:3\@xxl {
									margin-top: 1.44rem !important;
									margin-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:4\@xxl {
									margin-top: 1.728rem !important;
									margin-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:5\@xxl {
									margin-top: 2.0736rem !important;
									margin-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:6\@xxl {
									margin-top: 2.48832rem !important;
									margin-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:7\@xxl {
									margin-top: 2.98598rem !important;
									margin-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:8\@xxl {
									margin-top: 3.58318rem !important;
									margin-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:9\@xxl {
									margin-top: 4.29982rem !important;
									margin-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.m-y\:10\@xxl {
									margin-top: 5.15978rem !important;
									margin-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.1\@xxl {
								padding: 0.19381rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.2\@xxl {
								padding: 0.23257rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.3\@xxl {
								padding: 0.27908rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.4\@xxl {
								padding: 0.3349rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.5\@xxl {
								padding: 0.40188rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.6\@xxl {
								padding: 0.48225rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.7\@xxl {
								padding: 0.5787rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.8\@xxl {
								padding: 0.69444rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:\.9\@xxl {
								padding: 0.83333rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:0\@xxl {
								padding: 0 !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:1\@xxl {
								padding: 1rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:2\@xxl {
								padding: 1.2rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:3\@xxl {
								padding: 1.44rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:4\@xxl {
								padding: 1.728rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:5\@xxl {
								padding: 2.0736rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:6\@xxl {
								padding: 2.48832rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:7\@xxl {
								padding: 2.98598rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:8\@xxl {
								padding: 3.58318rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:9\@xxl {
								padding: 4.29982rem !important;
							}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short):$(z)@$(mq)">$(short):$(z)@$(mq)</span>
								```
							*/
							.p\:10\@xxl {
								padding: 5.15978rem !important;
							}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.1\@xxl {
									padding-top: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.2\@xxl {
									padding-top: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.3\@xxl {
									padding-top: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.4\@xxl {
									padding-top: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.5\@xxl {
									padding-top: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.6\@xxl {
									padding-top: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.7\@xxl {
									padding-top: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.8\@xxl {
									padding-top: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:\.9\@xxl {
									padding-top: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:0\@xxl {
									padding-top: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:1\@xxl {
									padding-top: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:2\@xxl {
									padding-top: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:3\@xxl {
									padding-top: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:4\@xxl {
									padding-top: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:5\@xxl {
									padding-top: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:6\@xxl {
									padding-top: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:7\@xxl {
									padding-top: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:8\@xxl {
									padding-top: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:9\@xxl {
									padding-top: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-t\:10\@xxl {
									padding-top: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.1\@xxl {
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.2\@xxl {
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.3\@xxl {
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.4\@xxl {
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.5\@xxl {
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.6\@xxl {
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.7\@xxl {
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.8\@xxl {
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:\.9\@xxl {
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:0\@xxl {
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:1\@xxl {
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:2\@xxl {
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:3\@xxl {
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:4\@xxl {
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:5\@xxl {
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:6\@xxl {
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:7\@xxl {
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:8\@xxl {
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:9\@xxl {
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-b\:10\@xxl {
									padding-bottom: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.1\@xxl {
									padding-left: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.2\@xxl {
									padding-left: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.3\@xxl {
									padding-left: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.4\@xxl {
									padding-left: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.5\@xxl {
									padding-left: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.6\@xxl {
									padding-left: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.7\@xxl {
									padding-left: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.8\@xxl {
									padding-left: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:\.9\@xxl {
									padding-left: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:0\@xxl {
									padding-left: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:1\@xxl {
									padding-left: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:2\@xxl {
									padding-left: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:3\@xxl {
									padding-left: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:4\@xxl {
									padding-left: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:5\@xxl {
									padding-left: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:6\@xxl {
									padding-left: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:7\@xxl {
									padding-left: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:8\@xxl {
									padding-left: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:9\@xxl {
									padding-left: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-l\:10\@xxl {
									padding-left: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.1\@xxl {
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.2\@xxl {
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.3\@xxl {
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.4\@xxl {
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.5\@xxl {
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.6\@xxl {
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.7\@xxl {
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.8\@xxl {
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:\.9\@xxl {
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:0\@xxl {
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:1\@xxl {
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:2\@xxl {
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:3\@xxl {
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:4\@xxl {
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:5\@xxl {
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:6\@xxl {
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:7\@xxl {
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:8\@xxl {
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:9\@xxl {
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-r\:10\@xxl {
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.1\@xxl {
									padding-left: 0.19381rem !important;
									padding-right: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.2\@xxl {
									padding-left: 0.23257rem !important;
									padding-right: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.3\@xxl {
									padding-left: 0.27908rem !important;
									padding-right: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.4\@xxl {
									padding-left: 0.3349rem !important;
									padding-right: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.5\@xxl {
									padding-left: 0.40188rem !important;
									padding-right: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.6\@xxl {
									padding-left: 0.48225rem !important;
									padding-right: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.7\@xxl {
									padding-left: 0.5787rem !important;
									padding-right: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.8\@xxl {
									padding-left: 0.69444rem !important;
									padding-right: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:\.9\@xxl {
									padding-left: 0.83333rem !important;
									padding-right: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:0\@xxl {
									padding-left: 0 !important;
									padding-right: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:1\@xxl {
									padding-left: 1rem !important;
									padding-right: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:2\@xxl {
									padding-left: 1.2rem !important;
									padding-right: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:3\@xxl {
									padding-left: 1.44rem !important;
									padding-right: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:4\@xxl {
									padding-left: 1.728rem !important;
									padding-right: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:5\@xxl {
									padding-left: 2.0736rem !important;
									padding-right: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:6\@xxl {
									padding-left: 2.48832rem !important;
									padding-right: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:7\@xxl {
									padding-left: 2.98598rem !important;
									padding-right: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:8\@xxl {
									padding-left: 3.58318rem !important;
									padding-right: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:9\@xxl {
									padding-left: 4.29982rem !important;
									padding-right: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-x\:10\@xxl {
									padding-left: 5.15978rem !important;
									padding-right: 5.15978rem !important;
								}
				}
@media(min-width: 1700px) {
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.1\@xxl {
									padding-top: 0.19381rem !important;
									padding-bottom: 0.19381rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.2\@xxl {
									padding-top: 0.23257rem !important;
									padding-bottom: 0.23257rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.3\@xxl {
									padding-top: 0.27908rem !important;
									padding-bottom: 0.27908rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.4\@xxl {
									padding-top: 0.3349rem !important;
									padding-bottom: 0.3349rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.5\@xxl {
									padding-top: 0.40188rem !important;
									padding-bottom: 0.40188rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.6\@xxl {
									padding-top: 0.48225rem !important;
									padding-bottom: 0.48225rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.7\@xxl {
									padding-top: 0.5787rem !important;
									padding-bottom: 0.5787rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.8\@xxl {
									padding-top: 0.69444rem !important;
									padding-bottom: 0.69444rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:\.9\@xxl {
									padding-top: 0.83333rem !important;
									padding-bottom: 0.83333rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:0\@xxl {
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:1\@xxl {
									padding-top: 1rem !important;
									padding-bottom: 1rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:2\@xxl {
									padding-top: 1.2rem !important;
									padding-bottom: 1.2rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:3\@xxl {
									padding-top: 1.44rem !important;
									padding-bottom: 1.44rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:4\@xxl {
									padding-top: 1.728rem !important;
									padding-bottom: 1.728rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:5\@xxl {
									padding-top: 2.0736rem !important;
									padding-bottom: 2.0736rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:6\@xxl {
									padding-top: 2.48832rem !important;
									padding-bottom: 2.48832rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:7\@xxl {
									padding-top: 2.98598rem !important;
									padding-bottom: 2.98598rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:8\@xxl {
									padding-top: 3.58318rem !important;
									padding-bottom: 3.58318rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:9\@xxl {
									padding-top: 4.29982rem !important;
									padding-bottom: 4.29982rem !important;
								}
							/*---
								title: $(prop)
								section: Spacing
								---

								```html
								<div class=".$(short)-$(dir):$(z)@$(mq)">$(short)-$(dir):$(z)@$(mq)</span>
								```
							*/
								.p-y\:10\@xxl {
									padding-top: 5.15978rem !important;
									padding-bottom: 5.15978rem !important;
								}
				}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:b {
				display: block !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:i-b {
				display: inline-block !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:i {
				display: inline !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:f {
				display: -webkit-box !important;
				display: -ms-flexbox !important;
				display: flex !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:t {
				display: table !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:t-c {
				display: table-cell !important;
			}
/*---
				title: $(prop)
				section: Display
				---

				```html
				<div class=".d:$(short)">d:$(short)</span>
				```
			*/
.d\:n {
				display: none !important;
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@xxs {
					display: block !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@xxs {
					display: inline-block !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@xxs {
					display: inline !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@xxs {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@xxs {
					display: table !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@xxs {
					display: table-cell !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@xxs {
					display: none !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@xs {
					display: block !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@xs {
					display: inline-block !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@xs {
					display: inline !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@xs {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@xs {
					display: table !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@xs {
					display: table-cell !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@xs {
					display: none !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@sm {
					display: block !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@sm {
					display: inline-block !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@sm {
					display: inline !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@sm {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@sm {
					display: table !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@sm {
					display: table-cell !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@sm {
					display: none !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@md {
					display: block !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@md {
					display: inline-block !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@md {
					display: inline !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@md {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@md {
					display: table !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@md {
					display: table-cell !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@md {
					display: none !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@lg {
					display: block !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@lg {
					display: inline-block !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@lg {
					display: inline !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@lg {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@lg {
					display: table !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@lg {
					display: table-cell !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@lg {
					display: none !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@xl {
					display: block !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@xl {
					display: inline-block !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@xl {
					display: inline !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@xl {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@xl {
					display: table !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@xl {
					display: table-cell !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@xl {
					display: none !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:b\@xxl {
					display: block !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i-b\@xxl {
					display: inline-block !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:i\@xxl {
					display: inline !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:f\@xxl {
					display: -webkit-box !important;
					display: -ms-flexbox !important;
					display: flex !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t\@xxl {
					display: table !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:t-c\@xxl {
					display: table-cell !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Display
					---

					```html
					<div class=".d:$(short)@$(mq)">d:$(short)</span>
					```
				*/
				.d\:n\@xxl {
					display: none !important;
				}
			}
/*---
				title: $(style)
				section: Float
				---

				```html
				<span class=".fl:$(var)">fl:$(var)</span>
				```
			*/
.fl\:l {
					float: left !important;
				}
/*---
				title: $(style)
				section: Float
				---

				```html
				<span class=".fl:$(var)">fl:$(var)</span>
				```
			*/
.fl\:r {
					float: right !important;
				}
/*---
				title: $(style)
				section: Float
				---

				```html
				<span class=".fl:$(var)">fl:$(var)</span>
				```
			*/
.fl\:n {
					float: none !important;
				}
/*---
				title: $(style)
				section: Float
				---

				```html
				<span class=".fl:$(var)">fl:$(var)</span>
				```
			*/
.fl\:c::before,
				.fl\:c::after {
					content: " " !important;
					display: table !important;
				}
.fl\:c::after {
					clear: both !important;
				}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@xxs {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@xxs {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@xxs {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@xxs {
					float: clear !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@xs {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@xs {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@xs {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@xs {
					float: clear !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@sm {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@sm {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@sm {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@sm {
					float: clear !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@md {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@md {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@md {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@md {
					float: clear !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@lg {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@lg {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@lg {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@lg {
					float: clear !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@xl {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@xl {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@xl {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@xl {
					float: clear !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:l\@xxl {
					float: left !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:r\@xxl {
					float: right !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:n\@xxl {
					float: none !important;
				}
				/*---
					title: $(style)
					section: Float
					---

					```html
					<span class=".fl:$(var)\@$(mq)">fl:$(var)@$(mq)</span>
					```
				*/
				.fl\:c\@xxl {
					float: clear !important;
				}
		}
/*---
				title: $(style)
				section: vertical-alignment
				---

				```html
				<span class=".v-a:$(var)">v-a:$(var)</span>
				```
			*/
.v-a\:m {
					vertical-align: middle !important;
				}
/*---
				title: $(style)
				section: vertical-alignment
				---

				```html
				<span class=".v-a:$(var)">v-a:$(var)</span>
				```
			*/
.v-a\:bl {
					vertical-align: baseline !important;
				}
/*---
				title: $(style)
				section: vertical-alignment
				---

				```html
				<span class=".v-a:$(var)">v-a:$(var)</span>
				```
			*/
.v-a\:t {
					vertical-align: top !important;
				}
/*---
				title: $(style)
				section: vertical-alignment
				---

				```html
				<span class=".v-a:$(var)">v-a:$(var)</span>
				```
			*/
.v-a\:b {
					vertical-align: bottom !important;
				}
/*---
				title: $(style)
				section: vertical-alignment
				---

				```html
				<span class=".v-a:$(var)">v-a:$(var)</span>
				```
			*/
.v-a\:c {
					top: 50% !important;
					-webkit-transform: translateY(-50%) !important;
					        transform: translateY(-50%) !important;
				}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@xxs {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@xxs {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@xxs {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@xxs {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@xs {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@xs {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@xs {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@xs {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@sm {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@sm {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@sm {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@sm {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@md {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@md {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@md {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@md {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@lg {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@lg {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@lg {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@lg {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@xl {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@xl {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@xl {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@xl {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:m\@xxl {
						vertical-align: middle !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:bl\@xxl {
						vertical-align: baseline !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:t\@xxl {
						vertical-align: top !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:b\@xxl {
						vertical-align: bottom !important;
					}
				/*---
					title: $(style)
					section: vertical-alignment
					---

					```html
					<span class=".v-a:$(var)\@$(mq)">v-a:$(var)@$(mq)</span>
					```
				*/
					.v-a\:c {
						top: 50% !important;
						-webkit-transform: translateY(-50%) !important;
						        transform: translateY(-50%) !important;
					}
		}
/*---
				title: Direction: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-d:$(short)">flx-d:$(short)</span>
				```
			*/
.flx-d\:r {
				-webkit-box-orient: horizontal !important;
				-webkit-box-direction: normal !important;
				    -ms-flex-direction: row !important;
				        flex-direction: row !important;
			}
/*---
				title: Direction: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-d:$(short)">flx-d:$(short)</span>
				```
			*/
.flx-d\:r-r {
				-webkit-box-orient: horizontal !important;
				-webkit-box-direction: reverse !important;
				    -ms-flex-direction: row-reverse !important;
				        flex-direction: row-reverse !important;
			}
/*---
				title: Direction: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-d:$(short)">flx-d:$(short)</span>
				```
			*/
.flx-d\:c {
				-webkit-box-orient: vertical !important;
				-webkit-box-direction: normal !important;
				    -ms-flex-direction: column !important;
				        flex-direction: column !important;
			}
/*---
				title: Direction: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-d:$(short)">flx-d:$(short)</span>
				```
			*/
.flx-d\:c-r {
				-webkit-box-orient: vertical !important;
				-webkit-box-direction: reverse !important;
				    -ms-flex-direction: column-reverse !important;
				        flex-direction: column-reverse !important;
			}
@media(min-width: 400px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@xxs {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@xxs {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@xxs {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@xxs {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@xs {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@xs {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@xs {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@xs {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@sm {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@sm {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@sm {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@sm {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@md {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@md {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@md {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@md {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@lg {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@lg {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@lg {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@lg {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@xl {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@xl {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@xl {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@xl {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r\@xxl {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: row !important;
					        flex-direction: row !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:r-r\@xxl {
					-webkit-box-orient: horizontal !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: row-reverse !important;
					        flex-direction: row-reverse !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c\@xxl {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: normal !important;
					    -ms-flex-direction: column !important;
					        flex-direction: column !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Direction: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-d:$(short)@$(mq)">flx-d:$(short)@$(mq)</span>
					```
				*/
				.flx-d\:c-r\@xxl {
					-webkit-box-orient: vertical !important;
					-webkit-box-direction: reverse !important;
					    -ms-flex-direction: column-reverse !important;
					        flex-direction: column-reverse !important;
				}
			}
/*---
				title: Wrap: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-w:$(short)">flx-w:$(short)</span>
				```
			*/
.flx-w\:n {
				-ms-flex-wrap: nowrap !important;
				    flex-wrap: nowrap !important;
			}
/*---
				title: Wrap: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-w:$(short)">flx-w:$(short)</span>
				```
			*/
.flx-w\:w {
				-ms-flex-wrap: wrap !important;
				    flex-wrap: wrap !important;
			}
/*---
				title: Wrap: $(prop)
				section: Flex
				---

				```html
				<div class=".flx-w:$(short)">flx-w:$(short)</span>
				```
			*/
.flx-w\:w-r {
				-ms-flex-wrap: wrap-reverse !important;
				    flex-wrap: wrap-reverse !important;
			}
@media(min-width: 400px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@xxs {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@xxs {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@xxs {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@xs {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@xs {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@xs {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@sm {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@sm {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@sm {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@md {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@md {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@md {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@lg {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@lg {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@lg {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@xl {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@xl {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@xl {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:n\@xxl {
					-ms-flex-wrap: nowrap !important;
					    flex-wrap: nowrap !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w\@xxl {
					-ms-flex-wrap: wrap !important;
					    flex-wrap: wrap !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Wrap: $(prop)
					section: Flex
					---

					```html
					<div class=".flx-w:$(short)@$(mq)">flx-w:$(short)@$(mq)</span>
					```
				*/
				.flx-w\:w-r\@xxl {
					-ms-flex-wrap: wrap-reverse !important;
					    flex-wrap: wrap-reverse !important;
				}
			}
/*---
				title: Justify Content: $(prop)
				section: Flex
				---

				```html
				<div class=".j-c:$(short)">j-c:$(short)</span>
				```
			*/
.j-c\:f-s {
				-webkit-box-pack: start !important;
				    -ms-flex-pack: start !important;
				        justify-content: flex-start !important;
			}
/*---
				title: Justify Content: $(prop)
				section: Flex
				---

				```html
				<div class=".j-c:$(short)">j-c:$(short)</span>
				```
			*/
.j-c\:f-e {
				-webkit-box-pack: end !important;
				    -ms-flex-pack: end !important;
				        justify-content: flex-end !important;
			}
/*---
				title: Justify Content: $(prop)
				section: Flex
				---

				```html
				<div class=".j-c:$(short)">j-c:$(short)</span>
				```
			*/
.j-c\:c {
				-webkit-box-pack: center !important;
				    -ms-flex-pack: center !important;
				        justify-content: center !important;
			}
/*---
				title: Justify Content: $(prop)
				section: Flex
				---

				```html
				<div class=".j-c:$(short)">j-c:$(short)</span>
				```
			*/
.j-c\:s-b {
				-webkit-box-pack: justify !important;
				    -ms-flex-pack: justify !important;
				        justify-content: space-between !important;
			}
/*---
				title: Justify Content: $(prop)
				section: Flex
				---

				```html
				<div class=".j-c:$(short)">j-c:$(short)</span>
				```
			*/
.j-c\:s-a {
				-ms-flex-pack: distribute !important;
				    justify-content: space-around !important;
			}
@media(min-width: 400px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@xxs {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@xxs {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@xxs {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@xxs {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@xxs {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@xs {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@xs {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@xs {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@xs {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@xs {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@sm {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@sm {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@sm {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@sm {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@sm {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@md {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@md {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@md {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@md {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@md {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@lg {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@lg {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@lg {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@lg {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@lg {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@xl {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@xl {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@xl {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@xl {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@xl {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-s\@xxl {
					-webkit-box-pack: start !important;
					    -ms-flex-pack: start !important;
					        justify-content: flex-start !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:f-e\@xxl {
					-webkit-box-pack: end !important;
					    -ms-flex-pack: end !important;
					        justify-content: flex-end !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:c\@xxl {
					-webkit-box-pack: center !important;
					    -ms-flex-pack: center !important;
					        justify-content: center !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-b\@xxl {
					-webkit-box-pack: justify !important;
					    -ms-flex-pack: justify !important;
					        justify-content: space-between !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Justify Content: $(prop)
					section: Flex
					---

					```html
					<div class=".j-c:$(short)@$(mq)">j-c:$(short)@$(mq)</span>
					```
				*/
				.j-c\:s-a\@xxl {
					-ms-flex-pack: distribute !important;
					    justify-content: space-around !important;
				}
			}
/*---
				title: Align Items: $(prop)
				section: Flex
				---

				```html
				<div class=".a-i:$(short)">a-i:$(short)</span>
				```
			*/
.a-i\:f-s {
				-webkit-box-align: start !important;
				    -ms-flex-align: start !important;
				        align-items: flex-start !important;
			}
/*---
				title: Align Items: $(prop)
				section: Flex
				---

				```html
				<div class=".a-i:$(short)">a-i:$(short)</span>
				```
			*/
.a-i\:f-e {
				-webkit-box-align: end !important;
				    -ms-flex-align: end !important;
				        align-items: flex-end !important;
			}
/*---
				title: Align Items: $(prop)
				section: Flex
				---

				```html
				<div class=".a-i:$(short)">a-i:$(short)</span>
				```
			*/
.a-i\:c {
				-webkit-box-align: center !important;
				    -ms-flex-align: center !important;
				        align-items: center !important;
			}
/*---
				title: Align Items: $(prop)
				section: Flex
				---

				```html
				<div class=".a-i:$(short)">a-i:$(short)</span>
				```
			*/
.a-i\:b {
				-webkit-box-align: baseline !important;
				    -ms-flex-align: baseline !important;
				        align-items: baseline !important;
			}
/*---
				title: Align Items: $(prop)
				section: Flex
				---

				```html
				<div class=".a-i:$(short)">a-i:$(short)</span>
				```
			*/
.a-i\:s {
				-webkit-box-align: stretch !important;
				    -ms-flex-align: stretch !important;
				        align-items: stretch !important;
			}
@media(min-width: 400px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@xxs {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@xxs {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@xxs {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@xxs {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@xxs {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@xs {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@xs {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@xs {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@xs {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@xs {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@sm {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@sm {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@sm {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@sm {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@sm {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@md {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@md {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@md {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@md {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@md {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@lg {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@lg {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@lg {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@lg {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@lg {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@xl {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@xl {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@xl {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@xl {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@xl {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-s\@xxl {
					-webkit-box-align: start !important;
					    -ms-flex-align: start !important;
					        align-items: flex-start !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:f-e\@xxl {
					-webkit-box-align: end !important;
					    -ms-flex-align: end !important;
					        align-items: flex-end !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:c\@xxl {
					-webkit-box-align: center !important;
					    -ms-flex-align: center !important;
					        align-items: center !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:b\@xxl {
					-webkit-box-align: baseline !important;
					    -ms-flex-align: baseline !important;
					        align-items: baseline !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Items: $(prop)
					section: Flex
					---

					```html
					<div class=".a-i:$(short)@$(mq)">a-i:$(short)@$(mq)</span>
					```
				*/
				.a-i\:s\@xxl {
					-webkit-box-align: stretch !important;
					    -ms-flex-align: stretch !important;
					        align-items: stretch !important;
				}
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:f-s {
				-ms-flex-line-pack: start !important;
				    align-content: flex-start !important;
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:f-e {
				-ms-flex-line-pack: end !important;
				    align-content: flex-end !important;
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:c {
				-ms-flex-line-pack: center !important;
				    align-content: center !important;
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:s {
				-ms-flex-line-pack: stretch !important;
				    align-content: stretch !important;
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:s-b {
				-ms-flex-line-pack: justify !important;
				    align-content: space-between !important;
			}
/*---
				title: Align Content: $(prop)
				section: Flex
				---

				```html
				<div class=".a-c:$(short)">a-c:$(short)</span>
				```
			*/
.a-c\:s-a {
				-ms-flex-line-pack: distribute !important;
				    align-content: space-around !important;
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@xxs {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@xxs {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@xxs {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@xxs {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@xxs {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@xxs {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@xs {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@xs {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@xs {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@xs {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@xs {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@xs {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@sm {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@sm {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@sm {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@sm {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@sm {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@sm {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@md {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@md {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@md {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@md {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@md {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@md {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@lg {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@lg {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@lg {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@lg {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@lg {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@lg {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@xl {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@xl {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@xl {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@xl {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@xl {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@xl {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-s\@xxl {
					-ms-flex-line-pack: start !important;
					    align-content: flex-start !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:f-e\@xxl {
					-ms-flex-line-pack: end !important;
					    align-content: flex-end !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:c\@xxl {
					-ms-flex-line-pack: center !important;
					    align-content: center !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s\@xxl {
					-ms-flex-line-pack: stretch !important;
					    align-content: stretch !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-b\@xxl {
					-ms-flex-line-pack: justify !important;
					    align-content: space-between !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Content: $(prop)
					section: Flex
					---

					```html
					<div class=".a-c:$(short)@$(mq)">a-c:$(short)@$(mq)</span>
					```
				*/
				.a-c\:s-a\@xxl {
					-ms-flex-line-pack: distribute !important;
					    align-content: space-around !important;
				}
			}
/*---
				title: Align Self: $(prop)
				section: Flex
				---

				```html
				<div class=".a-s:$(short)">a-s:$(short)</span>
				```
			*/
.a-s\:f-s {
				-ms-flex-item-align: start !important;
				    align-self: flex-start !important;
			}
/*---
				title: Align Self: $(prop)
				section: Flex
				---

				```html
				<div class=".a-s:$(short)">a-s:$(short)</span>
				```
			*/
.a-s\:f-e {
				-ms-flex-item-align: end !important;
				    align-self: flex-end !important;
			}
/*---
				title: Align Self: $(prop)
				section: Flex
				---

				```html
				<div class=".a-s:$(short)">a-s:$(short)</span>
				```
			*/
.a-s\:c {
				-ms-flex-item-align: center !important;
				    align-self: center !important;
			}
/*---
				title: Align Self: $(prop)
				section: Flex
				---

				```html
				<div class=".a-s:$(short)">a-s:$(short)</span>
				```
			*/
.a-s\:s {
				-ms-flex-item-align: stretch !important;
				    align-self: stretch !important;
			}
/*---
				title: Align Self: $(prop)
				section: Flex
				---

				```html
				<div class=".a-s:$(short)">a-s:$(short)</span>
				```
			*/
.a-s\:a {
				-ms-flex-item-align: auto !important;
				    align-self: auto !important;
			}
@media(min-width: 400px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@xxs {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@xxs {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@xxs {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@xxs {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@xxs {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@xs {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@xs {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@xs {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@xs {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@xs {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@sm {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@sm {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@sm {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@sm {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@sm {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@md {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@md {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@md {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@md {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@md {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@lg {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@lg {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@lg {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@lg {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@lg {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@xl {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@xl {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@xl {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@xl {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@xl {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-s\@xxl {
					-ms-flex-item-align: start !important;
					    align-self: flex-start !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:f-e\@xxl {
					-ms-flex-item-align: end !important;
					    align-self: flex-end !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:c\@xxl {
					-ms-flex-item-align: center !important;
					    align-self: center !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:s\@xxl {
					-ms-flex-item-align: stretch !important;
					    align-self: stretch !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Align Self: $(prop)
					section: Flex
					---

					```html
					<div class=".a-s:$(short)@$(mq)">a-s:$(short)@$(mq)</span>
					```
				*/
				.a-s\:a\@xxl {
					-ms-flex-item-align: auto !important;
					    align-self: auto !important;
				}
			}
/*---
				title: Order: 0
				section: Flex
				---

				```html
				<div class=".ord:0">ord:0</span>
				```
			*/
.ord\:0 {
				-webkit-box-ordinal-group: 1 !important;
				    -ms-flex-order: 0 !important;
				        order: 0 !important;
			}
/*---
				title: Order: 1
				section: Flex
				---

				```html
				<div class=".ord:1">ord:1</span>
				```
			*/
.ord\:1 {
				-webkit-box-ordinal-group: 2 !important;
				    -ms-flex-order: 1 !important;
				        order: 1 !important;
			}
/*---
				title: Order: 2
				section: Flex
				---

				```html
				<div class=".ord:2">ord:2</span>
				```
			*/
.ord\:2 {
				-webkit-box-ordinal-group: 3 !important;
				    -ms-flex-order: 2 !important;
				        order: 2 !important;
			}
/*---
				title: Order: 3
				section: Flex
				---

				```html
				<div class=".ord:3">ord:3</span>
				```
			*/
.ord\:3 {
				-webkit-box-ordinal-group: 4 !important;
				    -ms-flex-order: 3 !important;
				        order: 3 !important;
			}
/*---
				title: Order: 4
				section: Flex
				---

				```html
				<div class=".ord:4">ord:4</span>
				```
			*/
.ord\:4 {
				-webkit-box-ordinal-group: 5 !important;
				    -ms-flex-order: 4 !important;
				        order: 4 !important;
			}
/*---
				title: Order: 5
				section: Flex
				---

				```html
				<div class=".ord:5">ord:5</span>
				```
			*/
.ord\:5 {
				-webkit-box-ordinal-group: 6 !important;
				    -ms-flex-order: 5 !important;
				        order: 5 !important;
			}
/*---
				title: Order: 6
				section: Flex
				---

				```html
				<div class=".ord:6">ord:6</span>
				```
			*/
.ord\:6 {
				-webkit-box-ordinal-group: 7 !important;
				    -ms-flex-order: 6 !important;
				        order: 6 !important;
			}
/*---
				title: Order: 7
				section: Flex
				---

				```html
				<div class=".ord:7">ord:7</span>
				```
			*/
.ord\:7 {
				-webkit-box-ordinal-group: 8 !important;
				    -ms-flex-order: 7 !important;
				        order: 7 !important;
			}
/*---
				title: Order: 8
				section: Flex
				---

				```html
				<div class=".ord:8">ord:8</span>
				```
			*/
.ord\:8 {
				-webkit-box-ordinal-group: 9 !important;
				    -ms-flex-order: 8 !important;
				        order: 8 !important;
			}
/*---
				title: Order: 9
				section: Flex
				---

				```html
				<div class=".ord:9">ord:9</span>
				```
			*/
.ord\:9 {
				-webkit-box-ordinal-group: 10 !important;
				    -ms-flex-order: 9 !important;
				        order: 9 !important;
			}
/*---
				title: Order: 10
				section: Flex
				---

				```html
				<div class=".ord:10">ord:10</span>
				```
			*/
.ord\:10 {
				-webkit-box-ordinal-group: 11 !important;
				    -ms-flex-order: 10 !important;
				        order: 10 !important;
			}
@media(min-width: 400px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@xxs {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@xxs {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@xxs {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@xxs {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@xxs {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@xxs {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@xxs {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@xxs {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@xxs {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@xxs {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@xxs {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@xs {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@xs {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@xs {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@xs {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@xs {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@xs {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@xs {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@xs {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@xs {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@xs {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@xs {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@sm {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@sm {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@sm {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@sm {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@sm {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@sm {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@sm {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@sm {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@sm {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@sm {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@sm {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@md {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@md {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@md {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@md {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@md {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@md {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@md {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@md {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@md {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@md {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@md {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@lg {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@lg {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@lg {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@lg {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@lg {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@lg {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@lg {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@lg {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@lg {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@lg {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@lg {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@xl {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@xl {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@xl {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@xl {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@xl {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@xl {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@xl {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@xl {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@xl {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@xl {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@xl {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".ord:0@$(mq)">ord:0@$(mq)</span>
					```
				*/
				.ord\:0\@xxl {
					-webkit-box-ordinal-group: 1 !important;
					    -ms-flex-order: 0 !important;
					        order: 0 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".ord:1@$(mq)">ord:1@$(mq)</span>
					```
				*/
				.ord\:1\@xxl {
					-webkit-box-ordinal-group: 2 !important;
					    -ms-flex-order: 1 !important;
					        order: 1 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".ord:2@$(mq)">ord:2@$(mq)</span>
					```
				*/
				.ord\:2\@xxl {
					-webkit-box-ordinal-group: 3 !important;
					    -ms-flex-order: 2 !important;
					        order: 2 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".ord:3@$(mq)">ord:3@$(mq)</span>
					```
				*/
				.ord\:3\@xxl {
					-webkit-box-ordinal-group: 4 !important;
					    -ms-flex-order: 3 !important;
					        order: 3 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".ord:4@$(mq)">ord:4@$(mq)</span>
					```
				*/
				.ord\:4\@xxl {
					-webkit-box-ordinal-group: 5 !important;
					    -ms-flex-order: 4 !important;
					        order: 4 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".ord:5@$(mq)">ord:5@$(mq)</span>
					```
				*/
				.ord\:5\@xxl {
					-webkit-box-ordinal-group: 6 !important;
					    -ms-flex-order: 5 !important;
					        order: 5 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".ord:6@$(mq)">ord:6@$(mq)</span>
					```
				*/
				.ord\:6\@xxl {
					-webkit-box-ordinal-group: 7 !important;
					    -ms-flex-order: 6 !important;
					        order: 6 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".ord:7@$(mq)">ord:7@$(mq)</span>
					```
				*/
				.ord\:7\@xxl {
					-webkit-box-ordinal-group: 8 !important;
					    -ms-flex-order: 7 !important;
					        order: 7 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".ord:8@$(mq)">ord:8@$(mq)</span>
					```
				*/
				.ord\:8\@xxl {
					-webkit-box-ordinal-group: 9 !important;
					    -ms-flex-order: 8 !important;
					        order: 8 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".ord:9@$(mq)">ord:9@$(mq)</span>
					```
				*/
				.ord\:9\@xxl {
					-webkit-box-ordinal-group: 10 !important;
					    -ms-flex-order: 9 !important;
					        order: 9 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".ord:10@$(mq)">ord:10@$(mq)</span>
					```
				*/
				.ord\:10\@xxl {
					-webkit-box-ordinal-group: 11 !important;
					    -ms-flex-order: 10 !important;
					        order: 10 !important;
				}
			}
/*---
				title: Grow: 0
				section: Flex
				---

				```html
				<div class=".flx-g:0">flx-g:0</span>
				```
			*/
.flx-g\:0 {
				-webkit-box-flex: 0 !important;
				    -ms-flex-positive: 0 !important;
				        flex-grow: 0 !important;
			}
/*---
				title: Grow: 1
				section: Flex
				---

				```html
				<div class=".flx-g:1">flx-g:1</span>
				```
			*/
.flx-g\:1 {
				-webkit-box-flex: 1 !important;
				    -ms-flex-positive: 1 !important;
				        flex-grow: 1 !important;
			}
/*---
				title: Grow: 2
				section: Flex
				---

				```html
				<div class=".flx-g:2">flx-g:2</span>
				```
			*/
.flx-g\:2 {
				-webkit-box-flex: 2 !important;
				    -ms-flex-positive: 2 !important;
				        flex-grow: 2 !important;
			}
/*---
				title: Grow: 3
				section: Flex
				---

				```html
				<div class=".flx-g:3">flx-g:3</span>
				```
			*/
.flx-g\:3 {
				-webkit-box-flex: 3 !important;
				    -ms-flex-positive: 3 !important;
				        flex-grow: 3 !important;
			}
/*---
				title: Grow: 4
				section: Flex
				---

				```html
				<div class=".flx-g:4">flx-g:4</span>
				```
			*/
.flx-g\:4 {
				-webkit-box-flex: 4 !important;
				    -ms-flex-positive: 4 !important;
				        flex-grow: 4 !important;
			}
/*---
				title: Grow: 5
				section: Flex
				---

				```html
				<div class=".flx-g:5">flx-g:5</span>
				```
			*/
.flx-g\:5 {
				-webkit-box-flex: 5 !important;
				    -ms-flex-positive: 5 !important;
				        flex-grow: 5 !important;
			}
/*---
				title: Grow: 6
				section: Flex
				---

				```html
				<div class=".flx-g:6">flx-g:6</span>
				```
			*/
.flx-g\:6 {
				-webkit-box-flex: 6 !important;
				    -ms-flex-positive: 6 !important;
				        flex-grow: 6 !important;
			}
/*---
				title: Grow: 7
				section: Flex
				---

				```html
				<div class=".flx-g:7">flx-g:7</span>
				```
			*/
.flx-g\:7 {
				-webkit-box-flex: 7 !important;
				    -ms-flex-positive: 7 !important;
				        flex-grow: 7 !important;
			}
/*---
				title: Grow: 8
				section: Flex
				---

				```html
				<div class=".flx-g:8">flx-g:8</span>
				```
			*/
.flx-g\:8 {
				-webkit-box-flex: 8 !important;
				    -ms-flex-positive: 8 !important;
				        flex-grow: 8 !important;
			}
/*---
				title: Grow: 9
				section: Flex
				---

				```html
				<div class=".flx-g:9">flx-g:9</span>
				```
			*/
.flx-g\:9 {
				-webkit-box-flex: 9 !important;
				    -ms-flex-positive: 9 !important;
				        flex-grow: 9 !important;
			}
/*---
				title: Grow: 10
				section: Flex
				---

				```html
				<div class=".flx-g:10">flx-g:10</span>
				```
			*/
.flx-g\:10 {
				-webkit-box-flex: 10 !important;
				    -ms-flex-positive: 10 !important;
				        flex-grow: 10 !important;
			}
@media(min-width: 400px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@xxs {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@xxs {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@xxs {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@xxs {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@xxs {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@xxs {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@xxs {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@xxs {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@xxs {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@xxs {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@xxs {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@xs {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@xs {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@xs {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@xs {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@xs {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@xs {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@xs {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@xs {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@xs {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@xs {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@xs {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@sm {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@sm {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@sm {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@sm {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@sm {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@sm {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@sm {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@sm {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@sm {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@sm {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@sm {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@md {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@md {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@md {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@md {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@md {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@md {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@md {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@md {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@md {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@md {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@md {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@lg {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@lg {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@lg {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@lg {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@lg {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@lg {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@lg {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@lg {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@lg {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@lg {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@lg {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@xl {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@xl {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@xl {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@xl {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@xl {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@xl {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@xl {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@xl {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@xl {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@xl {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@xl {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 0
					section: Flex
					---

					```html
					<div class=".flx-g:0@$(mq)">flx-g:0@$(mq)</span>
					```
				*/
				.flx-g\:0\@xxl {
					-webkit-box-flex: 0 !important;
					    -ms-flex-positive: 0 !important;
					        flex-grow: 0 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 1
					section: Flex
					---

					```html
					<div class=".flx-g:1@$(mq)">flx-g:1@$(mq)</span>
					```
				*/
				.flx-g\:1\@xxl {
					-webkit-box-flex: 1 !important;
					    -ms-flex-positive: 1 !important;
					        flex-grow: 1 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 2
					section: Flex
					---

					```html
					<div class=".flx-g:2@$(mq)">flx-g:2@$(mq)</span>
					```
				*/
				.flx-g\:2\@xxl {
					-webkit-box-flex: 2 !important;
					    -ms-flex-positive: 2 !important;
					        flex-grow: 2 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 3
					section: Flex
					---

					```html
					<div class=".flx-g:3@$(mq)">flx-g:3@$(mq)</span>
					```
				*/
				.flx-g\:3\@xxl {
					-webkit-box-flex: 3 !important;
					    -ms-flex-positive: 3 !important;
					        flex-grow: 3 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 4
					section: Flex
					---

					```html
					<div class=".flx-g:4@$(mq)">flx-g:4@$(mq)</span>
					```
				*/
				.flx-g\:4\@xxl {
					-webkit-box-flex: 4 !important;
					    -ms-flex-positive: 4 !important;
					        flex-grow: 4 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 5
					section: Flex
					---

					```html
					<div class=".flx-g:5@$(mq)">flx-g:5@$(mq)</span>
					```
				*/
				.flx-g\:5\@xxl {
					-webkit-box-flex: 5 !important;
					    -ms-flex-positive: 5 !important;
					        flex-grow: 5 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 6
					section: Flex
					---

					```html
					<div class=".flx-g:6@$(mq)">flx-g:6@$(mq)</span>
					```
				*/
				.flx-g\:6\@xxl {
					-webkit-box-flex: 6 !important;
					    -ms-flex-positive: 6 !important;
					        flex-grow: 6 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 7
					section: Flex
					---

					```html
					<div class=".flx-g:7@$(mq)">flx-g:7@$(mq)</span>
					```
				*/
				.flx-g\:7\@xxl {
					-webkit-box-flex: 7 !important;
					    -ms-flex-positive: 7 !important;
					        flex-grow: 7 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 8
					section: Flex
					---

					```html
					<div class=".flx-g:8@$(mq)">flx-g:8@$(mq)</span>
					```
				*/
				.flx-g\:8\@xxl {
					-webkit-box-flex: 8 !important;
					    -ms-flex-positive: 8 !important;
					        flex-grow: 8 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 9
					section: Flex
					---

					```html
					<div class=".flx-g:9@$(mq)">flx-g:9@$(mq)</span>
					```
				*/
				.flx-g\:9\@xxl {
					-webkit-box-flex: 9 !important;
					    -ms-flex-positive: 9 !important;
					        flex-grow: 9 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: Order: 10
					section: Flex
					---

					```html
					<div class=".flx-g:10@$(mq)">flx-g:10@$(mq)</span>
					```
				*/
				.flx-g\:10\@xxl {
					-webkit-box-flex: 10 !important;
					    -ms-flex-positive: 10 !important;
					        flex-grow: 10 !important;
				}
			}
.flx-s\:0 {
				-ms-flex-negative: 0 !important;
				    flex-shrink: 0 !important;
			}
.flx-s\:1 {
				-ms-flex-negative: 1 !important;
				    flex-shrink: 1 !important;
			}
.flx-s\:2 {
				-ms-flex-negative: 2 !important;
				    flex-shrink: 2 !important;
			}
.flx-s\:3 {
				-ms-flex-negative: 3 !important;
				    flex-shrink: 3 !important;
			}
.flx-s\:4 {
				-ms-flex-negative: 4 !important;
				    flex-shrink: 4 !important;
			}
.flx-s\:5 {
				-ms-flex-negative: 5 !important;
				    flex-shrink: 5 !important;
			}
.flx-s\:6 {
				-ms-flex-negative: 6 !important;
				    flex-shrink: 6 !important;
			}
.flx-s\:7 {
				-ms-flex-negative: 7 !important;
				    flex-shrink: 7 !important;
			}
.flx-s\:8 {
				-ms-flex-negative: 8 !important;
				    flex-shrink: 8 !important;
			}
.flx-s\:9 {
				-ms-flex-negative: 9 !important;
				    flex-shrink: 9 !important;
			}
.flx-s\:10 {
				-ms-flex-negative: 10 !important;
				    flex-shrink: 10 !important;
			}
@media(min-width: 400px) {
				.flx-s\:0\@xxs {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:1\@xxs {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:2\@xxs {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:3\@xxs {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:4\@xxs {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:5\@xxs {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:6\@xxs {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:7\@xxs {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:8\@xxs {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:9\@xxs {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 400px) {
				.flx-s\:10\@xxs {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:0\@xs {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:1\@xs {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:2\@xs {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:3\@xs {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:4\@xs {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:5\@xs {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:6\@xs {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:7\@xs {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:8\@xs {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:9\@xs {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 500px) {
				.flx-s\:10\@xs {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:0\@sm {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:1\@sm {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:2\@sm {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:3\@sm {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:4\@sm {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:5\@sm {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:6\@sm {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:7\@sm {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:8\@sm {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:9\@sm {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 700px) {
				.flx-s\:10\@sm {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:0\@md {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:1\@md {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:2\@md {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:3\@md {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:4\@md {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:5\@md {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:6\@md {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:7\@md {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:8\@md {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:9\@md {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 900px) {
				.flx-s\:10\@md {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:0\@lg {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:1\@lg {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:2\@lg {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:3\@lg {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:4\@lg {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:5\@lg {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:6\@lg {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:7\@lg {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:8\@lg {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:9\@lg {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 1100px) {
				.flx-s\:10\@lg {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:0\@xl {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:1\@xl {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:2\@xl {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:3\@xl {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:4\@xl {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:5\@xl {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:6\@xl {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:7\@xl {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:8\@xl {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:9\@xl {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 1300px) {
				.flx-s\:10\@xl {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:0\@xxl {
					-ms-flex-negative: 0 !important;
					    flex-shrink: 0 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:1\@xxl {
					-ms-flex-negative: 1 !important;
					    flex-shrink: 1 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:2\@xxl {
					-ms-flex-negative: 2 !important;
					    flex-shrink: 2 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:3\@xxl {
					-ms-flex-negative: 3 !important;
					    flex-shrink: 3 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:4\@xxl {
					-ms-flex-negative: 4 !important;
					    flex-shrink: 4 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:5\@xxl {
					-ms-flex-negative: 5 !important;
					    flex-shrink: 5 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:6\@xxl {
					-ms-flex-negative: 6 !important;
					    flex-shrink: 6 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:7\@xxl {
					-ms-flex-negative: 7 !important;
					    flex-shrink: 7 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:8\@xxl {
					-ms-flex-negative: 8 !important;
					    flex-shrink: 8 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:9\@xxl {
					-ms-flex-negative: 9 !important;
					    flex-shrink: 9 !important;
				}
			}
@media(min-width: 1700px) {
				.flx-s\:10\@xxl {
					-ms-flex-negative: 10 !important;
					    flex-shrink: 10 !important;
				}
			}
.flx-b\:a {
			-ms-flex-preferred-size: auto !important;
			    flex-basis: auto !important;
		}
@media(min-width: 400px) {
			.flx-b\:a\@xxs {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 500px) {
			.flx-b\:a\@xs {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 700px) {
			.flx-b\:a\@sm {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 900px) {
			.flx-b\:a\@md {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 1100px) {
			.flx-b\:a\@lg {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 1300px) {
			.flx-b\:a\@xl {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
@media(min-width: 1700px) {
			.flx-b\:a\@xxl {
				-ms-flex-preferred-size: auto !important;
				    flex-basis: auto !important;
			}
		}
.w\:1of12 {
				width: 8.33333% !important;
			}
.w\:1of10 {
				width: 10% !important;
			}
.w\:1of8 {
				width: 12.5% !important;
			}
.w\:1of6 {
				width: 16.66667% !important;
			}
.w\:2of12 {
				width: 16.66667% !important;
			}
.w\:1of5 {
				width: 20% !important;
			}
.w\:2of10 {
				width: 20% !important;
			}
.w\:1of4 {
				width: 25% !important;
			}
.w\:2of8 {
				width: 25% !important;
			}
.w\:3of12 {
				width: 25% !important;
			}
.w\:3of10 {
				width: 30% !important;
			}
.w\:1of3 {
				width: 33.33333% !important;
			}
.w\:2of6 {
				width: 33.33333% !important;
			}
.w\:4of12 {
				width: 33.33333% !important;
			}
.w\:3of8 {
				width: 37.5% !important;
			}
.w\:2of5 {
				width: 40% !important;
			}
.w\:4of10 {
				width: 40% !important;
			}
.w\:5of12 {
				width: 41.66667% !important;
			}
.w\:1of2 {
				width: 50% !important;
			}
.w\:2of4 {
				width: 50% !important;
			}
.w\:3of6 {
				width: 50% !important;
			}
.w\:4of8 {
				width: 50% !important;
			}
.w\:5of10 {
				width: 50% !important;
			}
.w\:6of12 {
				width: 50% !important;
			}
.w\:7of12 {
				width: 58.33333% !important;
			}
.w\:3of5 {
				width: 60% !important;
			}
.w\:6of10 {
				width: 60% !important;
			}
.w\:5of8 {
				width: 62.5% !important;
			}
.w\:2of3 {
				width: 66.66667% !important;
			}
.w\:4of6 {
				width: 66.66667% !important;
			}
.w\:8of12 {
				width: 66.66667% !important;
			}
.w\:7of10 {
				width: 70% !important;
			}
.w\:3of4 {
				width: 75% !important;
			}
.w\:6of8 {
				width: 75% !important;
			}
.w\:9of12 {
				width: 75% !important;
			}
.w\:4of5 {
				width: 80% !important;
			}
.w\:8of10 {
				width: 80% !important;
			}
.w\:5of6 {
				width: 83.33333% !important;
			}
.w\:10of12 {
				width: 83.33333% !important;
			}
.w\:7of8 {
				width: 87.5% !important;
			}
.w\:9of10 {
				width: 90% !important;
			}
.w\:11of12 {
				width: 91.66667% !important;
			}
.w\:full {
				width: 100% !important;
			}
.w\:a {
				width: auto !important;
			}
.w\:100vw {
			width: 100vw !important;
		}
.w\:\.1 {
				width: 0.19381rem !important;
			}
.w\:\.2 {
				width: 0.23257rem !important;
			}
.w\:\.3 {
				width: 0.27908rem !important;
			}
.w\:\.4 {
				width: 0.3349rem !important;
			}
.w\:\.5 {
				width: 0.40188rem !important;
			}
.w\:\.6 {
				width: 0.48225rem !important;
			}
.w\:\.7 {
				width: 0.5787rem !important;
			}
.w\:\.8 {
				width: 0.69444rem !important;
			}
.w\:\.9 {
				width: 0.83333rem !important;
			}
.w\:0 {
				width: 0 !important;
			}
.w\:1 {
				width: 1rem !important;
			}
.w\:2 {
				width: 1.2rem !important;
			}
.w\:3 {
				width: 1.44rem !important;
			}
.w\:4 {
				width: 1.728rem !important;
			}
.w\:5 {
				width: 2.0736rem !important;
			}
.w\:6 {
				width: 2.48832rem !important;
			}
.w\:7 {
				width: 2.98598rem !important;
			}
.w\:8 {
				width: 3.58318rem !important;
			}
.w\:9 {
				width: 4.29982rem !important;
			}
.w\:10 {
				width: 5.15978rem !important;
			}
@media(min-width: 400px) {
				.w\:1of12\@xxs {
					width: 8.33333% !important;
				}
				.w\:1of10\@xxs {
					width: 10% !important;
				}
				.w\:1of8\@xxs {
					width: 12.5% !important;
				}
				.w\:1of6\@xxs {
					width: 16.66667% !important;
				}
				.w\:2of12\@xxs {
					width: 16.66667% !important;
				}
				.w\:1of5\@xxs {
					width: 20% !important;
				}
				.w\:2of10\@xxs {
					width: 20% !important;
				}
				.w\:1of4\@xxs {
					width: 25% !important;
				}
				.w\:2of8\@xxs {
					width: 25% !important;
				}
				.w\:3of12\@xxs {
					width: 25% !important;
				}
				.w\:3of10\@xxs {
					width: 30% !important;
				}
				.w\:1of3\@xxs {
					width: 33.33333% !important;
				}
				.w\:2of6\@xxs {
					width: 33.33333% !important;
				}
				.w\:4of12\@xxs {
					width: 33.33333% !important;
				}
				.w\:3of8\@xxs {
					width: 37.5% !important;
				}
				.w\:2of5\@xxs {
					width: 40% !important;
				}
				.w\:4of10\@xxs {
					width: 40% !important;
				}
				.w\:5of12\@xxs {
					width: 41.66667% !important;
				}
				.w\:1of2\@xxs {
					width: 50% !important;
				}
				.w\:2of4\@xxs {
					width: 50% !important;
				}
				.w\:3of6\@xxs {
					width: 50% !important;
				}
				.w\:4of8\@xxs {
					width: 50% !important;
				}
				.w\:5of10\@xxs {
					width: 50% !important;
				}
				.w\:6of12\@xxs {
					width: 50% !important;
				}
				.w\:7of12\@xxs {
					width: 58.33333% !important;
				}
				.w\:3of5\@xxs {
					width: 60% !important;
				}
				.w\:6of10\@xxs {
					width: 60% !important;
				}
				.w\:5of8\@xxs {
					width: 62.5% !important;
				}
				.w\:2of3\@xxs {
					width: 66.66667% !important;
				}
				.w\:4of6\@xxs {
					width: 66.66667% !important;
				}
				.w\:8of12\@xxs {
					width: 66.66667% !important;
				}
				.w\:7of10\@xxs {
					width: 70% !important;
				}
				.w\:3of4\@xxs {
					width: 75% !important;
				}
				.w\:6of8\@xxs {
					width: 75% !important;
				}
				.w\:9of12\@xxs {
					width: 75% !important;
				}
				.w\:4of5\@xxs {
					width: 80% !important;
				}
				.w\:8of10\@xxs {
					width: 80% !important;
				}
				.w\:5of6\@xxs {
					width: 83.33333% !important;
				}
				.w\:10of12\@xxs {
					width: 83.33333% !important;
				}
				.w\:7of8\@xxs {
					width: 87.5% !important;
				}
				.w\:9of10\@xxs {
					width: 90% !important;
				}
				.w\:11of12\@xxs {
					width: 91.66667% !important;
				}
				.w\:full\@xxs {
					width: 100% !important;
				}
				.w\:a\@xxs {
					width: auto !important;
				}
			.w\:100vw\@xxs {
				width: 100vw !important;
			}
		}
.w\:\.1\@xxs {
				width: 0.19381rem !important;
			}
.w\:\.2\@xxs {
				width: 0.23257rem !important;
			}
.w\:\.3\@xxs {
				width: 0.27908rem !important;
			}
.w\:\.4\@xxs {
				width: 0.3349rem !important;
			}
.w\:\.5\@xxs {
				width: 0.40188rem !important;
			}
.w\:\.6\@xxs {
				width: 0.48225rem !important;
			}
.w\:\.7\@xxs {
				width: 0.5787rem !important;
			}
.w\:\.8\@xxs {
				width: 0.69444rem !important;
			}
.w\:\.9\@xxs {
				width: 0.83333rem !important;
			}
.w\:0\@xxs {
				width: 0 !important;
			}
.w\:1\@xxs {
				width: 1rem !important;
			}
.w\:2\@xxs {
				width: 1.2rem !important;
			}
.w\:3\@xxs {
				width: 1.44rem !important;
			}
.w\:4\@xxs {
				width: 1.728rem !important;
			}
.w\:5\@xxs {
				width: 2.0736rem !important;
			}
.w\:6\@xxs {
				width: 2.48832rem !important;
			}
.w\:7\@xxs {
				width: 2.98598rem !important;
			}
.w\:8\@xxs {
				width: 3.58318rem !important;
			}
.w\:9\@xxs {
				width: 4.29982rem !important;
			}
.w\:10\@xxs {
				width: 5.15978rem !important;
			}
@media(min-width: 500px) {
				.w\:1of12\@xs {
					width: 8.33333% !important;
				}
				.w\:1of10\@xs {
					width: 10% !important;
				}
				.w\:1of8\@xs {
					width: 12.5% !important;
				}
				.w\:1of6\@xs {
					width: 16.66667% !important;
				}
				.w\:2of12\@xs {
					width: 16.66667% !important;
				}
				.w\:1of5\@xs {
					width: 20% !important;
				}
				.w\:2of10\@xs {
					width: 20% !important;
				}
				.w\:1of4\@xs {
					width: 25% !important;
				}
				.w\:2of8\@xs {
					width: 25% !important;
				}
				.w\:3of12\@xs {
					width: 25% !important;
				}
				.w\:3of10\@xs {
					width: 30% !important;
				}
				.w\:1of3\@xs {
					width: 33.33333% !important;
				}
				.w\:2of6\@xs {
					width: 33.33333% !important;
				}
				.w\:4of12\@xs {
					width: 33.33333% !important;
				}
				.w\:3of8\@xs {
					width: 37.5% !important;
				}
				.w\:2of5\@xs {
					width: 40% !important;
				}
				.w\:4of10\@xs {
					width: 40% !important;
				}
				.w\:5of12\@xs {
					width: 41.66667% !important;
				}
				.w\:1of2\@xs {
					width: 50% !important;
				}
				.w\:2of4\@xs {
					width: 50% !important;
				}
				.w\:3of6\@xs {
					width: 50% !important;
				}
				.w\:4of8\@xs {
					width: 50% !important;
				}
				.w\:5of10\@xs {
					width: 50% !important;
				}
				.w\:6of12\@xs {
					width: 50% !important;
				}
				.w\:7of12\@xs {
					width: 58.33333% !important;
				}
				.w\:3of5\@xs {
					width: 60% !important;
				}
				.w\:6of10\@xs {
					width: 60% !important;
				}
				.w\:5of8\@xs {
					width: 62.5% !important;
				}
				.w\:2of3\@xs {
					width: 66.66667% !important;
				}
				.w\:4of6\@xs {
					width: 66.66667% !important;
				}
				.w\:8of12\@xs {
					width: 66.66667% !important;
				}
				.w\:7of10\@xs {
					width: 70% !important;
				}
				.w\:3of4\@xs {
					width: 75% !important;
				}
				.w\:6of8\@xs {
					width: 75% !important;
				}
				.w\:9of12\@xs {
					width: 75% !important;
				}
				.w\:4of5\@xs {
					width: 80% !important;
				}
				.w\:8of10\@xs {
					width: 80% !important;
				}
				.w\:5of6\@xs {
					width: 83.33333% !important;
				}
				.w\:10of12\@xs {
					width: 83.33333% !important;
				}
				.w\:7of8\@xs {
					width: 87.5% !important;
				}
				.w\:9of10\@xs {
					width: 90% !important;
				}
				.w\:11of12\@xs {
					width: 91.66667% !important;
				}
				.w\:full\@xs {
					width: 100% !important;
				}
				.w\:a\@xs {
					width: auto !important;
				}
			.w\:100vw\@xs {
				width: 100vw !important;
			}
		}
.w\:\.1\@xs {
				width: 0.19381rem !important;
			}
.w\:\.2\@xs {
				width: 0.23257rem !important;
			}
.w\:\.3\@xs {
				width: 0.27908rem !important;
			}
.w\:\.4\@xs {
				width: 0.3349rem !important;
			}
.w\:\.5\@xs {
				width: 0.40188rem !important;
			}
.w\:\.6\@xs {
				width: 0.48225rem !important;
			}
.w\:\.7\@xs {
				width: 0.5787rem !important;
			}
.w\:\.8\@xs {
				width: 0.69444rem !important;
			}
.w\:\.9\@xs {
				width: 0.83333rem !important;
			}
.w\:0\@xs {
				width: 0 !important;
			}
.w\:1\@xs {
				width: 1rem !important;
			}
.w\:2\@xs {
				width: 1.2rem !important;
			}
.w\:3\@xs {
				width: 1.44rem !important;
			}
.w\:4\@xs {
				width: 1.728rem !important;
			}
.w\:5\@xs {
				width: 2.0736rem !important;
			}
.w\:6\@xs {
				width: 2.48832rem !important;
			}
.w\:7\@xs {
				width: 2.98598rem !important;
			}
.w\:8\@xs {
				width: 3.58318rem !important;
			}
.w\:9\@xs {
				width: 4.29982rem !important;
			}
.w\:10\@xs {
				width: 5.15978rem !important;
			}
@media(min-width: 700px) {
				.w\:1of12\@sm {
					width: 8.33333% !important;
				}
				.w\:1of10\@sm {
					width: 10% !important;
				}
				.w\:1of8\@sm {
					width: 12.5% !important;
				}
				.w\:1of6\@sm {
					width: 16.66667% !important;
				}
				.w\:2of12\@sm {
					width: 16.66667% !important;
				}
				.w\:1of5\@sm {
					width: 20% !important;
				}
				.w\:2of10\@sm {
					width: 20% !important;
				}
				.w\:1of4\@sm {
					width: 25% !important;
				}
				.w\:2of8\@sm {
					width: 25% !important;
				}
				.w\:3of12\@sm {
					width: 25% !important;
				}
				.w\:3of10\@sm {
					width: 30% !important;
				}
				.w\:1of3\@sm {
					width: 33.33333% !important;
				}
				.w\:2of6\@sm {
					width: 33.33333% !important;
				}
				.w\:4of12\@sm {
					width: 33.33333% !important;
				}
				.w\:3of8\@sm {
					width: 37.5% !important;
				}
				.w\:2of5\@sm {
					width: 40% !important;
				}
				.w\:4of10\@sm {
					width: 40% !important;
				}
				.w\:5of12\@sm {
					width: 41.66667% !important;
				}
				.w\:1of2\@sm {
					width: 50% !important;
				}
				.w\:2of4\@sm {
					width: 50% !important;
				}
				.w\:3of6\@sm {
					width: 50% !important;
				}
				.w\:4of8\@sm {
					width: 50% !important;
				}
				.w\:5of10\@sm {
					width: 50% !important;
				}
				.w\:6of12\@sm {
					width: 50% !important;
				}
				.w\:7of12\@sm {
					width: 58.33333% !important;
				}
				.w\:3of5\@sm {
					width: 60% !important;
				}
				.w\:6of10\@sm {
					width: 60% !important;
				}
				.w\:5of8\@sm {
					width: 62.5% !important;
				}
				.w\:2of3\@sm {
					width: 66.66667% !important;
				}
				.w\:4of6\@sm {
					width: 66.66667% !important;
				}
				.w\:8of12\@sm {
					width: 66.66667% !important;
				}
				.w\:7of10\@sm {
					width: 70% !important;
				}
				.w\:3of4\@sm {
					width: 75% !important;
				}
				.w\:6of8\@sm {
					width: 75% !important;
				}
				.w\:9of12\@sm {
					width: 75% !important;
				}
				.w\:4of5\@sm {
					width: 80% !important;
				}
				.w\:8of10\@sm {
					width: 80% !important;
				}
				.w\:5of6\@sm {
					width: 83.33333% !important;
				}
				.w\:10of12\@sm {
					width: 83.33333% !important;
				}
				.w\:7of8\@sm {
					width: 87.5% !important;
				}
				.w\:9of10\@sm {
					width: 90% !important;
				}
				.w\:11of12\@sm {
					width: 91.66667% !important;
				}
				.w\:full\@sm {
					width: 100% !important;
				}
				.w\:a\@sm {
					width: auto !important;
				}
			.w\:100vw\@sm {
				width: 100vw !important;
			}
		}
.w\:\.1\@sm {
				width: 0.19381rem !important;
			}
.w\:\.2\@sm {
				width: 0.23257rem !important;
			}
.w\:\.3\@sm {
				width: 0.27908rem !important;
			}
.w\:\.4\@sm {
				width: 0.3349rem !important;
			}
.w\:\.5\@sm {
				width: 0.40188rem !important;
			}
.w\:\.6\@sm {
				width: 0.48225rem !important;
			}
.w\:\.7\@sm {
				width: 0.5787rem !important;
			}
.w\:\.8\@sm {
				width: 0.69444rem !important;
			}
.w\:\.9\@sm {
				width: 0.83333rem !important;
			}
.w\:0\@sm {
				width: 0 !important;
			}
.w\:1\@sm {
				width: 1rem !important;
			}
.w\:2\@sm {
				width: 1.2rem !important;
			}
.w\:3\@sm {
				width: 1.44rem !important;
			}
.w\:4\@sm {
				width: 1.728rem !important;
			}
.w\:5\@sm {
				width: 2.0736rem !important;
			}
.w\:6\@sm {
				width: 2.48832rem !important;
			}
.w\:7\@sm {
				width: 2.98598rem !important;
			}
.w\:8\@sm {
				width: 3.58318rem !important;
			}
.w\:9\@sm {
				width: 4.29982rem !important;
			}
.w\:10\@sm {
				width: 5.15978rem !important;
			}
@media(min-width: 900px) {
				.w\:1of12\@md {
					width: 8.33333% !important;
				}
				.w\:1of10\@md {
					width: 10% !important;
				}
				.w\:1of8\@md {
					width: 12.5% !important;
				}
				.w\:1of6\@md {
					width: 16.66667% !important;
				}
				.w\:2of12\@md {
					width: 16.66667% !important;
				}
				.w\:1of5\@md {
					width: 20% !important;
				}
				.w\:2of10\@md {
					width: 20% !important;
				}
				.w\:1of4\@md {
					width: 25% !important;
				}
				.w\:2of8\@md {
					width: 25% !important;
				}
				.w\:3of12\@md {
					width: 25% !important;
				}
				.w\:3of10\@md {
					width: 30% !important;
				}
				.w\:1of3\@md {
					width: 33.33333% !important;
				}
				.w\:2of6\@md {
					width: 33.33333% !important;
				}
				.w\:4of12\@md {
					width: 33.33333% !important;
				}
				.w\:3of8\@md {
					width: 37.5% !important;
				}
				.w\:2of5\@md {
					width: 40% !important;
				}
				.w\:4of10\@md {
					width: 40% !important;
				}
				.w\:5of12\@md {
					width: 41.66667% !important;
				}
				.w\:1of2\@md {
					width: 50% !important;
				}
				.w\:2of4\@md {
					width: 50% !important;
				}
				.w\:3of6\@md {
					width: 50% !important;
				}
				.w\:4of8\@md {
					width: 50% !important;
				}
				.w\:5of10\@md {
					width: 50% !important;
				}
				.w\:6of12\@md {
					width: 50% !important;
				}
				.w\:7of12\@md {
					width: 58.33333% !important;
				}
				.w\:3of5\@md {
					width: 60% !important;
				}
				.w\:6of10\@md {
					width: 60% !important;
				}
				.w\:5of8\@md {
					width: 62.5% !important;
				}
				.w\:2of3\@md {
					width: 66.66667% !important;
				}
				.w\:4of6\@md {
					width: 66.66667% !important;
				}
				.w\:8of12\@md {
					width: 66.66667% !important;
				}
				.w\:7of10\@md {
					width: 70% !important;
				}
				.w\:3of4\@md {
					width: 75% !important;
				}
				.w\:6of8\@md {
					width: 75% !important;
				}
				.w\:9of12\@md {
					width: 75% !important;
				}
				.w\:4of5\@md {
					width: 80% !important;
				}
				.w\:8of10\@md {
					width: 80% !important;
				}
				.w\:5of6\@md {
					width: 83.33333% !important;
				}
				.w\:10of12\@md {
					width: 83.33333% !important;
				}
				.w\:7of8\@md {
					width: 87.5% !important;
				}
				.w\:9of10\@md {
					width: 90% !important;
				}
				.w\:11of12\@md {
					width: 91.66667% !important;
				}
				.w\:full\@md {
					width: 100% !important;
				}
				.w\:a\@md {
					width: auto !important;
				}
			.w\:100vw\@md {
				width: 100vw !important;
			}
		}
.w\:\.1\@md {
				width: 0.19381rem !important;
			}
.w\:\.2\@md {
				width: 0.23257rem !important;
			}
.w\:\.3\@md {
				width: 0.27908rem !important;
			}
.w\:\.4\@md {
				width: 0.3349rem !important;
			}
.w\:\.5\@md {
				width: 0.40188rem !important;
			}
.w\:\.6\@md {
				width: 0.48225rem !important;
			}
.w\:\.7\@md {
				width: 0.5787rem !important;
			}
.w\:\.8\@md {
				width: 0.69444rem !important;
			}
.w\:\.9\@md {
				width: 0.83333rem !important;
			}
.w\:0\@md {
				width: 0 !important;
			}
.w\:1\@md {
				width: 1rem !important;
			}
.w\:2\@md {
				width: 1.2rem !important;
			}
.w\:3\@md {
				width: 1.44rem !important;
			}
.w\:4\@md {
				width: 1.728rem !important;
			}
.w\:5\@md {
				width: 2.0736rem !important;
			}
.w\:6\@md {
				width: 2.48832rem !important;
			}
.w\:7\@md {
				width: 2.98598rem !important;
			}
.w\:8\@md {
				width: 3.58318rem !important;
			}
.w\:9\@md {
				width: 4.29982rem !important;
			}
.w\:10\@md {
				width: 5.15978rem !important;
			}
@media(min-width: 1100px) {
				.w\:1of12\@lg {
					width: 8.33333% !important;
				}
				.w\:1of10\@lg {
					width: 10% !important;
				}
				.w\:1of8\@lg {
					width: 12.5% !important;
				}
				.w\:1of6\@lg {
					width: 16.66667% !important;
				}
				.w\:2of12\@lg {
					width: 16.66667% !important;
				}
				.w\:1of5\@lg {
					width: 20% !important;
				}
				.w\:2of10\@lg {
					width: 20% !important;
				}
				.w\:1of4\@lg {
					width: 25% !important;
				}
				.w\:2of8\@lg {
					width: 25% !important;
				}
				.w\:3of12\@lg {
					width: 25% !important;
				}
				.w\:3of10\@lg {
					width: 30% !important;
				}
				.w\:1of3\@lg {
					width: 33.33333% !important;
				}
				.w\:2of6\@lg {
					width: 33.33333% !important;
				}
				.w\:4of12\@lg {
					width: 33.33333% !important;
				}
				.w\:3of8\@lg {
					width: 37.5% !important;
				}
				.w\:2of5\@lg {
					width: 40% !important;
				}
				.w\:4of10\@lg {
					width: 40% !important;
				}
				.w\:5of12\@lg {
					width: 41.66667% !important;
				}
				.w\:1of2\@lg {
					width: 50% !important;
				}
				.w\:2of4\@lg {
					width: 50% !important;
				}
				.w\:3of6\@lg {
					width: 50% !important;
				}
				.w\:4of8\@lg {
					width: 50% !important;
				}
				.w\:5of10\@lg {
					width: 50% !important;
				}
				.w\:6of12\@lg {
					width: 50% !important;
				}
				.w\:7of12\@lg {
					width: 58.33333% !important;
				}
				.w\:3of5\@lg {
					width: 60% !important;
				}
				.w\:6of10\@lg {
					width: 60% !important;
				}
				.w\:5of8\@lg {
					width: 62.5% !important;
				}
				.w\:2of3\@lg {
					width: 66.66667% !important;
				}
				.w\:4of6\@lg {
					width: 66.66667% !important;
				}
				.w\:8of12\@lg {
					width: 66.66667% !important;
				}
				.w\:7of10\@lg {
					width: 70% !important;
				}
				.w\:3of4\@lg {
					width: 75% !important;
				}
				.w\:6of8\@lg {
					width: 75% !important;
				}
				.w\:9of12\@lg {
					width: 75% !important;
				}
				.w\:4of5\@lg {
					width: 80% !important;
				}
				.w\:8of10\@lg {
					width: 80% !important;
				}
				.w\:5of6\@lg {
					width: 83.33333% !important;
				}
				.w\:10of12\@lg {
					width: 83.33333% !important;
				}
				.w\:7of8\@lg {
					width: 87.5% !important;
				}
				.w\:9of10\@lg {
					width: 90% !important;
				}
				.w\:11of12\@lg {
					width: 91.66667% !important;
				}
				.w\:full\@lg {
					width: 100% !important;
				}
				.w\:a\@lg {
					width: auto !important;
				}
			.w\:100vw\@lg {
				width: 100vw !important;
			}
		}
.w\:\.1\@lg {
				width: 0.19381rem !important;
			}
.w\:\.2\@lg {
				width: 0.23257rem !important;
			}
.w\:\.3\@lg {
				width: 0.27908rem !important;
			}
.w\:\.4\@lg {
				width: 0.3349rem !important;
			}
.w\:\.5\@lg {
				width: 0.40188rem !important;
			}
.w\:\.6\@lg {
				width: 0.48225rem !important;
			}
.w\:\.7\@lg {
				width: 0.5787rem !important;
			}
.w\:\.8\@lg {
				width: 0.69444rem !important;
			}
.w\:\.9\@lg {
				width: 0.83333rem !important;
			}
.w\:0\@lg {
				width: 0 !important;
			}
.w\:1\@lg {
				width: 1rem !important;
			}
.w\:2\@lg {
				width: 1.2rem !important;
			}
.w\:3\@lg {
				width: 1.44rem !important;
			}
.w\:4\@lg {
				width: 1.728rem !important;
			}
.w\:5\@lg {
				width: 2.0736rem !important;
			}
.w\:6\@lg {
				width: 2.48832rem !important;
			}
.w\:7\@lg {
				width: 2.98598rem !important;
			}
.w\:8\@lg {
				width: 3.58318rem !important;
			}
.w\:9\@lg {
				width: 4.29982rem !important;
			}
.w\:10\@lg {
				width: 5.15978rem !important;
			}
@media(min-width: 1300px) {
				.w\:1of12\@xl {
					width: 8.33333% !important;
				}
				.w\:1of10\@xl {
					width: 10% !important;
				}
				.w\:1of8\@xl {
					width: 12.5% !important;
				}
				.w\:1of6\@xl {
					width: 16.66667% !important;
				}
				.w\:2of12\@xl {
					width: 16.66667% !important;
				}
				.w\:1of5\@xl {
					width: 20% !important;
				}
				.w\:2of10\@xl {
					width: 20% !important;
				}
				.w\:1of4\@xl {
					width: 25% !important;
				}
				.w\:2of8\@xl {
					width: 25% !important;
				}
				.w\:3of12\@xl {
					width: 25% !important;
				}
				.w\:3of10\@xl {
					width: 30% !important;
				}
				.w\:1of3\@xl {
					width: 33.33333% !important;
				}
				.w\:2of6\@xl {
					width: 33.33333% !important;
				}
				.w\:4of12\@xl {
					width: 33.33333% !important;
				}
				.w\:3of8\@xl {
					width: 37.5% !important;
				}
				.w\:2of5\@xl {
					width: 40% !important;
				}
				.w\:4of10\@xl {
					width: 40% !important;
				}
				.w\:5of12\@xl {
					width: 41.66667% !important;
				}
				.w\:1of2\@xl {
					width: 50% !important;
				}
				.w\:2of4\@xl {
					width: 50% !important;
				}
				.w\:3of6\@xl {
					width: 50% !important;
				}
				.w\:4of8\@xl {
					width: 50% !important;
				}
				.w\:5of10\@xl {
					width: 50% !important;
				}
				.w\:6of12\@xl {
					width: 50% !important;
				}
				.w\:7of12\@xl {
					width: 58.33333% !important;
				}
				.w\:3of5\@xl {
					width: 60% !important;
				}
				.w\:6of10\@xl {
					width: 60% !important;
				}
				.w\:5of8\@xl {
					width: 62.5% !important;
				}
				.w\:2of3\@xl {
					width: 66.66667% !important;
				}
				.w\:4of6\@xl {
					width: 66.66667% !important;
				}
				.w\:8of12\@xl {
					width: 66.66667% !important;
				}
				.w\:7of10\@xl {
					width: 70% !important;
				}
				.w\:3of4\@xl {
					width: 75% !important;
				}
				.w\:6of8\@xl {
					width: 75% !important;
				}
				.w\:9of12\@xl {
					width: 75% !important;
				}
				.w\:4of5\@xl {
					width: 80% !important;
				}
				.w\:8of10\@xl {
					width: 80% !important;
				}
				.w\:5of6\@xl {
					width: 83.33333% !important;
				}
				.w\:10of12\@xl {
					width: 83.33333% !important;
				}
				.w\:7of8\@xl {
					width: 87.5% !important;
				}
				.w\:9of10\@xl {
					width: 90% !important;
				}
				.w\:11of12\@xl {
					width: 91.66667% !important;
				}
				.w\:full\@xl {
					width: 100% !important;
				}
				.w\:a\@xl {
					width: auto !important;
				}
			.w\:100vw\@xl {
				width: 100vw !important;
			}
		}
.w\:\.1\@xl {
				width: 0.19381rem !important;
			}
.w\:\.2\@xl {
				width: 0.23257rem !important;
			}
.w\:\.3\@xl {
				width: 0.27908rem !important;
			}
.w\:\.4\@xl {
				width: 0.3349rem !important;
			}
.w\:\.5\@xl {
				width: 0.40188rem !important;
			}
.w\:\.6\@xl {
				width: 0.48225rem !important;
			}
.w\:\.7\@xl {
				width: 0.5787rem !important;
			}
.w\:\.8\@xl {
				width: 0.69444rem !important;
			}
.w\:\.9\@xl {
				width: 0.83333rem !important;
			}
.w\:0\@xl {
				width: 0 !important;
			}
.w\:1\@xl {
				width: 1rem !important;
			}
.w\:2\@xl {
				width: 1.2rem !important;
			}
.w\:3\@xl {
				width: 1.44rem !important;
			}
.w\:4\@xl {
				width: 1.728rem !important;
			}
.w\:5\@xl {
				width: 2.0736rem !important;
			}
.w\:6\@xl {
				width: 2.48832rem !important;
			}
.w\:7\@xl {
				width: 2.98598rem !important;
			}
.w\:8\@xl {
				width: 3.58318rem !important;
			}
.w\:9\@xl {
				width: 4.29982rem !important;
			}
.w\:10\@xl {
				width: 5.15978rem !important;
			}
@media(min-width: 1700px) {
				.w\:1of12\@xxl {
					width: 8.33333% !important;
				}
				.w\:1of10\@xxl {
					width: 10% !important;
				}
				.w\:1of8\@xxl {
					width: 12.5% !important;
				}
				.w\:1of6\@xxl {
					width: 16.66667% !important;
				}
				.w\:2of12\@xxl {
					width: 16.66667% !important;
				}
				.w\:1of5\@xxl {
					width: 20% !important;
				}
				.w\:2of10\@xxl {
					width: 20% !important;
				}
				.w\:1of4\@xxl {
					width: 25% !important;
				}
				.w\:2of8\@xxl {
					width: 25% !important;
				}
				.w\:3of12\@xxl {
					width: 25% !important;
				}
				.w\:3of10\@xxl {
					width: 30% !important;
				}
				.w\:1of3\@xxl {
					width: 33.33333% !important;
				}
				.w\:2of6\@xxl {
					width: 33.33333% !important;
				}
				.w\:4of12\@xxl {
					width: 33.33333% !important;
				}
				.w\:3of8\@xxl {
					width: 37.5% !important;
				}
				.w\:2of5\@xxl {
					width: 40% !important;
				}
				.w\:4of10\@xxl {
					width: 40% !important;
				}
				.w\:5of12\@xxl {
					width: 41.66667% !important;
				}
				.w\:1of2\@xxl {
					width: 50% !important;
				}
				.w\:2of4\@xxl {
					width: 50% !important;
				}
				.w\:3of6\@xxl {
					width: 50% !important;
				}
				.w\:4of8\@xxl {
					width: 50% !important;
				}
				.w\:5of10\@xxl {
					width: 50% !important;
				}
				.w\:6of12\@xxl {
					width: 50% !important;
				}
				.w\:7of12\@xxl {
					width: 58.33333% !important;
				}
				.w\:3of5\@xxl {
					width: 60% !important;
				}
				.w\:6of10\@xxl {
					width: 60% !important;
				}
				.w\:5of8\@xxl {
					width: 62.5% !important;
				}
				.w\:2of3\@xxl {
					width: 66.66667% !important;
				}
				.w\:4of6\@xxl {
					width: 66.66667% !important;
				}
				.w\:8of12\@xxl {
					width: 66.66667% !important;
				}
				.w\:7of10\@xxl {
					width: 70% !important;
				}
				.w\:3of4\@xxl {
					width: 75% !important;
				}
				.w\:6of8\@xxl {
					width: 75% !important;
				}
				.w\:9of12\@xxl {
					width: 75% !important;
				}
				.w\:4of5\@xxl {
					width: 80% !important;
				}
				.w\:8of10\@xxl {
					width: 80% !important;
				}
				.w\:5of6\@xxl {
					width: 83.33333% !important;
				}
				.w\:10of12\@xxl {
					width: 83.33333% !important;
				}
				.w\:7of8\@xxl {
					width: 87.5% !important;
				}
				.w\:9of10\@xxl {
					width: 90% !important;
				}
				.w\:11of12\@xxl {
					width: 91.66667% !important;
				}
				.w\:full\@xxl {
					width: 100% !important;
				}
				.w\:a\@xxl {
					width: auto !important;
				}
			.w\:100vw\@xxl {
				width: 100vw !important;
			}
		}
.w\:\.1\@xxl {
				width: 0.19381rem !important;
			}
.w\:\.2\@xxl {
				width: 0.23257rem !important;
			}
.w\:\.3\@xxl {
				width: 0.27908rem !important;
			}
.w\:\.4\@xxl {
				width: 0.3349rem !important;
			}
.w\:\.5\@xxl {
				width: 0.40188rem !important;
			}
.w\:\.6\@xxl {
				width: 0.48225rem !important;
			}
.w\:\.7\@xxl {
				width: 0.5787rem !important;
			}
.w\:\.8\@xxl {
				width: 0.69444rem !important;
			}
.w\:\.9\@xxl {
				width: 0.83333rem !important;
			}
.w\:0\@xxl {
				width: 0 !important;
			}
.w\:1\@xxl {
				width: 1rem !important;
			}
.w\:2\@xxl {
				width: 1.2rem !important;
			}
.w\:3\@xxl {
				width: 1.44rem !important;
			}
.w\:4\@xxl {
				width: 1.728rem !important;
			}
.w\:5\@xxl {
				width: 2.0736rem !important;
			}
.w\:6\@xxl {
				width: 2.48832rem !important;
			}
.w\:7\@xxl {
				width: 2.98598rem !important;
			}
.w\:8\@xxl {
				width: 3.58318rem !important;
			}
.w\:9\@xxl {
				width: 4.29982rem !important;
			}
.w\:10\@xxl {
				width: 5.15978rem !important;
			}
.h\:full {
				height: 100% !important;
			}
.h\:a {
				height: auto !important;
			}
.h\:100vh {
			height: 100vh !important;
		}
.h\:\.1 {
				height: 0.19381rem !important;
			}
.h\:\.2 {
				height: 0.23257rem !important;
			}
.h\:\.3 {
				height: 0.27908rem !important;
			}
.h\:\.4 {
				height: 0.3349rem !important;
			}
.h\:\.5 {
				height: 0.40188rem !important;
			}
.h\:\.6 {
				height: 0.48225rem !important;
			}
.h\:\.7 {
				height: 0.5787rem !important;
			}
.h\:\.8 {
				height: 0.69444rem !important;
			}
.h\:\.9 {
				height: 0.83333rem !important;
			}
.h\:0 {
				height: 0 !important;
			}
.h\:1 {
				height: 1rem !important;
			}
.h\:2 {
				height: 1.2rem !important;
			}
.h\:3 {
				height: 1.44rem !important;
			}
.h\:4 {
				height: 1.728rem !important;
			}
.h\:5 {
				height: 2.0736rem !important;
			}
.h\:6 {
				height: 2.48832rem !important;
			}
.h\:7 {
				height: 2.98598rem !important;
			}
.h\:8 {
				height: 3.58318rem !important;
			}
.h\:9 {
				height: 4.29982rem !important;
			}
.h\:10 {
				height: 5.15978rem !important;
			}
@media(min-width: 400px) {
			.h\:$(name)\@xxs {
				height: $(z) !important;
			}
			.h\:100vh\@xxs {
				height: 100vh !important;
			}
				.h\:\.1\@xxs {
					height: 0.19381rem !important;
				}
				.h\:\.2\@xxs {
					height: 0.23257rem !important;
				}
				.h\:\.3\@xxs {
					height: 0.27908rem !important;
				}
				.h\:\.4\@xxs {
					height: 0.3349rem !important;
				}
				.h\:\.5\@xxs {
					height: 0.40188rem !important;
				}
				.h\:\.6\@xxs {
					height: 0.48225rem !important;
				}
				.h\:\.7\@xxs {
					height: 0.5787rem !important;
				}
				.h\:\.8\@xxs {
					height: 0.69444rem !important;
				}
				.h\:\.9\@xxs {
					height: 0.83333rem !important;
				}
				.h\:0\@xxs {
					height: 0 !important;
				}
				.h\:1\@xxs {
					height: 1rem !important;
				}
				.h\:2\@xxs {
					height: 1.2rem !important;
				}
				.h\:3\@xxs {
					height: 1.44rem !important;
				}
				.h\:4\@xxs {
					height: 1.728rem !important;
				}
				.h\:5\@xxs {
					height: 2.0736rem !important;
				}
				.h\:6\@xxs {
					height: 2.48832rem !important;
				}
				.h\:7\@xxs {
					height: 2.98598rem !important;
				}
				.h\:8\@xxs {
					height: 3.58318rem !important;
				}
				.h\:9\@xxs {
					height: 4.29982rem !important;
				}
				.h\:10\@xxs {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 500px) {
			.h\:$(name)\@xs {
				height: $(z) !important;
			}
			.h\:100vh\@xs {
				height: 100vh !important;
			}
				.h\:\.1\@xs {
					height: 0.19381rem !important;
				}
				.h\:\.2\@xs {
					height: 0.23257rem !important;
				}
				.h\:\.3\@xs {
					height: 0.27908rem !important;
				}
				.h\:\.4\@xs {
					height: 0.3349rem !important;
				}
				.h\:\.5\@xs {
					height: 0.40188rem !important;
				}
				.h\:\.6\@xs {
					height: 0.48225rem !important;
				}
				.h\:\.7\@xs {
					height: 0.5787rem !important;
				}
				.h\:\.8\@xs {
					height: 0.69444rem !important;
				}
				.h\:\.9\@xs {
					height: 0.83333rem !important;
				}
				.h\:0\@xs {
					height: 0 !important;
				}
				.h\:1\@xs {
					height: 1rem !important;
				}
				.h\:2\@xs {
					height: 1.2rem !important;
				}
				.h\:3\@xs {
					height: 1.44rem !important;
				}
				.h\:4\@xs {
					height: 1.728rem !important;
				}
				.h\:5\@xs {
					height: 2.0736rem !important;
				}
				.h\:6\@xs {
					height: 2.48832rem !important;
				}
				.h\:7\@xs {
					height: 2.98598rem !important;
				}
				.h\:8\@xs {
					height: 3.58318rem !important;
				}
				.h\:9\@xs {
					height: 4.29982rem !important;
				}
				.h\:10\@xs {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 700px) {
			.h\:$(name)\@sm {
				height: $(z) !important;
			}
			.h\:100vh\@sm {
				height: 100vh !important;
			}
				.h\:\.1\@sm {
					height: 0.19381rem !important;
				}
				.h\:\.2\@sm {
					height: 0.23257rem !important;
				}
				.h\:\.3\@sm {
					height: 0.27908rem !important;
				}
				.h\:\.4\@sm {
					height: 0.3349rem !important;
				}
				.h\:\.5\@sm {
					height: 0.40188rem !important;
				}
				.h\:\.6\@sm {
					height: 0.48225rem !important;
				}
				.h\:\.7\@sm {
					height: 0.5787rem !important;
				}
				.h\:\.8\@sm {
					height: 0.69444rem !important;
				}
				.h\:\.9\@sm {
					height: 0.83333rem !important;
				}
				.h\:0\@sm {
					height: 0 !important;
				}
				.h\:1\@sm {
					height: 1rem !important;
				}
				.h\:2\@sm {
					height: 1.2rem !important;
				}
				.h\:3\@sm {
					height: 1.44rem !important;
				}
				.h\:4\@sm {
					height: 1.728rem !important;
				}
				.h\:5\@sm {
					height: 2.0736rem !important;
				}
				.h\:6\@sm {
					height: 2.48832rem !important;
				}
				.h\:7\@sm {
					height: 2.98598rem !important;
				}
				.h\:8\@sm {
					height: 3.58318rem !important;
				}
				.h\:9\@sm {
					height: 4.29982rem !important;
				}
				.h\:10\@sm {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 900px) {
			.h\:$(name)\@md {
				height: $(z) !important;
			}
			.h\:100vh\@md {
				height: 100vh !important;
			}
				.h\:\.1\@md {
					height: 0.19381rem !important;
				}
				.h\:\.2\@md {
					height: 0.23257rem !important;
				}
				.h\:\.3\@md {
					height: 0.27908rem !important;
				}
				.h\:\.4\@md {
					height: 0.3349rem !important;
				}
				.h\:\.5\@md {
					height: 0.40188rem !important;
				}
				.h\:\.6\@md {
					height: 0.48225rem !important;
				}
				.h\:\.7\@md {
					height: 0.5787rem !important;
				}
				.h\:\.8\@md {
					height: 0.69444rem !important;
				}
				.h\:\.9\@md {
					height: 0.83333rem !important;
				}
				.h\:0\@md {
					height: 0 !important;
				}
				.h\:1\@md {
					height: 1rem !important;
				}
				.h\:2\@md {
					height: 1.2rem !important;
				}
				.h\:3\@md {
					height: 1.44rem !important;
				}
				.h\:4\@md {
					height: 1.728rem !important;
				}
				.h\:5\@md {
					height: 2.0736rem !important;
				}
				.h\:6\@md {
					height: 2.48832rem !important;
				}
				.h\:7\@md {
					height: 2.98598rem !important;
				}
				.h\:8\@md {
					height: 3.58318rem !important;
				}
				.h\:9\@md {
					height: 4.29982rem !important;
				}
				.h\:10\@md {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 1100px) {
			.h\:$(name)\@lg {
				height: $(z) !important;
			}
			.h\:100vh\@lg {
				height: 100vh !important;
			}
				.h\:\.1\@lg {
					height: 0.19381rem !important;
				}
				.h\:\.2\@lg {
					height: 0.23257rem !important;
				}
				.h\:\.3\@lg {
					height: 0.27908rem !important;
				}
				.h\:\.4\@lg {
					height: 0.3349rem !important;
				}
				.h\:\.5\@lg {
					height: 0.40188rem !important;
				}
				.h\:\.6\@lg {
					height: 0.48225rem !important;
				}
				.h\:\.7\@lg {
					height: 0.5787rem !important;
				}
				.h\:\.8\@lg {
					height: 0.69444rem !important;
				}
				.h\:\.9\@lg {
					height: 0.83333rem !important;
				}
				.h\:0\@lg {
					height: 0 !important;
				}
				.h\:1\@lg {
					height: 1rem !important;
				}
				.h\:2\@lg {
					height: 1.2rem !important;
				}
				.h\:3\@lg {
					height: 1.44rem !important;
				}
				.h\:4\@lg {
					height: 1.728rem !important;
				}
				.h\:5\@lg {
					height: 2.0736rem !important;
				}
				.h\:6\@lg {
					height: 2.48832rem !important;
				}
				.h\:7\@lg {
					height: 2.98598rem !important;
				}
				.h\:8\@lg {
					height: 3.58318rem !important;
				}
				.h\:9\@lg {
					height: 4.29982rem !important;
				}
				.h\:10\@lg {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 1300px) {
			.h\:$(name)\@xl {
				height: $(z) !important;
			}
			.h\:100vh\@xl {
				height: 100vh !important;
			}
				.h\:\.1\@xl {
					height: 0.19381rem !important;
				}
				.h\:\.2\@xl {
					height: 0.23257rem !important;
				}
				.h\:\.3\@xl {
					height: 0.27908rem !important;
				}
				.h\:\.4\@xl {
					height: 0.3349rem !important;
				}
				.h\:\.5\@xl {
					height: 0.40188rem !important;
				}
				.h\:\.6\@xl {
					height: 0.48225rem !important;
				}
				.h\:\.7\@xl {
					height: 0.5787rem !important;
				}
				.h\:\.8\@xl {
					height: 0.69444rem !important;
				}
				.h\:\.9\@xl {
					height: 0.83333rem !important;
				}
				.h\:0\@xl {
					height: 0 !important;
				}
				.h\:1\@xl {
					height: 1rem !important;
				}
				.h\:2\@xl {
					height: 1.2rem !important;
				}
				.h\:3\@xl {
					height: 1.44rem !important;
				}
				.h\:4\@xl {
					height: 1.728rem !important;
				}
				.h\:5\@xl {
					height: 2.0736rem !important;
				}
				.h\:6\@xl {
					height: 2.48832rem !important;
				}
				.h\:7\@xl {
					height: 2.98598rem !important;
				}
				.h\:8\@xl {
					height: 3.58318rem !important;
				}
				.h\:9\@xl {
					height: 4.29982rem !important;
				}
				.h\:10\@xl {
					height: 5.15978rem !important;
				}
		}
@media(min-width: 1700px) {
			.h\:$(name)\@xxl {
				height: $(z) !important;
			}
			.h\:100vh\@xxl {
				height: 100vh !important;
			}
				.h\:\.1\@xxl {
					height: 0.19381rem !important;
				}
				.h\:\.2\@xxl {
					height: 0.23257rem !important;
				}
				.h\:\.3\@xxl {
					height: 0.27908rem !important;
				}
				.h\:\.4\@xxl {
					height: 0.3349rem !important;
				}
				.h\:\.5\@xxl {
					height: 0.40188rem !important;
				}
				.h\:\.6\@xxl {
					height: 0.48225rem !important;
				}
				.h\:\.7\@xxl {
					height: 0.5787rem !important;
				}
				.h\:\.8\@xxl {
					height: 0.69444rem !important;
				}
				.h\:\.9\@xxl {
					height: 0.83333rem !important;
				}
				.h\:0\@xxl {
					height: 0 !important;
				}
				.h\:1\@xxl {
					height: 1rem !important;
				}
				.h\:2\@xxl {
					height: 1.2rem !important;
				}
				.h\:3\@xxl {
					height: 1.44rem !important;
				}
				.h\:4\@xxl {
					height: 1.728rem !important;
				}
				.h\:5\@xxl {
					height: 2.0736rem !important;
				}
				.h\:6\@xxl {
					height: 2.48832rem !important;
				}
				.h\:7\@xxl {
					height: 2.98598rem !important;
				}
				.h\:8\@xxl {
					height: 3.58318rem !important;
				}
				.h\:9\@xxl {
					height: 4.29982rem !important;
				}
				.h\:10\@xxl {
					height: 5.15978rem !important;
				}
		}
/*---
				title: $(short)
				section: Line Height
				---

				```html
				<div class=".l-h:$(short)">l-h:$(short)</span>
				```
			*/
.l-h\:d {
				line-height: 1 !important;
			}
/*---
				title: $(short)
				section: Line Height
				---

				```html
				<div class=".l-h:$(short)">l-h:$(short)</span>
				```
			*/
.l-h\:t {
				line-height: 1.2 !important;
			}
/*---
				title: $(short)
				section: Line Height
				---

				```html
				<div class=".l-h:$(short)">l-h:$(short)</span>
				```
			*/
.l-h\:n {
				line-height: 1.5 !important;
			}
/*---
				title: $(short)
				section: Line Height
				---

				```html
				<div class=".l-h:$(short)">l-h:$(short)</span>
				```
			*/
.l-h\:l {
				line-height: 1.2 !important;
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@xxs {
					line-height: 1 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@xxs {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@xxs {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@xxs {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@xs {
					line-height: 1 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@xs {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@xs {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@xs {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@sm {
					line-height: 1 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@sm {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@sm {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@sm {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@md {
					line-height: 1 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@md {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@md {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@md {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@lg {
					line-height: 1 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@lg {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@lg {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@lg {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@xl {
					line-height: 1 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@xl {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@xl {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@xl {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:d\@xxl {
					line-height: 1 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:t\@xxl {
					line-height: 1.2 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:n\@xxl {
					line-height: 1.5 !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Line Height
					---

					```html
					<div class=".l-h:$(short)@$(mq)">l-h:$(short)@$(mq)</span>
					```
				*/
				.l-h\:l\@xxl {
					line-height: 1.2 !important;
				}
			}
/*---
				title: $(short)
				section: Letter Spacing
				---

				```html
				<div class=".l-s:$(short)">l-s:$(short)</span>
				```
			*/
.l-s\:d {
				letter-spacing: normal !important;
			}
/*---
				title: $(short)
				section: Letter Spacing
				---

				```html
				<div class=".l-s:$(short)">l-s:$(short)</span>
				```
			*/
.l-s\:t {
				letter-spacing: -.03em !important;
			}
/*---
				title: $(short)
				section: Letter Spacing
				---

				```html
				<div class=".l-s:$(short)">l-s:$(short)</span>
				```
			*/
.l-s\:n {
				letter-spacing: -.01em !important;
			}
/*---
				title: $(short)
				section: Letter Spacing
				---

				```html
				<div class=".l-s:$(short)">l-s:$(short)</span>
				```
			*/
.l-s\:l {
				letter-spacing: .32em !important;
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@xxs {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@xxs {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@xxs {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@xxs {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@xs {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@xs {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@xs {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@xs {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@sm {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@sm {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@sm {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@sm {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@md {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@md {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@md {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@md {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@lg {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@lg {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@lg {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@lg {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@xl {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@xl {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@xl {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@xl {
					letter-spacing: .32em !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:d\@xxl {
					letter-spacing: normal !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:t\@xxl {
					letter-spacing: -.03em !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:n\@xxl {
					letter-spacing: -.01em !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(short)
					section: Letter Spacing
					---

					```html
					<div class=".l-s:$(short)@$(mq)">l-s:$(short)@$(mq)</span>
					```
				*/
				.l-s\:l\@xxl {
					letter-spacing: .32em !important;
				}
			}
.t-d\:n {
						text-decoration: none !important;
					}
.t-d\:u {
						text-decoration: underline !important;
					}
.t-d\:l-t {
						text-decoration: line-through !important;
					}
.active\/t-d\:n:active {
				text-decoration: none !important;
}
.active\/t-d\:u:active {
				text-decoration: underline !important;
}
.active\/t-d\:l-t:active {
				text-decoration: line-through !important;
}
.focus\/t-d\:n:focus {
				text-decoration: none !important;
}
.focus\/t-d\:u:focus {
				text-decoration: underline !important;
}
.focus\/t-d\:l-t:focus {
				text-decoration: line-through !important;
}
.hover\/t-d\:n:hover {
				text-decoration: none !important;
}
.hover\/t-d\:u:hover {
				text-decoration: underline !important;
}
.hover\/t-d\:l-t:hover {
				text-decoration: line-through !important;
}
.visited\/t-d\:n:visited {
				text-decoration: none !important;
}
.visited\/t-d\:u:visited {
				text-decoration: underline !important;
}
.visited\/t-d\:l-t:visited {
				text-decoration: line-through !important;
}
@media(min-width: 400px) {
						.t-d\:n\@xxs {
							text-decoration: none !important;
						}
					}
@media(min-width: 400px) {
						.t-d\:u\@xxs {
							text-decoration: underline !important;
						}
					}
@media(min-width: 400px) {
						.t-d\:l-t\@xxs {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 400px) {
						.active\/t-d\:n\@xxs:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 400px) {
						.active\/t-d\:u\@xxs:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 400px) {
						.active\/t-d\:l-t\@xxs:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 400px) {
						.focus\/t-d\:n\@xxs:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 400px) {
						.focus\/t-d\:u\@xxs:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 400px) {
						.focus\/t-d\:l-t\@xxs:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 400px) {
						.hover\/t-d\:n\@xxs:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 400px) {
						.hover\/t-d\:u\@xxs:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 400px) {
						.hover\/t-d\:l-t\@xxs:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 400px) {
						.visited\/t-d\:n\@xxs:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 400px) {
						.visited\/t-d\:u\@xxs:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 400px) {
						.visited\/t-d\:l-t\@xxs:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 500px) {
						.t-d\:n\@xs {
							text-decoration: none !important;
						}
					}
@media(min-width: 500px) {
						.t-d\:u\@xs {
							text-decoration: underline !important;
						}
					}
@media(min-width: 500px) {
						.t-d\:l-t\@xs {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 500px) {
						.active\/t-d\:n\@xs:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 500px) {
						.active\/t-d\:u\@xs:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 500px) {
						.active\/t-d\:l-t\@xs:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 500px) {
						.focus\/t-d\:n\@xs:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 500px) {
						.focus\/t-d\:u\@xs:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 500px) {
						.focus\/t-d\:l-t\@xs:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 500px) {
						.hover\/t-d\:n\@xs:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 500px) {
						.hover\/t-d\:u\@xs:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 500px) {
						.hover\/t-d\:l-t\@xs:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 500px) {
						.visited\/t-d\:n\@xs:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 500px) {
						.visited\/t-d\:u\@xs:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 500px) {
						.visited\/t-d\:l-t\@xs:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 700px) {
						.t-d\:n\@sm {
							text-decoration: none !important;
						}
					}
@media(min-width: 700px) {
						.t-d\:u\@sm {
							text-decoration: underline !important;
						}
					}
@media(min-width: 700px) {
						.t-d\:l-t\@sm {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 700px) {
						.active\/t-d\:n\@sm:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 700px) {
						.active\/t-d\:u\@sm:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 700px) {
						.active\/t-d\:l-t\@sm:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 700px) {
						.focus\/t-d\:n\@sm:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 700px) {
						.focus\/t-d\:u\@sm:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 700px) {
						.focus\/t-d\:l-t\@sm:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 700px) {
						.hover\/t-d\:n\@sm:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 700px) {
						.hover\/t-d\:u\@sm:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 700px) {
						.hover\/t-d\:l-t\@sm:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 700px) {
						.visited\/t-d\:n\@sm:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 700px) {
						.visited\/t-d\:u\@sm:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 700px) {
						.visited\/t-d\:l-t\@sm:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 900px) {
						.t-d\:n\@md {
							text-decoration: none !important;
						}
					}
@media(min-width: 900px) {
						.t-d\:u\@md {
							text-decoration: underline !important;
						}
					}
@media(min-width: 900px) {
						.t-d\:l-t\@md {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 900px) {
						.active\/t-d\:n\@md:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 900px) {
						.active\/t-d\:u\@md:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 900px) {
						.active\/t-d\:l-t\@md:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 900px) {
						.focus\/t-d\:n\@md:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 900px) {
						.focus\/t-d\:u\@md:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 900px) {
						.focus\/t-d\:l-t\@md:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 900px) {
						.hover\/t-d\:n\@md:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 900px) {
						.hover\/t-d\:u\@md:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 900px) {
						.hover\/t-d\:l-t\@md:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 900px) {
						.visited\/t-d\:n\@md:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 900px) {
						.visited\/t-d\:u\@md:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 900px) {
						.visited\/t-d\:l-t\@md:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1100px) {
						.t-d\:n\@lg {
							text-decoration: none !important;
						}
					}
@media(min-width: 1100px) {
						.t-d\:u\@lg {
							text-decoration: underline !important;
						}
					}
@media(min-width: 1100px) {
						.t-d\:l-t\@lg {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 1100px) {
						.active\/t-d\:n\@lg:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 1100px) {
						.active\/t-d\:u\@lg:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1100px) {
						.active\/t-d\:l-t\@lg:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1100px) {
						.focus\/t-d\:n\@lg:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 1100px) {
						.focus\/t-d\:u\@lg:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1100px) {
						.focus\/t-d\:l-t\@lg:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1100px) {
						.hover\/t-d\:n\@lg:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 1100px) {
						.hover\/t-d\:u\@lg:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1100px) {
						.hover\/t-d\:l-t\@lg:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1100px) {
						.visited\/t-d\:n\@lg:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 1100px) {
						.visited\/t-d\:u\@lg:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1100px) {
						.visited\/t-d\:l-t\@lg:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1300px) {
						.t-d\:n\@xl {
							text-decoration: none !important;
						}
					}
@media(min-width: 1300px) {
						.t-d\:u\@xl {
							text-decoration: underline !important;
						}
					}
@media(min-width: 1300px) {
						.t-d\:l-t\@xl {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 1300px) {
						.active\/t-d\:n\@xl:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 1300px) {
						.active\/t-d\:u\@xl:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1300px) {
						.active\/t-d\:l-t\@xl:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1300px) {
						.focus\/t-d\:n\@xl:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 1300px) {
						.focus\/t-d\:u\@xl:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1300px) {
						.focus\/t-d\:l-t\@xl:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1300px) {
						.hover\/t-d\:n\@xl:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 1300px) {
						.hover\/t-d\:u\@xl:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1300px) {
						.hover\/t-d\:l-t\@xl:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1300px) {
						.visited\/t-d\:n\@xl:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 1300px) {
						.visited\/t-d\:u\@xl:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1300px) {
						.visited\/t-d\:l-t\@xl:visited {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1700px) {
						.t-d\:n\@xxl {
							text-decoration: none !important;
						}
					}
@media(min-width: 1700px) {
						.t-d\:u\@xxl {
							text-decoration: underline !important;
						}
					}
@media(min-width: 1700px) {
						.t-d\:l-t\@xxl {
							text-decoration: line-through !important;
						}
					}
@media(min-width: 1700px) {
						.active\/t-d\:n\@xxl:active {
								text-decoration: none !important;
				}
					}
@media(min-width: 1700px) {
						.active\/t-d\:u\@xxl:active {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1700px) {
						.active\/t-d\:l-t\@xxl:active {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1700px) {
						.focus\/t-d\:n\@xxl:focus {
								text-decoration: none !important;
				}
					}
@media(min-width: 1700px) {
						.focus\/t-d\:u\@xxl:focus {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1700px) {
						.focus\/t-d\:l-t\@xxl:focus {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1700px) {
						.hover\/t-d\:n\@xxl:hover {
								text-decoration: none !important;
				}
					}
@media(min-width: 1700px) {
						.hover\/t-d\:u\@xxl:hover {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1700px) {
						.hover\/t-d\:l-t\@xxl:hover {
								text-decoration: line-through !important;
				}
					}
@media(min-width: 1700px) {
						.visited\/t-d\:n\@xxl:visited {
								text-decoration: none !important;
				}
					}
@media(min-width: 1700px) {
						.visited\/t-d\:u\@xxl:visited {
								text-decoration: underline !important;
				}
					}
@media(min-width: 1700px) {
						.visited\/t-d\:l-t\@xxl:visited {
								text-decoration: line-through !important;
				}
					}
/*---
				title: $(prop)
				section: Overflow
				---

				```html
				<div class=".o:$(short)">o:$(short)</span>
				```
			*/
.o\:h {
				overflow: hidden !important;
			}
/*---
				title: $(prop)
				section: Overflow
				---

				```html
				<div class=".o:$(short)">o:$(short)</span>
				```
			*/
.o\:v {
				overflow: visible !important;
			}
/*---
				title: $(prop)
				section: Overflow
				---

				```html
				<div class=".o:$(short)">o:$(short)</span>
				```
			*/
.o\:s {
				overflow: scroll !important;
			}
/*---
				title: $(prop)
				section: Overflow
				---

				```html
				<div class=".o:$(short)">o:$(short)</span>
				```
			*/
.o\:a {
				overflow: auto !important;
			}
/*---
				title: $(prop)
				section: Overflow X
				---

				```html
				<div class=".o-x:$(short)">o-x:$(short)</span>
				```
			*/
.o-x\:h {
				overflow-x: hidden !important;
			}
/*---
				title: $(prop)
				section: Overflow X
				---

				```html
				<div class=".o-x:$(short)">o-x:$(short)</span>
				```
			*/
.o-x\:v {
				overflow-x: visible !important;
			}
/*---
				title: $(prop)
				section: Overflow X
				---

				```html
				<div class=".o-x:$(short)">o-x:$(short)</span>
				```
			*/
.o-x\:s {
				overflow-x: scroll !important;
			}
/*---
				title: $(prop)
				section: Overflow X
				---

				```html
				<div class=".o-x:$(short)">o-x:$(short)</span>
				```
			*/
.o-x\:a {
				overflow-x: auto !important;
			}
/*---
				title: $(prop)
				section:  Overflow Y
				---

				```html
				<div class=".o-y:$(short)">o-y:$(short)</span>
				```
			*/
.o-y\:h {
				overflow-y: hidden !important;
			}
/*---
				title: $(prop)
				section:  Overflow Y
				---

				```html
				<div class=".o-y:$(short)">o-y:$(short)</span>
				```
			*/
.o-y\:v {
				overflow-y: visible !important;
			}
/*---
				title: $(prop)
				section:  Overflow Y
				---

				```html
				<div class=".o-y:$(short)">o-y:$(short)</span>
				```
			*/
.o-y\:s {
				overflow-y: scroll !important;
			}
/*---
				title: $(prop)
				section:  Overflow Y
				---

				```html
				<div class=".o-y:$(short)">o-y:$(short)</span>
				```
			*/
.o-y\:a {
				overflow-y: auto !important;
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@xxs {
					overflow: hidden !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@xxs {
					overflow: visible !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@xxs {
					overflow: scroll !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@xxs {
					overflow: auto !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@xxs {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@xxs {
					overflow-x: visible !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@xxs {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@xxs {
					overflow-x: auto !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@xxs {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@xxs {
					overflow-y: visible !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@xxs {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 400px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@xxs {
					overflow-y: auto !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@xs {
					overflow: hidden !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@xs {
					overflow: visible !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@xs {
					overflow: scroll !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@xs {
					overflow: auto !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@xs {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@xs {
					overflow-x: visible !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@xs {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@xs {
					overflow-x: auto !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@xs {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@xs {
					overflow-y: visible !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@xs {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 500px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@xs {
					overflow-y: auto !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@sm {
					overflow: hidden !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@sm {
					overflow: visible !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@sm {
					overflow: scroll !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@sm {
					overflow: auto !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@sm {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@sm {
					overflow-x: visible !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@sm {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@sm {
					overflow-x: auto !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@sm {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@sm {
					overflow-y: visible !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@sm {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@sm {
					overflow-y: auto !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@md {
					overflow: hidden !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@md {
					overflow: visible !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@md {
					overflow: scroll !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@md {
					overflow: auto !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@md {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@md {
					overflow-x: visible !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@md {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@md {
					overflow-x: auto !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@md {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@md {
					overflow-y: visible !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@md {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 900px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@md {
					overflow-y: auto !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@lg {
					overflow: hidden !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@lg {
					overflow: visible !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@lg {
					overflow: scroll !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@lg {
					overflow: auto !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@lg {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@lg {
					overflow-x: visible !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@lg {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@lg {
					overflow-x: auto !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@lg {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@lg {
					overflow-y: visible !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@lg {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 1100px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@lg {
					overflow-y: auto !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@xl {
					overflow: hidden !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@xl {
					overflow: visible !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@xl {
					overflow: scroll !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@xl {
					overflow: auto !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@xl {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@xl {
					overflow-x: visible !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@xl {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@xl {
					overflow-x: auto !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@xl {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@xl {
					overflow-y: visible !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@xl {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 1300px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@xl {
					overflow-y: auto !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:h\@xxl {
					overflow: hidden !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:v\@xxl {
					overflow: visible !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:s\@xxl {
					overflow: scroll !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow
					---

					```html
					<div class=".o:$(short)@$(mq)">o:$(short)@$(mq)</span>
					```
				*/
				.o\:a\@xxl {
					overflow: auto !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:h\@xxl {
					overflow-x: hidden !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:v\@xxl {
					overflow-x: visible !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:s\@xxl {
					overflow-x: scroll !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section: Overflow X
					---

					```html
					<div class=".o-x:$(short)@$(mq)">o-x:$(short)@$(mq)</span>
					```
				*/
				.o-x\:a\@xxl {
					overflow-x: auto !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:h\@xxl {
					overflow-y: hidden !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:v\@xxl {
					overflow-y: visible !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:s\@xxl {
					overflow-y: scroll !important;
				}
			}
@media(min-width: 1700px) {
				/*---
					title: $(prop)
					section:  Overflow Y
					---

					```html
					<div class=".o-y:$(short)@$(mq)">o-y:$(short)@$(mq)</span>
					```
				*/
				.o-y\:a\@xxl {
					overflow-y: auto !important;
				}
			}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.1 {
		border-radius: 0.19381rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.2 {
		border-radius: 0.23257rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.3 {
		border-radius: 0.27908rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.4 {
		border-radius: 0.3349rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.5 {
		border-radius: 0.40188rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.6 {
		border-radius: 0.48225rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.7 {
		border-radius: 0.5787rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.8 {
		border-radius: 0.69444rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:\.9 {
		border-radius: 0.83333rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:0 {
		border-radius: 0 !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:1 {
		border-radius: 1rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:2 {
		border-radius: 1.2rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:3 {
		border-radius: 1.44rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:4 {
		border-radius: 1.728rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:5 {
		border-radius: 2.0736rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:6 {
		border-radius: 2.48832rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:7 {
		border-radius: 2.98598rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:8 {
		border-radius: 3.58318rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:9 {
		border-radius: 4.29982rem !important;
	}
/*---
		title: all
		section: Border Radius
		---

		```html
		<div class="b-r:$(z)">b-r:$(z)</span>
		```
	*/
.b-r\:10 {
		border-radius: 5.15978rem !important;
	}
.pos\:a {
					position: absolute !important;
				}
.pos\:r {
					position: relative !important;
				}
.pos\:s {
					position: static !important;
				}
.pos\:f {
					position: fixed !important;
				}
.pos\:c {
					top: 0 !important;
					bottom: 0 !important;
					left: 0 !important;
					right: 0 !important;
				}
@media (min-width: 400px) {
					.pos\:a\@xxs {
						position: absolute !important;
					}
					.pos\:r\@xxs {
						position: relative !important;
					}
					.pos\:s\@xxs {
						position: static !important;
					}
					.pos\:f\@xxs {
						position: fixed !important;
					}
					.pos\:c\@xxs {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 500px) {
					.pos\:a\@xs {
						position: absolute !important;
					}
					.pos\:r\@xs {
						position: relative !important;
					}
					.pos\:s\@xs {
						position: static !important;
					}
					.pos\:f\@xs {
						position: fixed !important;
					}
					.pos\:c\@xs {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 700px) {
					.pos\:a\@sm {
						position: absolute !important;
					}
					.pos\:r\@sm {
						position: relative !important;
					}
					.pos\:s\@sm {
						position: static !important;
					}
					.pos\:f\@sm {
						position: fixed !important;
					}
					.pos\:c\@sm {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 900px) {
					.pos\:a\@md {
						position: absolute !important;
					}
					.pos\:r\@md {
						position: relative !important;
					}
					.pos\:s\@md {
						position: static !important;
					}
					.pos\:f\@md {
						position: fixed !important;
					}
					.pos\:c\@md {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 1100px) {
					.pos\:a\@lg {
						position: absolute !important;
					}
					.pos\:r\@lg {
						position: relative !important;
					}
					.pos\:s\@lg {
						position: static !important;
					}
					.pos\:f\@lg {
						position: fixed !important;
					}
					.pos\:c\@lg {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 1300px) {
					.pos\:a\@xl {
						position: absolute !important;
					}
					.pos\:r\@xl {
						position: relative !important;
					}
					.pos\:s\@xl {
						position: static !important;
					}
					.pos\:f\@xl {
						position: fixed !important;
					}
					.pos\:c\@xl {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
@media (min-width: 1700px) {
					.pos\:a\@xxl {
						position: absolute !important;
					}
					.pos\:r\@xxl {
						position: relative !important;
					}
					.pos\:s\@xxl {
						position: static !important;
					}
					.pos\:f\@xxl {
						position: fixed !important;
					}
					.pos\:c\@xxl {
						top: 0 !important;
						bottom: 0 !important;
						left: 0 !important;
						right: 0 !important;
					}
		}
.top {
				top: 100% !important;
			}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.1 {
					top: 0.19381rem !important;
				}
.top\:-\.1 {
					top: -0.19381rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.2 {
					top: 0.23257rem !important;
				}
.top\:-\.2 {
					top: -0.23257rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.3 {
					top: 0.27908rem !important;
				}
.top\:-\.3 {
					top: -0.27908rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.4 {
					top: 0.3349rem !important;
				}
.top\:-\.4 {
					top: -0.3349rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.5 {
					top: 0.40188rem !important;
				}
.top\:-\.5 {
					top: -0.40188rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.6 {
					top: 0.48225rem !important;
				}
.top\:-\.6 {
					top: -0.48225rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.7 {
					top: 0.5787rem !important;
				}
.top\:-\.7 {
					top: -0.5787rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.8 {
					top: 0.69444rem !important;
				}
.top\:-\.8 {
					top: -0.69444rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:\.9 {
					top: 0.83333rem !important;
				}
.top\:-\.9 {
					top: -0.83333rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:0 {
					top: 0 !important;
				}
.top\:-0 {
					top: 0px !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:1 {
					top: 1rem !important;
				}
.top\:-1 {
					top: -1rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:2 {
					top: 1.2rem !important;
				}
.top\:-2 {
					top: -1.2rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:3 {
					top: 1.44rem !important;
				}
.top\:-3 {
					top: -1.44rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:4 {
					top: 1.728rem !important;
				}
.top\:-4 {
					top: -1.728rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:5 {
					top: 2.0736rem !important;
				}
.top\:-5 {
					top: -2.0736rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:6 {
					top: 2.48832rem !important;
				}
.top\:-6 {
					top: -2.48832rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:7 {
					top: 2.98598rem !important;
				}
.top\:-7 {
					top: -2.98598rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:8 {
					top: 3.58318rem !important;
				}
.top\:-8 {
					top: -3.58318rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:9 {
					top: 4.29982rem !important;
				}
.top\:-9 {
					top: -4.29982rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.top\:10 {
					top: 5.15978rem !important;
				}
.top\:-10 {
					top: -5.15978rem !important;
				}
.bottom {
				bottom: 100% !important;
			}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.1 {
					bottom: 0.19381rem !important;
				}
.bottom\:-\.1 {
					bottom: -0.19381rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.2 {
					bottom: 0.23257rem !important;
				}
.bottom\:-\.2 {
					bottom: -0.23257rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.3 {
					bottom: 0.27908rem !important;
				}
.bottom\:-\.3 {
					bottom: -0.27908rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.4 {
					bottom: 0.3349rem !important;
				}
.bottom\:-\.4 {
					bottom: -0.3349rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.5 {
					bottom: 0.40188rem !important;
				}
.bottom\:-\.5 {
					bottom: -0.40188rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.6 {
					bottom: 0.48225rem !important;
				}
.bottom\:-\.6 {
					bottom: -0.48225rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.7 {
					bottom: 0.5787rem !important;
				}
.bottom\:-\.7 {
					bottom: -0.5787rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.8 {
					bottom: 0.69444rem !important;
				}
.bottom\:-\.8 {
					bottom: -0.69444rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:\.9 {
					bottom: 0.83333rem !important;
				}
.bottom\:-\.9 {
					bottom: -0.83333rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:0 {
					bottom: 0 !important;
				}
.bottom\:-0 {
					bottom: 0px !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:1 {
					bottom: 1rem !important;
				}
.bottom\:-1 {
					bottom: -1rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:2 {
					bottom: 1.2rem !important;
				}
.bottom\:-2 {
					bottom: -1.2rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:3 {
					bottom: 1.44rem !important;
				}
.bottom\:-3 {
					bottom: -1.44rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:4 {
					bottom: 1.728rem !important;
				}
.bottom\:-4 {
					bottom: -1.728rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:5 {
					bottom: 2.0736rem !important;
				}
.bottom\:-5 {
					bottom: -2.0736rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:6 {
					bottom: 2.48832rem !important;
				}
.bottom\:-6 {
					bottom: -2.48832rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:7 {
					bottom: 2.98598rem !important;
				}
.bottom\:-7 {
					bottom: -2.98598rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:8 {
					bottom: 3.58318rem !important;
				}
.bottom\:-8 {
					bottom: -3.58318rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:9 {
					bottom: 4.29982rem !important;
				}
.bottom\:-9 {
					bottom: -4.29982rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.bottom\:10 {
					bottom: 5.15978rem !important;
				}
.bottom\:-10 {
					bottom: -5.15978rem !important;
				}
.left {
				left: 100% !important;
			}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.1 {
					left: 0.19381rem !important;
				}
.left\:-\.1 {
					left: -0.19381rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.2 {
					left: 0.23257rem !important;
				}
.left\:-\.2 {
					left: -0.23257rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.3 {
					left: 0.27908rem !important;
				}
.left\:-\.3 {
					left: -0.27908rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.4 {
					left: 0.3349rem !important;
				}
.left\:-\.4 {
					left: -0.3349rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.5 {
					left: 0.40188rem !important;
				}
.left\:-\.5 {
					left: -0.40188rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.6 {
					left: 0.48225rem !important;
				}
.left\:-\.6 {
					left: -0.48225rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.7 {
					left: 0.5787rem !important;
				}
.left\:-\.7 {
					left: -0.5787rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.8 {
					left: 0.69444rem !important;
				}
.left\:-\.8 {
					left: -0.69444rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:\.9 {
					left: 0.83333rem !important;
				}
.left\:-\.9 {
					left: -0.83333rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:0 {
					left: 0 !important;
				}
.left\:-0 {
					left: 0px !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:1 {
					left: 1rem !important;
				}
.left\:-1 {
					left: -1rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:2 {
					left: 1.2rem !important;
				}
.left\:-2 {
					left: -1.2rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:3 {
					left: 1.44rem !important;
				}
.left\:-3 {
					left: -1.44rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:4 {
					left: 1.728rem !important;
				}
.left\:-4 {
					left: -1.728rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:5 {
					left: 2.0736rem !important;
				}
.left\:-5 {
					left: -2.0736rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:6 {
					left: 2.48832rem !important;
				}
.left\:-6 {
					left: -2.48832rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:7 {
					left: 2.98598rem !important;
				}
.left\:-7 {
					left: -2.98598rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:8 {
					left: 3.58318rem !important;
				}
.left\:-8 {
					left: -3.58318rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:9 {
					left: 4.29982rem !important;
				}
.left\:-9 {
					left: -4.29982rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.left\:10 {
					left: 5.15978rem !important;
				}
.left\:-10 {
					left: -5.15978rem !important;
				}
.right {
				right: 100% !important;
			}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.1 {
					right: 0.19381rem !important;
				}
.right\:-\.1 {
					right: -0.19381rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.2 {
					right: 0.23257rem !important;
				}
.right\:-\.2 {
					right: -0.23257rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.3 {
					right: 0.27908rem !important;
				}
.right\:-\.3 {
					right: -0.27908rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.4 {
					right: 0.3349rem !important;
				}
.right\:-\.4 {
					right: -0.3349rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.5 {
					right: 0.40188rem !important;
				}
.right\:-\.5 {
					right: -0.40188rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.6 {
					right: 0.48225rem !important;
				}
.right\:-\.6 {
					right: -0.48225rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.7 {
					right: 0.5787rem !important;
				}
.right\:-\.7 {
					right: -0.5787rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.8 {
					right: 0.69444rem !important;
				}
.right\:-\.8 {
					right: -0.69444rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:\.9 {
					right: 0.83333rem !important;
				}
.right\:-\.9 {
					right: -0.83333rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:0 {
					right: 0 !important;
				}
.right\:-0 {
					right: 0px !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:1 {
					right: 1rem !important;
				}
.right\:-1 {
					right: -1rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:2 {
					right: 1.2rem !important;
				}
.right\:-2 {
					right: -1.2rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:3 {
					right: 1.44rem !important;
				}
.right\:-3 {
					right: -1.44rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:4 {
					right: 1.728rem !important;
				}
.right\:-4 {
					right: -1.728rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:5 {
					right: 2.0736rem !important;
				}
.right\:-5 {
					right: -2.0736rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:6 {
					right: 2.48832rem !important;
				}
.right\:-6 {
					right: -2.48832rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:7 {
					right: 2.98598rem !important;
				}
.right\:-7 {
					right: -2.98598rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:8 {
					right: 3.58318rem !important;
				}
.right\:-8 {
					right: -3.58318rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:9 {
					right: 4.29982rem !important;
				}
.right\:-9 {
					right: -4.29982rem !important;
				}
/*---
					title: Position $(
					section: Side
					---

					```html
					<span class="$(pos):$(z)">$(pos):$(z)</span>
					```
				*/
.right\:10 {
					right: 5.15978rem !important;
				}
.right\:-10 {
					right: -5.15978rem !important;
				}
@media (min-width: 400px) {
				.top\@xxs {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@xxs {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@xxs {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@xxs {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@xxs {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@xxs {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@xxs {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@xxs {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@xxs {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@xxs {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@xxs {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@xxs {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@xxs {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@xxs {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@xxs {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@xxs {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@xxs {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@xxs {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@xxs {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@xxs {
						top: 0 !important;
					}

					.top\:-0\@xxs {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@xxs {
						top: 1rem !important;
					}

					.top\:-1\@xxs {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@xxs {
						top: 1.2rem !important;
					}

					.top\:-2\@xxs {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@xxs {
						top: 1.44rem !important;
					}

					.top\:-3\@xxs {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@xxs {
						top: 1.728rem !important;
					}

					.top\:-4\@xxs {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@xxs {
						top: 2.0736rem !important;
					}

					.top\:-5\@xxs {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@xxs {
						top: 2.48832rem !important;
					}

					.top\:-6\@xxs {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@xxs {
						top: 2.98598rem !important;
					}

					.top\:-7\@xxs {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@xxs {
						top: 3.58318rem !important;
					}

					.top\:-8\@xxs {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@xxs {
						top: 4.29982rem !important;
					}

					.top\:-9\@xxs {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@xxs {
						top: 5.15978rem !important;
					}

					.top\:-10\@xxs {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 400px) {
				.bottom\@xxs {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@xxs {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@xxs {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@xxs {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@xxs {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@xxs {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@xxs {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@xxs {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@xxs {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@xxs {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@xxs {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@xxs {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@xxs {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@xxs {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@xxs {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@xxs {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@xxs {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@xxs {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@xxs {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@xxs {
						bottom: 0 !important;
					}

					.bottom\:-0\@xxs {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@xxs {
						bottom: 1rem !important;
					}

					.bottom\:-1\@xxs {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@xxs {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@xxs {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@xxs {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@xxs {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@xxs {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@xxs {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@xxs {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@xxs {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@xxs {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@xxs {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@xxs {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@xxs {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@xxs {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@xxs {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@xxs {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@xxs {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@xxs {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@xxs {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 400px) {
				.left\@xxs {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@xxs {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@xxs {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@xxs {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@xxs {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@xxs {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@xxs {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@xxs {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@xxs {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@xxs {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@xxs {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@xxs {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@xxs {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@xxs {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@xxs {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@xxs {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@xxs {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@xxs {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@xxs {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@xxs {
						left: 0 !important;
					}

					.left\:-0\@xxs {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@xxs {
						left: 1rem !important;
					}

					.left\:-1\@xxs {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@xxs {
						left: 1.2rem !important;
					}

					.left\:-2\@xxs {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@xxs {
						left: 1.44rem !important;
					}

					.left\:-3\@xxs {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@xxs {
						left: 1.728rem !important;
					}

					.left\:-4\@xxs {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@xxs {
						left: 2.0736rem !important;
					}

					.left\:-5\@xxs {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@xxs {
						left: 2.48832rem !important;
					}

					.left\:-6\@xxs {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@xxs {
						left: 2.98598rem !important;
					}

					.left\:-7\@xxs {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@xxs {
						left: 3.58318rem !important;
					}

					.left\:-8\@xxs {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@xxs {
						left: 4.29982rem !important;
					}

					.left\:-9\@xxs {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@xxs {
						left: 5.15978rem !important;
					}

					.left\:-10\@xxs {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 400px) {
				.right\@xxs {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@xxs {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@xxs {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@xxs {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@xxs {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@xxs {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@xxs {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@xxs {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@xxs {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@xxs {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@xxs {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@xxs {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@xxs {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@xxs {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@xxs {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@xxs {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@xxs {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@xxs {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@xxs {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@xxs {
						right: 0 !important;
					}

					.right\:-0\@xxs {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@xxs {
						right: 1rem !important;
					}

					.right\:-1\@xxs {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@xxs {
						right: 1.2rem !important;
					}

					.right\:-2\@xxs {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@xxs {
						right: 1.44rem !important;
					}

					.right\:-3\@xxs {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@xxs {
						right: 1.728rem !important;
					}

					.right\:-4\@xxs {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@xxs {
						right: 2.0736rem !important;
					}

					.right\:-5\@xxs {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@xxs {
						right: 2.48832rem !important;
					}

					.right\:-6\@xxs {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@xxs {
						right: 2.98598rem !important;
					}

					.right\:-7\@xxs {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@xxs {
						right: 3.58318rem !important;
					}

					.right\:-8\@xxs {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@xxs {
						right: 4.29982rem !important;
					}

					.right\:-9\@xxs {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@xxs {
						right: 5.15978rem !important;
					}

					.right\:-10\@xxs {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 500px) {
				.top\@xs {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@xs {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@xs {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@xs {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@xs {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@xs {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@xs {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@xs {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@xs {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@xs {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@xs {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@xs {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@xs {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@xs {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@xs {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@xs {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@xs {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@xs {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@xs {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@xs {
						top: 0 !important;
					}

					.top\:-0\@xs {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@xs {
						top: 1rem !important;
					}

					.top\:-1\@xs {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@xs {
						top: 1.2rem !important;
					}

					.top\:-2\@xs {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@xs {
						top: 1.44rem !important;
					}

					.top\:-3\@xs {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@xs {
						top: 1.728rem !important;
					}

					.top\:-4\@xs {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@xs {
						top: 2.0736rem !important;
					}

					.top\:-5\@xs {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@xs {
						top: 2.48832rem !important;
					}

					.top\:-6\@xs {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@xs {
						top: 2.98598rem !important;
					}

					.top\:-7\@xs {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@xs {
						top: 3.58318rem !important;
					}

					.top\:-8\@xs {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@xs {
						top: 4.29982rem !important;
					}

					.top\:-9\@xs {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@xs {
						top: 5.15978rem !important;
					}

					.top\:-10\@xs {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 500px) {
				.bottom\@xs {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@xs {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@xs {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@xs {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@xs {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@xs {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@xs {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@xs {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@xs {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@xs {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@xs {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@xs {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@xs {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@xs {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@xs {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@xs {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@xs {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@xs {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@xs {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@xs {
						bottom: 0 !important;
					}

					.bottom\:-0\@xs {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@xs {
						bottom: 1rem !important;
					}

					.bottom\:-1\@xs {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@xs {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@xs {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@xs {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@xs {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@xs {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@xs {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@xs {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@xs {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@xs {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@xs {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@xs {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@xs {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@xs {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@xs {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@xs {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@xs {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@xs {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@xs {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 500px) {
				.left\@xs {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@xs {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@xs {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@xs {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@xs {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@xs {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@xs {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@xs {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@xs {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@xs {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@xs {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@xs {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@xs {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@xs {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@xs {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@xs {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@xs {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@xs {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@xs {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@xs {
						left: 0 !important;
					}

					.left\:-0\@xs {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@xs {
						left: 1rem !important;
					}

					.left\:-1\@xs {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@xs {
						left: 1.2rem !important;
					}

					.left\:-2\@xs {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@xs {
						left: 1.44rem !important;
					}

					.left\:-3\@xs {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@xs {
						left: 1.728rem !important;
					}

					.left\:-4\@xs {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@xs {
						left: 2.0736rem !important;
					}

					.left\:-5\@xs {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@xs {
						left: 2.48832rem !important;
					}

					.left\:-6\@xs {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@xs {
						left: 2.98598rem !important;
					}

					.left\:-7\@xs {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@xs {
						left: 3.58318rem !important;
					}

					.left\:-8\@xs {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@xs {
						left: 4.29982rem !important;
					}

					.left\:-9\@xs {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@xs {
						left: 5.15978rem !important;
					}

					.left\:-10\@xs {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 500px) {
				.right\@xs {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@xs {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@xs {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@xs {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@xs {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@xs {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@xs {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@xs {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@xs {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@xs {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@xs {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@xs {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@xs {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@xs {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@xs {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@xs {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@xs {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@xs {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@xs {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@xs {
						right: 0 !important;
					}

					.right\:-0\@xs {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@xs {
						right: 1rem !important;
					}

					.right\:-1\@xs {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@xs {
						right: 1.2rem !important;
					}

					.right\:-2\@xs {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@xs {
						right: 1.44rem !important;
					}

					.right\:-3\@xs {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@xs {
						right: 1.728rem !important;
					}

					.right\:-4\@xs {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@xs {
						right: 2.0736rem !important;
					}

					.right\:-5\@xs {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@xs {
						right: 2.48832rem !important;
					}

					.right\:-6\@xs {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@xs {
						right: 2.98598rem !important;
					}

					.right\:-7\@xs {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@xs {
						right: 3.58318rem !important;
					}

					.right\:-8\@xs {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@xs {
						right: 4.29982rem !important;
					}

					.right\:-9\@xs {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@xs {
						right: 5.15978rem !important;
					}

					.right\:-10\@xs {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 700px) {
				.top\@sm {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@sm {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@sm {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@sm {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@sm {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@sm {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@sm {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@sm {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@sm {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@sm {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@sm {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@sm {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@sm {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@sm {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@sm {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@sm {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@sm {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@sm {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@sm {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@sm {
						top: 0 !important;
					}

					.top\:-0\@sm {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@sm {
						top: 1rem !important;
					}

					.top\:-1\@sm {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@sm {
						top: 1.2rem !important;
					}

					.top\:-2\@sm {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@sm {
						top: 1.44rem !important;
					}

					.top\:-3\@sm {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@sm {
						top: 1.728rem !important;
					}

					.top\:-4\@sm {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@sm {
						top: 2.0736rem !important;
					}

					.top\:-5\@sm {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@sm {
						top: 2.48832rem !important;
					}

					.top\:-6\@sm {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@sm {
						top: 2.98598rem !important;
					}

					.top\:-7\@sm {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@sm {
						top: 3.58318rem !important;
					}

					.top\:-8\@sm {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@sm {
						top: 4.29982rem !important;
					}

					.top\:-9\@sm {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@sm {
						top: 5.15978rem !important;
					}

					.top\:-10\@sm {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 700px) {
				.bottom\@sm {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@sm {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@sm {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@sm {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@sm {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@sm {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@sm {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@sm {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@sm {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@sm {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@sm {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@sm {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@sm {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@sm {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@sm {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@sm {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@sm {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@sm {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@sm {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@sm {
						bottom: 0 !important;
					}

					.bottom\:-0\@sm {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@sm {
						bottom: 1rem !important;
					}

					.bottom\:-1\@sm {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@sm {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@sm {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@sm {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@sm {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@sm {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@sm {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@sm {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@sm {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@sm {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@sm {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@sm {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@sm {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@sm {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@sm {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@sm {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@sm {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@sm {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@sm {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 700px) {
				.left\@sm {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@sm {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@sm {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@sm {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@sm {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@sm {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@sm {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@sm {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@sm {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@sm {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@sm {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@sm {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@sm {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@sm {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@sm {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@sm {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@sm {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@sm {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@sm {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@sm {
						left: 0 !important;
					}

					.left\:-0\@sm {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@sm {
						left: 1rem !important;
					}

					.left\:-1\@sm {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@sm {
						left: 1.2rem !important;
					}

					.left\:-2\@sm {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@sm {
						left: 1.44rem !important;
					}

					.left\:-3\@sm {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@sm {
						left: 1.728rem !important;
					}

					.left\:-4\@sm {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@sm {
						left: 2.0736rem !important;
					}

					.left\:-5\@sm {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@sm {
						left: 2.48832rem !important;
					}

					.left\:-6\@sm {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@sm {
						left: 2.98598rem !important;
					}

					.left\:-7\@sm {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@sm {
						left: 3.58318rem !important;
					}

					.left\:-8\@sm {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@sm {
						left: 4.29982rem !important;
					}

					.left\:-9\@sm {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@sm {
						left: 5.15978rem !important;
					}

					.left\:-10\@sm {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 700px) {
				.right\@sm {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@sm {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@sm {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@sm {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@sm {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@sm {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@sm {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@sm {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@sm {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@sm {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@sm {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@sm {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@sm {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@sm {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@sm {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@sm {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@sm {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@sm {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@sm {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@sm {
						right: 0 !important;
					}

					.right\:-0\@sm {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@sm {
						right: 1rem !important;
					}

					.right\:-1\@sm {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@sm {
						right: 1.2rem !important;
					}

					.right\:-2\@sm {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@sm {
						right: 1.44rem !important;
					}

					.right\:-3\@sm {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@sm {
						right: 1.728rem !important;
					}

					.right\:-4\@sm {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@sm {
						right: 2.0736rem !important;
					}

					.right\:-5\@sm {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@sm {
						right: 2.48832rem !important;
					}

					.right\:-6\@sm {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@sm {
						right: 2.98598rem !important;
					}

					.right\:-7\@sm {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@sm {
						right: 3.58318rem !important;
					}

					.right\:-8\@sm {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@sm {
						right: 4.29982rem !important;
					}

					.right\:-9\@sm {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@sm {
						right: 5.15978rem !important;
					}

					.right\:-10\@sm {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 900px) {
				.top\@md {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@md {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@md {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@md {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@md {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@md {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@md {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@md {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@md {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@md {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@md {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@md {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@md {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@md {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@md {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@md {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@md {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@md {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@md {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@md {
						top: 0 !important;
					}

					.top\:-0\@md {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@md {
						top: 1rem !important;
					}

					.top\:-1\@md {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@md {
						top: 1.2rem !important;
					}

					.top\:-2\@md {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@md {
						top: 1.44rem !important;
					}

					.top\:-3\@md {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@md {
						top: 1.728rem !important;
					}

					.top\:-4\@md {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@md {
						top: 2.0736rem !important;
					}

					.top\:-5\@md {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@md {
						top: 2.48832rem !important;
					}

					.top\:-6\@md {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@md {
						top: 2.98598rem !important;
					}

					.top\:-7\@md {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@md {
						top: 3.58318rem !important;
					}

					.top\:-8\@md {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@md {
						top: 4.29982rem !important;
					}

					.top\:-9\@md {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@md {
						top: 5.15978rem !important;
					}

					.top\:-10\@md {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 900px) {
				.bottom\@md {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@md {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@md {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@md {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@md {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@md {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@md {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@md {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@md {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@md {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@md {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@md {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@md {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@md {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@md {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@md {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@md {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@md {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@md {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@md {
						bottom: 0 !important;
					}

					.bottom\:-0\@md {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@md {
						bottom: 1rem !important;
					}

					.bottom\:-1\@md {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@md {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@md {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@md {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@md {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@md {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@md {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@md {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@md {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@md {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@md {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@md {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@md {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@md {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@md {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@md {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@md {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@md {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@md {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 900px) {
				.left\@md {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@md {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@md {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@md {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@md {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@md {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@md {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@md {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@md {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@md {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@md {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@md {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@md {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@md {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@md {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@md {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@md {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@md {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@md {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@md {
						left: 0 !important;
					}

					.left\:-0\@md {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@md {
						left: 1rem !important;
					}

					.left\:-1\@md {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@md {
						left: 1.2rem !important;
					}

					.left\:-2\@md {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@md {
						left: 1.44rem !important;
					}

					.left\:-3\@md {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@md {
						left: 1.728rem !important;
					}

					.left\:-4\@md {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@md {
						left: 2.0736rem !important;
					}

					.left\:-5\@md {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@md {
						left: 2.48832rem !important;
					}

					.left\:-6\@md {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@md {
						left: 2.98598rem !important;
					}

					.left\:-7\@md {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@md {
						left: 3.58318rem !important;
					}

					.left\:-8\@md {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@md {
						left: 4.29982rem !important;
					}

					.left\:-9\@md {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@md {
						left: 5.15978rem !important;
					}

					.left\:-10\@md {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 900px) {
				.right\@md {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@md {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@md {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@md {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@md {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@md {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@md {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@md {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@md {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@md {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@md {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@md {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@md {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@md {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@md {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@md {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@md {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@md {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@md {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@md {
						right: 0 !important;
					}

					.right\:-0\@md {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@md {
						right: 1rem !important;
					}

					.right\:-1\@md {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@md {
						right: 1.2rem !important;
					}

					.right\:-2\@md {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@md {
						right: 1.44rem !important;
					}

					.right\:-3\@md {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@md {
						right: 1.728rem !important;
					}

					.right\:-4\@md {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@md {
						right: 2.0736rem !important;
					}

					.right\:-5\@md {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@md {
						right: 2.48832rem !important;
					}

					.right\:-6\@md {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@md {
						right: 2.98598rem !important;
					}

					.right\:-7\@md {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@md {
						right: 3.58318rem !important;
					}

					.right\:-8\@md {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@md {
						right: 4.29982rem !important;
					}

					.right\:-9\@md {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@md {
						right: 5.15978rem !important;
					}

					.right\:-10\@md {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 1100px) {
				.top\@lg {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@lg {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@lg {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@lg {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@lg {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@lg {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@lg {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@lg {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@lg {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@lg {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@lg {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@lg {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@lg {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@lg {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@lg {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@lg {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@lg {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@lg {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@lg {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@lg {
						top: 0 !important;
					}

					.top\:-0\@lg {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@lg {
						top: 1rem !important;
					}

					.top\:-1\@lg {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@lg {
						top: 1.2rem !important;
					}

					.top\:-2\@lg {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@lg {
						top: 1.44rem !important;
					}

					.top\:-3\@lg {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@lg {
						top: 1.728rem !important;
					}

					.top\:-4\@lg {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@lg {
						top: 2.0736rem !important;
					}

					.top\:-5\@lg {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@lg {
						top: 2.48832rem !important;
					}

					.top\:-6\@lg {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@lg {
						top: 2.98598rem !important;
					}

					.top\:-7\@lg {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@lg {
						top: 3.58318rem !important;
					}

					.top\:-8\@lg {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@lg {
						top: 4.29982rem !important;
					}

					.top\:-9\@lg {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@lg {
						top: 5.15978rem !important;
					}

					.top\:-10\@lg {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 1100px) {
				.bottom\@lg {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@lg {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@lg {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@lg {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@lg {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@lg {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@lg {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@lg {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@lg {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@lg {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@lg {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@lg {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@lg {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@lg {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@lg {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@lg {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@lg {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@lg {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@lg {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@lg {
						bottom: 0 !important;
					}

					.bottom\:-0\@lg {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@lg {
						bottom: 1rem !important;
					}

					.bottom\:-1\@lg {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@lg {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@lg {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@lg {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@lg {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@lg {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@lg {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@lg {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@lg {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@lg {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@lg {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@lg {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@lg {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@lg {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@lg {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@lg {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@lg {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@lg {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@lg {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 1100px) {
				.left\@lg {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@lg {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@lg {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@lg {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@lg {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@lg {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@lg {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@lg {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@lg {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@lg {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@lg {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@lg {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@lg {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@lg {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@lg {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@lg {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@lg {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@lg {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@lg {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@lg {
						left: 0 !important;
					}

					.left\:-0\@lg {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@lg {
						left: 1rem !important;
					}

					.left\:-1\@lg {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@lg {
						left: 1.2rem !important;
					}

					.left\:-2\@lg {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@lg {
						left: 1.44rem !important;
					}

					.left\:-3\@lg {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@lg {
						left: 1.728rem !important;
					}

					.left\:-4\@lg {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@lg {
						left: 2.0736rem !important;
					}

					.left\:-5\@lg {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@lg {
						left: 2.48832rem !important;
					}

					.left\:-6\@lg {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@lg {
						left: 2.98598rem !important;
					}

					.left\:-7\@lg {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@lg {
						left: 3.58318rem !important;
					}

					.left\:-8\@lg {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@lg {
						left: 4.29982rem !important;
					}

					.left\:-9\@lg {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@lg {
						left: 5.15978rem !important;
					}

					.left\:-10\@lg {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 1100px) {
				.right\@lg {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@lg {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@lg {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@lg {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@lg {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@lg {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@lg {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@lg {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@lg {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@lg {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@lg {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@lg {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@lg {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@lg {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@lg {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@lg {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@lg {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@lg {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@lg {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@lg {
						right: 0 !important;
					}

					.right\:-0\@lg {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@lg {
						right: 1rem !important;
					}

					.right\:-1\@lg {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@lg {
						right: 1.2rem !important;
					}

					.right\:-2\@lg {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@lg {
						right: 1.44rem !important;
					}

					.right\:-3\@lg {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@lg {
						right: 1.728rem !important;
					}

					.right\:-4\@lg {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@lg {
						right: 2.0736rem !important;
					}

					.right\:-5\@lg {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@lg {
						right: 2.48832rem !important;
					}

					.right\:-6\@lg {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@lg {
						right: 2.98598rem !important;
					}

					.right\:-7\@lg {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@lg {
						right: 3.58318rem !important;
					}

					.right\:-8\@lg {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@lg {
						right: 4.29982rem !important;
					}

					.right\:-9\@lg {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@lg {
						right: 5.15978rem !important;
					}

					.right\:-10\@lg {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 1300px) {
				.top\@xl {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@xl {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@xl {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@xl {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@xl {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@xl {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@xl {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@xl {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@xl {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@xl {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@xl {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@xl {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@xl {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@xl {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@xl {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@xl {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@xl {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@xl {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@xl {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@xl {
						top: 0 !important;
					}

					.top\:-0\@xl {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@xl {
						top: 1rem !important;
					}

					.top\:-1\@xl {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@xl {
						top: 1.2rem !important;
					}

					.top\:-2\@xl {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@xl {
						top: 1.44rem !important;
					}

					.top\:-3\@xl {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@xl {
						top: 1.728rem !important;
					}

					.top\:-4\@xl {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@xl {
						top: 2.0736rem !important;
					}

					.top\:-5\@xl {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@xl {
						top: 2.48832rem !important;
					}

					.top\:-6\@xl {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@xl {
						top: 2.98598rem !important;
					}

					.top\:-7\@xl {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@xl {
						top: 3.58318rem !important;
					}

					.top\:-8\@xl {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@xl {
						top: 4.29982rem !important;
					}

					.top\:-9\@xl {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@xl {
						top: 5.15978rem !important;
					}

					.top\:-10\@xl {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 1300px) {
				.bottom\@xl {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@xl {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@xl {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@xl {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@xl {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@xl {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@xl {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@xl {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@xl {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@xl {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@xl {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@xl {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@xl {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@xl {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@xl {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@xl {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@xl {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@xl {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@xl {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@xl {
						bottom: 0 !important;
					}

					.bottom\:-0\@xl {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@xl {
						bottom: 1rem !important;
					}

					.bottom\:-1\@xl {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@xl {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@xl {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@xl {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@xl {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@xl {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@xl {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@xl {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@xl {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@xl {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@xl {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@xl {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@xl {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@xl {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@xl {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@xl {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@xl {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@xl {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@xl {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 1300px) {
				.left\@xl {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@xl {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@xl {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@xl {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@xl {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@xl {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@xl {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@xl {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@xl {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@xl {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@xl {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@xl {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@xl {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@xl {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@xl {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@xl {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@xl {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@xl {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@xl {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@xl {
						left: 0 !important;
					}

					.left\:-0\@xl {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@xl {
						left: 1rem !important;
					}

					.left\:-1\@xl {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@xl {
						left: 1.2rem !important;
					}

					.left\:-2\@xl {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@xl {
						left: 1.44rem !important;
					}

					.left\:-3\@xl {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@xl {
						left: 1.728rem !important;
					}

					.left\:-4\@xl {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@xl {
						left: 2.0736rem !important;
					}

					.left\:-5\@xl {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@xl {
						left: 2.48832rem !important;
					}

					.left\:-6\@xl {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@xl {
						left: 2.98598rem !important;
					}

					.left\:-7\@xl {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@xl {
						left: 3.58318rem !important;
					}

					.left\:-8\@xl {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@xl {
						left: 4.29982rem !important;
					}

					.left\:-9\@xl {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@xl {
						left: 5.15978rem !important;
					}

					.left\:-10\@xl {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 1300px) {
				.right\@xl {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@xl {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@xl {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@xl {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@xl {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@xl {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@xl {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@xl {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@xl {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@xl {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@xl {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@xl {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@xl {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@xl {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@xl {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@xl {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@xl {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@xl {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@xl {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@xl {
						right: 0 !important;
					}

					.right\:-0\@xl {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@xl {
						right: 1rem !important;
					}

					.right\:-1\@xl {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@xl {
						right: 1.2rem !important;
					}

					.right\:-2\@xl {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@xl {
						right: 1.44rem !important;
					}

					.right\:-3\@xl {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@xl {
						right: 1.728rem !important;
					}

					.right\:-4\@xl {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@xl {
						right: 2.0736rem !important;
					}

					.right\:-5\@xl {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@xl {
						right: 2.48832rem !important;
					}

					.right\:-6\@xl {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@xl {
						right: 2.98598rem !important;
					}

					.right\:-7\@xl {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@xl {
						right: 3.58318rem !important;
					}

					.right\:-8\@xl {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@xl {
						right: 4.29982rem !important;
					}

					.right\:-9\@xl {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@xl {
						right: 5.15978rem !important;
					}

					.right\:-10\@xl {
						right: -5.15978rem !important;
					}
			}
@media (min-width: 1700px) {
				.top\@xxl {
					top: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.1\@xxl {
						top: 0.19381rem !important;
					}

					.top\:-\.1\@xxl {
						top: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.2\@xxl {
						top: 0.23257rem !important;
					}

					.top\:-\.2\@xxl {
						top: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.3\@xxl {
						top: 0.27908rem !important;
					}

					.top\:-\.3\@xxl {
						top: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.4\@xxl {
						top: 0.3349rem !important;
					}

					.top\:-\.4\@xxl {
						top: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.5\@xxl {
						top: 0.40188rem !important;
					}

					.top\:-\.5\@xxl {
						top: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.6\@xxl {
						top: 0.48225rem !important;
					}

					.top\:-\.6\@xxl {
						top: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.7\@xxl {
						top: 0.5787rem !important;
					}

					.top\:-\.7\@xxl {
						top: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.8\@xxl {
						top: 0.69444rem !important;
					}

					.top\:-\.8\@xxl {
						top: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:\.9\@xxl {
						top: 0.83333rem !important;
					}

					.top\:-\.9\@xxl {
						top: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:0\@xxl {
						top: 0 !important;
					}

					.top\:-0\@xxl {
						top: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:1\@xxl {
						top: 1rem !important;
					}

					.top\:-1\@xxl {
						top: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:2\@xxl {
						top: 1.2rem !important;
					}

					.top\:-2\@xxl {
						top: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:3\@xxl {
						top: 1.44rem !important;
					}

					.top\:-3\@xxl {
						top: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:4\@xxl {
						top: 1.728rem !important;
					}

					.top\:-4\@xxl {
						top: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:5\@xxl {
						top: 2.0736rem !important;
					}

					.top\:-5\@xxl {
						top: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:6\@xxl {
						top: 2.48832rem !important;
					}

					.top\:-6\@xxl {
						top: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:7\@xxl {
						top: 2.98598rem !important;
					}

					.top\:-7\@xxl {
						top: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:8\@xxl {
						top: 3.58318rem !important;
					}

					.top\:-8\@xxl {
						top: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:9\@xxl {
						top: 4.29982rem !important;
					}

					.top\:-9\@xxl {
						top: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.top\:10\@xxl {
						top: 5.15978rem !important;
					}

					.top\:-10\@xxl {
						top: -5.15978rem !important;
					}
			}
@media (min-width: 1700px) {
				.bottom\@xxl {
					bottom: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.1\@xxl {
						bottom: 0.19381rem !important;
					}

					.bottom\:-\.1\@xxl {
						bottom: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.2\@xxl {
						bottom: 0.23257rem !important;
					}

					.bottom\:-\.2\@xxl {
						bottom: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.3\@xxl {
						bottom: 0.27908rem !important;
					}

					.bottom\:-\.3\@xxl {
						bottom: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.4\@xxl {
						bottom: 0.3349rem !important;
					}

					.bottom\:-\.4\@xxl {
						bottom: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.5\@xxl {
						bottom: 0.40188rem !important;
					}

					.bottom\:-\.5\@xxl {
						bottom: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.6\@xxl {
						bottom: 0.48225rem !important;
					}

					.bottom\:-\.6\@xxl {
						bottom: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.7\@xxl {
						bottom: 0.5787rem !important;
					}

					.bottom\:-\.7\@xxl {
						bottom: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.8\@xxl {
						bottom: 0.69444rem !important;
					}

					.bottom\:-\.8\@xxl {
						bottom: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:\.9\@xxl {
						bottom: 0.83333rem !important;
					}

					.bottom\:-\.9\@xxl {
						bottom: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:0\@xxl {
						bottom: 0 !important;
					}

					.bottom\:-0\@xxl {
						bottom: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:1\@xxl {
						bottom: 1rem !important;
					}

					.bottom\:-1\@xxl {
						bottom: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:2\@xxl {
						bottom: 1.2rem !important;
					}

					.bottom\:-2\@xxl {
						bottom: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:3\@xxl {
						bottom: 1.44rem !important;
					}

					.bottom\:-3\@xxl {
						bottom: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:4\@xxl {
						bottom: 1.728rem !important;
					}

					.bottom\:-4\@xxl {
						bottom: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:5\@xxl {
						bottom: 2.0736rem !important;
					}

					.bottom\:-5\@xxl {
						bottom: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:6\@xxl {
						bottom: 2.48832rem !important;
					}

					.bottom\:-6\@xxl {
						bottom: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:7\@xxl {
						bottom: 2.98598rem !important;
					}

					.bottom\:-7\@xxl {
						bottom: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:8\@xxl {
						bottom: 3.58318rem !important;
					}

					.bottom\:-8\@xxl {
						bottom: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:9\@xxl {
						bottom: 4.29982rem !important;
					}

					.bottom\:-9\@xxl {
						bottom: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.bottom\:10\@xxl {
						bottom: 5.15978rem !important;
					}

					.bottom\:-10\@xxl {
						bottom: -5.15978rem !important;
					}
			}
@media (min-width: 1700px) {
				.left\@xxl {
					left: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.1\@xxl {
						left: 0.19381rem !important;
					}

					.left\:-\.1\@xxl {
						left: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.2\@xxl {
						left: 0.23257rem !important;
					}

					.left\:-\.2\@xxl {
						left: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.3\@xxl {
						left: 0.27908rem !important;
					}

					.left\:-\.3\@xxl {
						left: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.4\@xxl {
						left: 0.3349rem !important;
					}

					.left\:-\.4\@xxl {
						left: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.5\@xxl {
						left: 0.40188rem !important;
					}

					.left\:-\.5\@xxl {
						left: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.6\@xxl {
						left: 0.48225rem !important;
					}

					.left\:-\.6\@xxl {
						left: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.7\@xxl {
						left: 0.5787rem !important;
					}

					.left\:-\.7\@xxl {
						left: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.8\@xxl {
						left: 0.69444rem !important;
					}

					.left\:-\.8\@xxl {
						left: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:\.9\@xxl {
						left: 0.83333rem !important;
					}

					.left\:-\.9\@xxl {
						left: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:0\@xxl {
						left: 0 !important;
					}

					.left\:-0\@xxl {
						left: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:1\@xxl {
						left: 1rem !important;
					}

					.left\:-1\@xxl {
						left: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:2\@xxl {
						left: 1.2rem !important;
					}

					.left\:-2\@xxl {
						left: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:3\@xxl {
						left: 1.44rem !important;
					}

					.left\:-3\@xxl {
						left: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:4\@xxl {
						left: 1.728rem !important;
					}

					.left\:-4\@xxl {
						left: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:5\@xxl {
						left: 2.0736rem !important;
					}

					.left\:-5\@xxl {
						left: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:6\@xxl {
						left: 2.48832rem !important;
					}

					.left\:-6\@xxl {
						left: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:7\@xxl {
						left: 2.98598rem !important;
					}

					.left\:-7\@xxl {
						left: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:8\@xxl {
						left: 3.58318rem !important;
					}

					.left\:-8\@xxl {
						left: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:9\@xxl {
						left: 4.29982rem !important;
					}

					.left\:-9\@xxl {
						left: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.left\:10\@xxl {
						left: 5.15978rem !important;
					}

					.left\:-10\@xxl {
						left: -5.15978rem !important;
					}
			}
@media (min-width: 1700px) {
				.right\@xxl {
					right: 100% !important;
				}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.1\@xxl {
						right: 0.19381rem !important;
					}

					.right\:-\.1\@xxl {
						right: -0.19381rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.2\@xxl {
						right: 0.23257rem !important;
					}

					.right\:-\.2\@xxl {
						right: -0.23257rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.3\@xxl {
						right: 0.27908rem !important;
					}

					.right\:-\.3\@xxl {
						right: -0.27908rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.4\@xxl {
						right: 0.3349rem !important;
					}

					.right\:-\.4\@xxl {
						right: -0.3349rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.5\@xxl {
						right: 0.40188rem !important;
					}

					.right\:-\.5\@xxl {
						right: -0.40188rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.6\@xxl {
						right: 0.48225rem !important;
					}

					.right\:-\.6\@xxl {
						right: -0.48225rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.7\@xxl {
						right: 0.5787rem !important;
					}

					.right\:-\.7\@xxl {
						right: -0.5787rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.8\@xxl {
						right: 0.69444rem !important;
					}

					.right\:-\.8\@xxl {
						right: -0.69444rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:\.9\@xxl {
						right: 0.83333rem !important;
					}

					.right\:-\.9\@xxl {
						right: -0.83333rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:0\@xxl {
						right: 0 !important;
					}

					.right\:-0\@xxl {
						right: 0px !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:1\@xxl {
						right: 1rem !important;
					}

					.right\:-1\@xxl {
						right: -1rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:2\@xxl {
						right: 1.2rem !important;
					}

					.right\:-2\@xxl {
						right: -1.2rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:3\@xxl {
						right: 1.44rem !important;
					}

					.right\:-3\@xxl {
						right: -1.44rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:4\@xxl {
						right: 1.728rem !important;
					}

					.right\:-4\@xxl {
						right: -1.728rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:5\@xxl {
						right: 2.0736rem !important;
					}

					.right\:-5\@xxl {
						right: -2.0736rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:6\@xxl {
						right: 2.48832rem !important;
					}

					.right\:-6\@xxl {
						right: -2.48832rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:7\@xxl {
						right: 2.98598rem !important;
					}

					.right\:-7\@xxl {
						right: -2.98598rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:8\@xxl {
						right: 3.58318rem !important;
					}

					.right\:-8\@xxl {
						right: -3.58318rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:9\@xxl {
						right: 4.29982rem !important;
					}

					.right\:-9\@xxl {
						right: -4.29982rem !important;
					}
					/*---
						title: Position $(
						section: Side
						---

						```html
						<span class="$(pos):$(z)@$(mq)">$(pos):$(z)@$(mq)</span>
						```
					*/
					.right\:10\@xxl {
						right: 5.15978rem !important;
					}

					.right\:-10\@xxl {
						right: -5.15978rem !important;
					}
			}
/*---
				title: $(style)
				section: text-transform
				---

				```html
				<span class=".t-t:$(var)">t-t:$(var)</span>
				```
			*/
.t-t\:u {
				text-transform: uppercase !important;
			}
/*---
				title: $(style)
				section: text-transform
				---

				```html
				<span class=".t-t:$(var)">t-t:$(var)</span>
				```
			*/
.t-t\:l {
				text-transform: lowercase !important;
			}
/*---
				title: $(style)
				section: text-transform
				---

				```html
				<span class=".t-t:$(var)">t-t:$(var)</span>
				```
			*/
.t-t\:c {
				text-transform: capitalize !important;
			}
/*---
				title: $(style)
				section: text-transform
				---

				```html
				<span class=".t-t:$(var)">t-t:$(var)</span>
				```
			*/
.t-t\:n {
				text-transform: none !important;
			}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@xxs {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@xxs {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@xxs {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@xxs {
					text-transform: none !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@xs {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@xs {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@xs {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@xs {
					text-transform: none !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@sm {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@sm {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@sm {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@sm {
					text-transform: none !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@md {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@md {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@md {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@md {
					text-transform: none !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@lg {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@lg {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@lg {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@lg {
					text-transform: none !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@xl {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@xl {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@xl {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@xl {
					text-transform: none !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:u\@xxl {
					text-transform: uppercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:l\@xxl {
					text-transform: lowercase !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:c\@xxl {
					text-transform: capitalize !important;
				}
				/*---
					title: $(style)
					section: text-transform
					---

					```html
					<span class=".t-t:$(var)\@$(mq)">t-t:$(var)@$(mq)</span>
					```
				*/
				.t-t\:n\@xxl {
					text-transform: none !important;
				}
		}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:d {
				cursor: default !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:a {
				cursor: auto !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:n {
				cursor: none !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:p {
				cursor: pointer !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:t {
				cursor: text !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:h {
				cursor: help !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:m {
				cursor: move !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:n-a {
				cursor: not-allowed !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:g {
				cursor: -webkit-grab !important;
				cursor: grab !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:gg {
				cursor: -webkit-grabbing !important;
				cursor: grabbing !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:z-i {
				cursor: -webkit-zoom-in !important;
				cursor: zoom-in !important;
			}
/*---
				title: $(style)
				section: cursor
				---

				```html
				<span class=".cur:$(var)">cur:$(var)</span>
				```
			*/
.cur\:z-o {
				cursor: -webkit-zoom-out !important;
				cursor: zoom-out !important;
			}
@media (min-width: 400px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@xxs {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@xxs {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@xxs {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@xxs {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@xxs {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@xxs {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@xxs {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@xxs {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@xxs {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@xxs {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@xxs {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@xxs {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 500px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@xs {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@xs {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@xs {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@xs {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@xs {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@xs {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@xs {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@xs {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@xs {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@xs {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@xs {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@xs {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 700px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@sm {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@sm {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@sm {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@sm {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@sm {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@sm {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@sm {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@sm {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@sm {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@sm {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@sm {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@sm {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 900px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@md {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@md {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@md {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@md {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@md {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@md {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@md {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@md {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@md {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@md {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@md {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@md {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 1100px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@lg {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@lg {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@lg {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@lg {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@lg {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@lg {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@lg {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@lg {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@lg {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@lg {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@lg {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@lg {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 1300px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@xl {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@xl {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@xl {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@xl {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@xl {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@xl {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@xl {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@xl {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@xl {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@xl {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@xl {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@xl {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
@media (min-width: 1700px) {
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:d\@xxl {
					cursor: default !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:a\@xxl {
					cursor: auto !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n\@xxl {
					cursor: none !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:p\@xxl {
					cursor: pointer !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:t\@xxl {
					cursor: text !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:h\@xxl {
					cursor: help !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:m\@xxl {
					cursor: move !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:n-a\@xxl {
					cursor: not-allowed !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:g\@xxl {
					cursor: -webkit-grab !important;
					cursor: grab !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:gg\@xxl {
					cursor: -webkit-grabbing !important;
					cursor: grabbing !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-i\@xxl {
					cursor: -webkit-zoom-in !important;
					cursor: zoom-in !important;
				}
				/*---
					title: $(style)
					section: cursor
					---

					```html
					<span class=".cur:$(var)\@$(mq)">cur:$(var)@$(mq)</span>
					```
				*/
				.cur\:z-o\@xxl {
					cursor: -webkit-zoom-out !important;
					cursor: zoom-out !important;
				}
		}
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:n {
        list-style-type: none !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:d {
        list-style-type: disc !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:c {
        list-style-type: circle !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:s {
        list-style-type: square !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:dec {
        list-style-type: decimal !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:l-r {
        list-style-type: lower-roman !important;
      }
/*---
        title: $(style)
        section: List Style Type
        ---

        ```html
        <span class=".l-s-t:$(var)">l-s-t:$(var)</span>
        ```
      */
.l-s-t\:l-l {
        list-style-type: lower-latin !important;
      }
@media (min-width: 400px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@xxs {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@xxs {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@xxs {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@xxs {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@xxs {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@xxs {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@xxs {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 500px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@xs {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@xs {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@xs {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@xs {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@xs {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@xs {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@xs {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 700px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@sm {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@sm {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@sm {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@sm {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@sm {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@sm {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@sm {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 900px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@md {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@md {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@md {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@md {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@md {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@md {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@md {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 1100px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@lg {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@lg {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@lg {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@lg {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@lg {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@lg {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@lg {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 1300px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@xl {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@xl {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@xl {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@xl {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@xl {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@xl {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@xl {
          list-style-type: lower-latin !important;
        }
    }
@media (min-width: 1700px) {
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:n\@xxl {
          list-style-type: none !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:d\@xxl {
          list-style-type: disc !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:c\@xxl {
          list-style-type: circle !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:s\@xxl {
          list-style-type: square !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:dec\@xxl {
          list-style-type: decimal !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-r\@xxl {
          list-style-type: lower-roman !important;
        }
        /*---
          title: $(style)
          section: List Style Type
          ---

          ```html
          <span class=".l-s-t:$(var)\@$(mq)">l-s-t:$(var)@$(mq)</span>
          ```
        */
        .l-s-t\:l-l\@xxl {
          list-style-type: lower-latin !important;
        }
    }
.cur\:p {
  cursor: pointer !important; }
.l-s-t\:n {
  list-style-type: none !important; }