@gravityforms/components/css/admin/spacing.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin {

	.gform-spacing {

		&.gform-spacing--top-0 {
			margin-block-start: 0;
		}

		&.gform-spacing--md-top-0 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: 0;
			}
		}

		&.gform-spacing--lg-top-0 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: 0;
			}
		}

		&.gform-spacing--top-1 {
			margin-block-start: var(--gform-admin-spacer-1);
		}

		&.gform-spacing--md-top-1 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--lg-top-1 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--top-2 {
			margin-block-start: var(--gform-admin-spacer-2);
		}

		&.gform-spacing--md-top-2 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--lg-top-2 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--top-3 {
			margin-block-start: var(--gform-admin-spacer-3);
		}

		&.gform-spacing--md-top-3 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--lg-top-3 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--top-4 {
			margin-block-start: var(--gform-admin-spacer-4);
		}

		&.gform-spacing--md-top-4 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--lg-top-4 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--top-5 {
			margin-block-start: var(--gform-admin-spacer-5);
		}

		&.gform-spacing--md-top-5 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--lg-top-5 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--top-6 {
			margin-block-start: var(--gform-admin-spacer-6);
		}

		&.gform-spacing--md-top-6 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--lg-top-6 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--top-8 {
			margin-block-start: var(--gform-admin-spacer-8);
		}

		&.gform-spacing--md-top-8 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--lg-top-8 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--top-10 {
			margin-block-start: var(--gform-admin-spacer-10);
		}

		&.gform-spacing--md-top-10 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--lg-top-10 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--top-12 {
			margin-block-start: var(--gform-admin-spacer-12);
		}

		&.gform-spacing--md-top-12 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--lg-top-12 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--top-16 {
			margin-block-start: var(--gform-admin-spacer-16);
		}

		&.gform-spacing--md-top-16 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--lg-top-16 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--top-20 {
			margin-block-start: var(--gform-admin-spacer-20);
		}

		&.gform-spacing--md-top-20 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--lg-top-20 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--top-24 {
			margin-block-start: var(--gform-admin-spacer-24);
		}

		&.gform-spacing--md-top-24 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--lg-top-24 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--top-32 {
			margin-block-start: var(--gform-admin-spacer-32);
		}

		&.gform-spacing--md-top-32 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--lg-top-32 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--top-40 {
			margin-block-start: var(--gform-admin-spacer-40);
		}

		&.gform-spacing--md-top-40 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--lg-top-40 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--top-48 {
			margin-block-start: var(--gform-admin-spacer-48);
		}

		&.gform-spacing--md-top-48 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--lg-top-48 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--top-56 {
			margin-block-start: var(--gform-admin-spacer-56);
		}

		&.gform-spacing--md-top-56 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--lg-top-56 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--top-64 {
			margin-block-start: var(--gform-admin-spacer-64);
		}

		&.gform-spacing--md-top-64 {

			@media (--gform-admin-viewport-md) {
				margin-block-start: var(--gform-admin-spacer-64);
			}
		}

		&.gform-spacing--lg-top-64 {

			@media (--gform-admin-viewport-lg) {
				margin-block-start: var(--gform-admin-spacer-64);
			}
		}


		&.gform-spacing--bottom-0 {
			margin-block-end: 0;
		}

		&.gform-spacing--md-bottom-0 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: 0;
			}
		}

		&.gform-spacing--lg-bottom-0 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: 0;
			}
		}

		&.gform-spacing--bottom-1 {
			margin-block-end: var(--gform-admin-spacer-1);
		}

		&.gform-spacing--md-bottom-1 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--lg-bottom-1 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--bottom-2 {
			margin-block-end: var(--gform-admin-spacer-2);
		}

		&.gform-spacing--md-bottom-2 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--lg-bottom-2 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--bottom-3 {
			margin-block-end: var(--gform-admin-spacer-3);
		}

		&.gform-spacing--md-bottom-3 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--lg-bottom-3 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--bottom-4 {
			margin-block-end: var(--gform-admin-spacer-4);
		}

		&.gform-spacing--md-bottom-4 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--lg-bottom-4 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--bottom-5 {
			margin-block-end: var(--gform-admin-spacer-5);
		}

		&.gform-spacing--md-bottom-5 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--lg-bottom-5 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--bottom-6 {
			margin-block-end: var(--gform-admin-spacer-6);
		}

		&.gform-spacing--md-bottom-6 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--lg-bottom-6 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--bottom-8 {
			margin-block-end: var(--gform-admin-spacer-8);
		}

		&.gform-spacing--md-bottom-8 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--lg-bottom-8 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--bottom-10 {
			margin-block-end: var(--gform-admin-spacer-10);
		}

		&.gform-spacing--md-bottom-10 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--lg-bottom-10 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--bottom-12 {
			margin-block-end: var(--gform-admin-spacer-12);
		}

		&.gform-spacing--md-bottom-12 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--lg-bottom-12 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--bottom-16 {
			margin-block-end: var(--gform-admin-spacer-16);
		}

		&.gform-spacing--md-bottom-16 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--lg-bottom-16 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--bottom-20 {
			margin-block-end: var(--gform-admin-spacer-20);
		}

		&.gform-spacing--md-bottom-20 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--lg-bottom-20 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--bottom-24 {
			margin-block-end: var(--gform-admin-spacer-24);
		}

		&.gform-spacing--md-bottom-24 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--lg-bottom-24 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--bottom-32 {
			margin-block-end: var(--gform-admin-spacer-32);
		}

		&.gform-spacing--md-bottom-32 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--lg-bottom-32 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--bottom-40 {
			margin-block-end: var(--gform-admin-spacer-40);
		}

		&.gform-spacing--md-bottom-40 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--lg-bottom-40 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--bottom-48 {
			margin-block-end: var(--gform-admin-spacer-48);
		}

		&.gform-spacing--md-bottom-48 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--lg-bottom-48 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--bottom-56 {
			margin-block-end: var(--gform-admin-spacer-56);
		}

		&.gform-spacing--md-bottom-56 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--lg-bottom-56 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--bottom-64 {
			margin-block-end: var(--gform-admin-spacer-64);
		}

		&.gform-spacing--md-bottom-64 {

			@media (--gform-admin-viewport-md) {
				margin-block-end: var(--gform-admin-spacer-64);
			}
		}

		&.gform-spacing--lg-bottom-64 {

			@media (--gform-admin-viewport-lg) {
				margin-block-end: var(--gform-admin-spacer-64);
			}
		}


		&.gform-spacing--left-0 {
			margin-inline-start: 0;
		}

		&.gform-spacing--md-left-0 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: 0;
			}
		}

		&.gform-spacing--lg-left-0 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: 0;
			}
		}

		&.gform-spacing--left-1 {
			margin-inline-start: var(--gform-admin-spacer-1);
		}

		&.gform-spacing--md-left-1 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--lg-left-1 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--left-2 {
			margin-inline-start: var(--gform-admin-spacer-2);
		}

		&.gform-spacing--md-left-2 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--lg-left-2 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--left-3 {
			margin-inline-start: var(--gform-admin-spacer-3);
		}

		&.gform-spacing--md-left-3 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--lg-left-3 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--left-4 {
			margin-inline-start: var(--gform-admin-spacer-4);
		}

		&.gform-spacing--md-left-4 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--lg-left-4 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--left-5 {
			margin-inline-start: var(--gform-admin-spacer-5);
		}

		&.gform-spacing--md-left-5 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--lg-left-5 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--left-6 {
			margin-inline-start: var(--gform-admin-spacer-6);
		}

		&.gform-spacing--md-left-6 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--lg-left-6 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--left-8 {
			margin-inline-start: var(--gform-admin-spacer-8);
		}

		&.gform-spacing--md-left-8 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--lg-left-8 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--left-10 {
			margin-inline-start: var(--gform-admin-spacer-10);
		}

		&.gform-spacing--md-left-10 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--lg-left-10 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--left-12 {
			margin-inline-start: var(--gform-admin-spacer-12);
		}

		&.gform-spacing--md-left-12 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--lg-left-12 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--left-16 {
			margin-inline-start: var(--gform-admin-spacer-16);
		}

		&.gform-spacing--md-left-16 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--lg-left-16 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--left-20 {
			margin-inline-start: var(--gform-admin-spacer-20);
		}

		&.gform-spacing--md-left-20 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--lg-left-20 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--left-24 {
			margin-inline-start: var(--gform-admin-spacer-24);
		}

		&.gform-spacing--md-left-24 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--lg-left-24 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--left-32 {
			margin-inline-start: var(--gform-admin-spacer-32);
		}

		&.gform-spacing--md-left-32 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--lg-left-32 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--left-40 {
			margin-inline-start: var(--gform-admin-spacer-40);
		}

		&.gform-spacing--md-left-40 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--lg-left-40 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--left-48 {
			margin-inline-start: var(--gform-admin-spacer-48);
		}

		&.gform-spacing--md-left-48 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--lg-left-48 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--left-56 {
			margin-inline-start: var(--gform-admin-spacer-56);
		}

		&.gform-spacing--md-left-56 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--lg-left-56 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--left-64 {
			margin-inline-start: var(--gform-admin-spacer-64);
		}

		&.gform-spacing--md-left-64 {

			@media (--gform-admin-viewport-md) {
				margin-inline-start: var(--gform-admin-spacer-64);
			}
		}

		&.gform-spacing--lg-left-64 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-start: var(--gform-admin-spacer-64);
			}
		}


		&.gform-spacing--end-0 {
			margin-inline-end: 0;
		}

		&.gform-spacing--md-end-0 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: 0;
			}
		}

		&.gform-spacing--lg-end-0 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: 0;
			}
		}

		&.gform-spacing--right-1 {
			margin-inline-end: var(--gform-admin-spacer-1);
		}

		&.gform-spacing--md-right-1 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--lg-right-1 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-1);
			}
		}

		&.gform-spacing--right-2 {
			margin-inline-end: var(--gform-admin-spacer-2);
		}

		&.gform-spacing--md-right-2 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--lg-right-2 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-2);
			}
		}

		&.gform-spacing--right-3 {
			margin-inline-end: var(--gform-admin-spacer-3);
		}

		&.gform-spacing--md-right-3 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--lg-right-3 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-3);
			}
		}

		&.gform-spacing--right-4 {
			margin-inline-end: var(--gform-admin-spacer-4);
		}

		&.gform-spacing--md-right-4 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--lg-right-4 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-4);
			}
		}

		&.gform-spacing--right-5 {
			margin-inline-end: var(--gform-admin-spacer-5);
		}

		&.gform-spacing--md-right-5 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--lg-right-5 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-5);
			}
		}

		&.gform-spacing--right-6 {
			margin-inline-end: var(--gform-admin-spacer-6);
		}

		&.gform-spacing--md-right-6 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--lg-right-6 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-6);
			}
		}

		&.gform-spacing--right-8 {
			margin-inline-end: var(--gform-admin-spacer-8);
		}

		&.gform-spacing--md-right-8 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--lg-right-8 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-8);
			}
		}

		&.gform-spacing--right-10 {
			margin-inline-end: var(--gform-admin-spacer-10);
		}

		&.gform-spacing--md-right-10 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--lg-right-10 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-10);
			}
		}

		&.gform-spacing--right-12 {
			margin-inline-end: var(--gform-admin-spacer-12);
		}

		&.gform-spacing--md-right-12 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--lg-right-12 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-12);
			}
		}

		&.gform-spacing--right-16 {
			margin-inline-end: var(--gform-admin-spacer-16);
		}

		&.gform-spacing--md-right-16 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--lg-right-16 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-16);
			}
		}

		&.gform-spacing--right-20 {
			margin-inline-end: var(--gform-admin-spacer-20);
		}

		&.gform-spacing--md-right-20 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--lg-right-20 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-20);
			}
		}

		&.gform-spacing--right-24 {
			margin-inline-end: var(--gform-admin-spacer-24);
		}

		&.gform-spacing--md-right-24 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--lg-right-24 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-24);
			}
		}

		&.gform-spacing--right-32 {
			margin-inline-end: var(--gform-admin-spacer-32);
		}

		&.gform-spacing--md-right-32 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--lg-right-32 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-32);
			}
		}

		&.gform-spacing--right-40 {
			margin-inline-end: var(--gform-admin-spacer-40);
		}

		&.gform-spacing--md-right-40 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--lg-right-40 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-40);
			}
		}

		&.gform-spacing--right-48 {
			margin-inline-end: var(--gform-admin-spacer-48);
		}

		&.gform-spacing--md-right-48 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--lg-right-48 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-48);
			}
		}

		&.gform-spacing--right-56 {
			margin-inline-end: var(--gform-admin-spacer-56);
		}

		&.gform-spacing--md-right-56 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--lg-right-56 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-56);
			}
		}

		&.gform-spacing--right-64 {
			margin-inline-end: var(--gform-admin-spacer-64);
		}

		&.gform-spacing--md-right-64 {

			@media (--gform-admin-viewport-md) {
				margin-inline-end: var(--gform-admin-spacer-64);
			}
		}

		&.gform-spacing--lg-right-64 {

			@media (--gform-admin-viewport-lg) {
				margin-inline-end: var(--gform-admin-spacer-64);
			}
		}
	}
}