@layer trappist {
	@layer util {
		.container,
		.container-fluid {
			margin-inline: auto;
			padding-inline: calc(var(--gap) / 2);
			inline-size: 100%;
		}

		.container {
			max-inline-size: var(--container-width) !important;
		}

		@media (min-width: 540px) {
			.container-sm,
			.container-fluid-sm {
				margin-inline: auto;
				padding-inline: calc(var(--gap) / 2);
				inline-size: 100%;
			}

			.container-sm {
				max-inline-size: var(--container-width) !important;
			}
		}

		@media (min-width: 744px) {
			.container-md,
			.container-fluid-md {
				margin-inline: auto;
				padding-inline: calc(var(--gap) / 2);
				inline-size: 100%;
			}

			.container-md {
				max-inline-size: var(--container-width) !important;
			}
		}

		@media (min-width: 960px) {
			.container-lg,
			.container-fluid-lg {
				margin-inline: auto;
				padding-inline: calc(var(--gap) / 2);
				inline-size: 100%;
			}

			.container-lg {
				max-inline-size: var(--container-width) !important;
			}
		}

		@media (min-width: 1260px) {
			.container-xl,
			.container-fluid-xl {
				margin-inline: auto;
				padding-inline: calc(var(--gap) / 2);
				inline-size: 100%;
			}

			.container-xl {
				max-inline-size: var(--container-width) !important;
			}
		}

		@media (min-width: 1620px) {
			.container-xxl,
			.container-fluid-xxl {
				margin-inline: auto;
				padding-inline: calc(var(--gap) / 2);
				inline-size: 100%;
			}

			.container-xxl {
				max-inline-size: var(--container-width) !important;
			}
		}

		.nav {
			display: flex;
			gap: calc(var(--gap) / 2);
			margin: 0;
			padding: 0;
		}

		.nav-vertical {
			flex-direction: column;
		}

		.nav-separator {
			pointer-events: none;
			-webkit-user-select: none;
			user-select: none;
		}

		.text-start {
			text-align: start;
		}

		.text-center {
			text-align: center;
		}

		.text-end {
			text-align: end;
		}

		.text-justify {
			text-align: justify;
		}

		.d-flex {
			display: flex !important;
		}

		.d-none {
			display: none !important;
		}

		.d-block {
			display: block !important;
		}

		.d-inline {
			display: inline !important;
		}

		.d-inline-block {
			display: inline-block !important;
		}

		.justify-start {
			justify-content: flex-start;
		}

		.justify-end {
			justify-content: flex-end;
		}

		.justify-center {
			justify-content: center;
		}

		.justify-between {
			justify-content: space-between;
		}

		.align-start {
			align-items: flex-start;
		}

		.align-end {
			align-items: flex-end;
		}

		.align-center {
			align-items: center;
		}

		.m-auto {
			margin: auto;
		}

		.mb-auto {
			margin-block: auto;
		}

		.mbs-auto {
			margin-block-start: auto;
		}

		.mbe-auto {
			margin-block-end: auto;
		}

		.mi-auto {
			margin-inline: auto;
		}

		.mis-auto {
			margin-inline-start: auto;
		}

		.mie-auto {
			margin-inline-end: auto;
		}

		.p-auto {
			padding: auto;
		}

		.pb-auto {
			padding-block: auto;
		}

		.pbs-auto {
			padding-block-start: auto;
		}

		.pbe-auto {
			padding-block-end: auto;
		}

		.pi-auto {
			padding-inline: auto;
		}

		.pis-auto {
			padding-inline-start: auto;
		}

		.pie-auto {
			padding-inline-end: auto;
		}

		.flex-row {
			flex-direction: row;
		}

		.flex-row-reverse {
			flex-direction: row-reverse;
		}

		.flex-column {
			flex-direction: column;
		}

		.flex-column-reverse {
			flex-direction: column-reverse;
		}

		.flex-wrap {
			flex-wrap: wrap !important;
		}

		.flex-nowrap {
			flex-wrap: nowrap !important;
		}

		.gap-none {
			--_gap: 0rem;
		}

		.gutter-none {
			--_gap: 0rem;
		}

		.gap-1 {
			--_gap: calc(var(--gap) * 1 / 12);
		}

		.gutter-1 {
			--_gap: calc(var(--gap) * 1 / 12);
		}

		.gap-2 {
			--_gap: calc(var(--gap) * 2 / 12);
		}

		.gutter-2 {
			--_gap: calc(var(--gap) * 2 / 12);
		}

		.gap-3 {
			--_gap: calc(var(--gap) * 3 / 12);
		}

		.gutter-3 {
			--_gap: calc(var(--gap) * 3 / 12);
		}

		.gap-4 {
			--_gap: calc(var(--gap) * 4 / 12);
		}

		.gutter-4 {
			--_gap: calc(var(--gap) * 4 / 12);
		}

		.gap-5 {
			--_gap: calc(var(--gap) * 5 / 12);
		}

		.gutter-5 {
			--_gap: calc(var(--gap) * 5 / 12);
		}

		.gap-6 {
			--_gap: calc(var(--gap) * 6 / 12);
		}

		.gutter-6 {
			--_gap: calc(var(--gap) * 6 / 12);
		}

		.gap-7 {
			--_gap: calc(var(--gap) * 7 / 12);
		}

		.gutter-7 {
			--_gap: calc(var(--gap) * 7 / 12);
		}

		.gap-8 {
			--_gap: calc(var(--gap) * 8 / 12);
		}

		.gutter-8 {
			--_gap: calc(var(--gap) * 8 / 12);
		}

		.gap-9 {
			--_gap: calc(var(--gap) * 9 / 12);
		}

		.gutter-9 {
			--_gap: calc(var(--gap) * 9 / 12);
		}

		.gap-10 {
			--_gap: calc(var(--gap) * 10 / 12);
		}

		.gutter-10 {
			--_gap: calc(var(--gap) * 10 / 12);
		}

		.gap-11 {
			--_gap: calc(var(--gap) * 11 / 12);
		}

		.gutter-11 {
			--_gap: calc(var(--gap) * 11 / 12);
		}

		.gap-12 {
			--_gap: calc(var(--gap) * 12 / 12);
		}

		.gutter-12 {
			--_gap: calc(var(--gap) * 12 / 12);
		}

		.overflow-x-auto {
			overflow-x: auto;
		}

		.overflow-x-none {
			overflow-x: none;
		}

		.overflow-x-scroll {
			overflow-x: scroll;
		}

		.overflow-y-auto {
			overflow-y: auto;
		}

		.overflow-y-none {
			overflow-y: none;
		}

		.overflow-y-scroll {
			overflow-y: scroll;
		}

		@media (min-width: 540px) {
			.text-sm-start {
				text-align: start;
			}

			.text-sm-center {
				text-align: center;
			}

			.text-sm-end {
				text-align: end;
			}

			.text-sm-justify {
				text-align: justify;
			}

			.d-sm-flex {
				display: flex !important;
			}

			.d-sm-none {
				display: none !important;
			}

			.d-sm-block {
				display: block !important;
			}

			.d-sm-inline {
				display: inline !important;
			}

			.d-sm-inline-block {
				display: inline-block !important;
			}

			.justify-sm-start {
				justify-content: flex-start;
			}

			.justify-sm-end {
				justify-content: flex-end;
			}

			.justify-sm-center {
				justify-content: center;
			}

			.justify-sm-between {
				justify-content: space-between;
			}

			.align-sm-start {
				align-items: flex-start;
			}

			.align-sm-end {
				align-items: flex-end;
			}

			.align-sm-center {
				align-items: center;
			}

			.m-sm-auto {
				margin: auto;
			}

			.mb-sm-auto {
				margin-block: auto;
			}

			.mbs-sm-auto {
				margin-block-start: auto;
			}

			.mbe-sm-auto {
				margin-block-end: auto;
			}

			.mi-sm-auto {
				margin-inline: auto;
			}

			.mis-sm-auto {
				margin-inline-start: auto;
			}

			.mie-sm-auto {
				margin-inline-end: auto;
			}

			.p-sm-auto {
				padding: auto;
			}

			.pb-sm-auto {
				padding-block: auto;
			}

			.pbs-sm-auto {
				padding-block-start: auto;
			}

			.pbe-sm-auto {
				padding-block-end: auto;
			}

			.pi-sm-auto {
				padding-inline: auto;
			}

			.pis-sm-auto {
				padding-inline-start: auto;
			}

			.pie-sm-auto {
				padding-inline-end: auto;
			}

			.flex-sm-row {
				flex-direction: row;
			}

			.flex-sm-row-reverse {
				flex-direction: row-reverse;
			}

			.flex-sm-column {
				flex-direction: column;
			}

			.flex-sm-column-reverse {
				flex-direction: column-reverse;
			}

			.flex-sm-wrap {
				flex-wrap: wrap !important;
			}

			.flex-sm-nowrap {
				flex-wrap: nowrap !important;
			}

			.gap-sm-none {
				--_gap: 0rem;
			}

			.gutter-sm-none {
				--_gap: 0rem;
			}

			.gap-sm-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gutter-sm-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gap-sm-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gutter-sm-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gap-sm-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gutter-sm-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gap-sm-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gutter-sm-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gap-sm-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gutter-sm-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gap-sm-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gutter-sm-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gap-sm-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gutter-sm-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gap-sm-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gutter-sm-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gap-sm-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gutter-sm-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gap-sm-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gutter-sm-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gap-sm-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gutter-sm-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gap-sm-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.gutter-sm-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.overflow-sm-x-auto {
				overflow-x: auto;
			}

			.overflow-sm-x-none {
				overflow-x: none;
			}

			.overflow-sm-x-scroll {
				overflow-x: scroll;
			}

			.overflow-sm-y-auto {
				overflow-y: auto;
			}

			.overflow-sm-y-none {
				overflow-y: none;
			}

			.overflow-sm-y-scroll {
				overflow-y: scroll;
			}
		}

		@media (min-width: 744px) {
			.text-md-start {
				text-align: start;
			}

			.text-md-center {
				text-align: center;
			}

			.text-md-end {
				text-align: end;
			}

			.text-md-justify {
				text-align: justify;
			}

			.d-md-flex {
				display: flex !important;
			}

			.d-md-none {
				display: none !important;
			}

			.d-md-block {
				display: block !important;
			}

			.d-md-inline {
				display: inline !important;
			}

			.d-md-inline-block {
				display: inline-block !important;
			}

			.justify-md-start {
				justify-content: flex-start;
			}

			.justify-md-end {
				justify-content: flex-end;
			}

			.justify-md-center {
				justify-content: center;
			}

			.justify-md-between {
				justify-content: space-between;
			}

			.align-md-start {
				align-items: flex-start;
			}

			.align-md-end {
				align-items: flex-end;
			}

			.align-md-center {
				align-items: center;
			}

			.m-md-auto {
				margin: auto;
			}

			.mb-md-auto {
				margin-block: auto;
			}

			.mbs-md-auto {
				margin-block-start: auto;
			}

			.mbe-md-auto {
				margin-block-end: auto;
			}

			.mi-md-auto {
				margin-inline: auto;
			}

			.mis-md-auto {
				margin-inline-start: auto;
			}

			.mie-md-auto {
				margin-inline-end: auto;
			}

			.p-md-auto {
				padding: auto;
			}

			.pb-md-auto {
				padding-block: auto;
			}

			.pbs-md-auto {
				padding-block-start: auto;
			}

			.pbe-md-auto {
				padding-block-end: auto;
			}

			.pi-md-auto {
				padding-inline: auto;
			}

			.pis-md-auto {
				padding-inline-start: auto;
			}

			.pie-md-auto {
				padding-inline-end: auto;
			}

			.flex-md-row {
				flex-direction: row;
			}

			.flex-md-row-reverse {
				flex-direction: row-reverse;
			}

			.flex-md-column {
				flex-direction: column;
			}

			.flex-md-column-reverse {
				flex-direction: column-reverse;
			}

			.flex-md-wrap {
				flex-wrap: wrap !important;
			}

			.flex-md-nowrap {
				flex-wrap: nowrap !important;
			}

			.gap-md-none {
				--_gap: 0rem;
			}

			.gutter-md-none {
				--_gap: 0rem;
			}

			.gap-md-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gutter-md-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gap-md-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gutter-md-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gap-md-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gutter-md-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gap-md-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gutter-md-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gap-md-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gutter-md-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gap-md-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gutter-md-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gap-md-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gutter-md-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gap-md-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gutter-md-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gap-md-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gutter-md-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gap-md-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gutter-md-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gap-md-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gutter-md-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gap-md-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.gutter-md-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.overflow-md-x-auto {
				overflow-x: auto;
			}

			.overflow-md-x-none {
				overflow-x: none;
			}

			.overflow-md-x-scroll {
				overflow-x: scroll;
			}

			.overflow-md-y-auto {
				overflow-y: auto;
			}

			.overflow-md-y-none {
				overflow-y: none;
			}

			.overflow-md-y-scroll {
				overflow-y: scroll;
			}
		}

		@media (min-width: 960px) {
			.text-lg-start {
				text-align: start;
			}

			.text-lg-center {
				text-align: center;
			}

			.text-lg-end {
				text-align: end;
			}

			.text-lg-justify {
				text-align: justify;
			}

			.d-lg-flex {
				display: flex !important;
			}

			.d-lg-none {
				display: none !important;
			}

			.d-lg-block {
				display: block !important;
			}

			.d-lg-inline {
				display: inline !important;
			}

			.d-lg-inline-block {
				display: inline-block !important;
			}

			.justify-lg-start {
				justify-content: flex-start;
			}

			.justify-lg-end {
				justify-content: flex-end;
			}

			.justify-lg-center {
				justify-content: center;
			}

			.justify-lg-between {
				justify-content: space-between;
			}

			.align-lg-start {
				align-items: flex-start;
			}

			.align-lg-end {
				align-items: flex-end;
			}

			.align-lg-center {
				align-items: center;
			}

			.m-lg-auto {
				margin: auto;
			}

			.mb-lg-auto {
				margin-block: auto;
			}

			.mbs-lg-auto {
				margin-block-start: auto;
			}

			.mbe-lg-auto {
				margin-block-end: auto;
			}

			.mi-lg-auto {
				margin-inline: auto;
			}

			.mis-lg-auto {
				margin-inline-start: auto;
			}

			.mie-lg-auto {
				margin-inline-end: auto;
			}

			.p-lg-auto {
				padding: auto;
			}

			.pb-lg-auto {
				padding-block: auto;
			}

			.pbs-lg-auto {
				padding-block-start: auto;
			}

			.pbe-lg-auto {
				padding-block-end: auto;
			}

			.pi-lg-auto {
				padding-inline: auto;
			}

			.pis-lg-auto {
				padding-inline-start: auto;
			}

			.pie-lg-auto {
				padding-inline-end: auto;
			}

			.flex-lg-row {
				flex-direction: row;
			}

			.flex-lg-row-reverse {
				flex-direction: row-reverse;
			}

			.flex-lg-column {
				flex-direction: column;
			}

			.flex-lg-column-reverse {
				flex-direction: column-reverse;
			}

			.flex-lg-wrap {
				flex-wrap: wrap !important;
			}

			.flex-lg-nowrap {
				flex-wrap: nowrap !important;
			}

			.gap-lg-none {
				--_gap: 0rem;
			}

			.gutter-lg-none {
				--_gap: 0rem;
			}

			.gap-lg-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gutter-lg-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gap-lg-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gutter-lg-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gap-lg-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gutter-lg-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gap-lg-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gutter-lg-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gap-lg-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gutter-lg-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gap-lg-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gutter-lg-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gap-lg-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gutter-lg-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gap-lg-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gutter-lg-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gap-lg-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gutter-lg-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gap-lg-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gutter-lg-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gap-lg-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gutter-lg-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gap-lg-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.gutter-lg-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.overflow-lg-x-auto {
				overflow-x: auto;
			}

			.overflow-lg-x-none {
				overflow-x: none;
			}

			.overflow-lg-x-scroll {
				overflow-x: scroll;
			}

			.overflow-lg-y-auto {
				overflow-y: auto;
			}

			.overflow-lg-y-none {
				overflow-y: none;
			}

			.overflow-lg-y-scroll {
				overflow-y: scroll;
			}
		}

		@media (min-width: 1260px) {
			.text-xl-start {
				text-align: start;
			}

			.text-xl-center {
				text-align: center;
			}

			.text-xl-end {
				text-align: end;
			}

			.text-xl-justify {
				text-align: justify;
			}

			.d-xl-flex {
				display: flex !important;
			}

			.d-xl-none {
				display: none !important;
			}

			.d-xl-block {
				display: block !important;
			}

			.d-xl-inline {
				display: inline !important;
			}

			.d-xl-inline-block {
				display: inline-block !important;
			}

			.justify-xl-start {
				justify-content: flex-start;
			}

			.justify-xl-end {
				justify-content: flex-end;
			}

			.justify-xl-center {
				justify-content: center;
			}

			.justify-xl-between {
				justify-content: space-between;
			}

			.align-xl-start {
				align-items: flex-start;
			}

			.align-xl-end {
				align-items: flex-end;
			}

			.align-xl-center {
				align-items: center;
			}

			.m-xl-auto {
				margin: auto;
			}

			.mb-xl-auto {
				margin-block: auto;
			}

			.mbs-xl-auto {
				margin-block-start: auto;
			}

			.mbe-xl-auto {
				margin-block-end: auto;
			}

			.mi-xl-auto {
				margin-inline: auto;
			}

			.mis-xl-auto {
				margin-inline-start: auto;
			}

			.mie-xl-auto {
				margin-inline-end: auto;
			}

			.p-xl-auto {
				padding: auto;
			}

			.pb-xl-auto {
				padding-block: auto;
			}

			.pbs-xl-auto {
				padding-block-start: auto;
			}

			.pbe-xl-auto {
				padding-block-end: auto;
			}

			.pi-xl-auto {
				padding-inline: auto;
			}

			.pis-xl-auto {
				padding-inline-start: auto;
			}

			.pie-xl-auto {
				padding-inline-end: auto;
			}

			.flex-xl-row {
				flex-direction: row;
			}

			.flex-xl-row-reverse {
				flex-direction: row-reverse;
			}

			.flex-xl-column {
				flex-direction: column;
			}

			.flex-xl-column-reverse {
				flex-direction: column-reverse;
			}

			.flex-xl-wrap {
				flex-wrap: wrap !important;
			}

			.flex-xl-nowrap {
				flex-wrap: nowrap !important;
			}

			.gap-xl-none {
				--_gap: 0rem;
			}

			.gutter-xl-none {
				--_gap: 0rem;
			}

			.gap-xl-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gutter-xl-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gap-xl-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gutter-xl-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gap-xl-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gutter-xl-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gap-xl-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gutter-xl-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gap-xl-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gutter-xl-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gap-xl-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gutter-xl-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gap-xl-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gutter-xl-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gap-xl-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gutter-xl-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gap-xl-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gutter-xl-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gap-xl-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gutter-xl-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gap-xl-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gutter-xl-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gap-xl-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.gutter-xl-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.overflow-xl-x-auto {
				overflow-x: auto;
			}

			.overflow-xl-x-none {
				overflow-x: none;
			}

			.overflow-xl-x-scroll {
				overflow-x: scroll;
			}

			.overflow-xl-y-auto {
				overflow-y: auto;
			}

			.overflow-xl-y-none {
				overflow-y: none;
			}

			.overflow-xl-y-scroll {
				overflow-y: scroll;
			}
		}

		@media (min-width: 1620px) {
			.text-xxl-start {
				text-align: start;
			}

			.text-xxl-center {
				text-align: center;
			}

			.text-xxl-end {
				text-align: end;
			}

			.text-xxl-justify {
				text-align: justify;
			}

			.d-xxl-flex {
				display: flex !important;
			}

			.d-xxl-none {
				display: none !important;
			}

			.d-xxl-block {
				display: block !important;
			}

			.d-xxl-inline {
				display: inline !important;
			}

			.d-xxl-inline-block {
				display: inline-block !important;
			}

			.justify-xxl-start {
				justify-content: flex-start;
			}

			.justify-xxl-end {
				justify-content: flex-end;
			}

			.justify-xxl-center {
				justify-content: center;
			}

			.justify-xxl-between {
				justify-content: space-between;
			}

			.align-xxl-start {
				align-items: flex-start;
			}

			.align-xxl-end {
				align-items: flex-end;
			}

			.align-xxl-center {
				align-items: center;
			}

			.m-xxl-auto {
				margin: auto;
			}

			.mb-xxl-auto {
				margin-block: auto;
			}

			.mbs-xxl-auto {
				margin-block-start: auto;
			}

			.mbe-xxl-auto {
				margin-block-end: auto;
			}

			.mi-xxl-auto {
				margin-inline: auto;
			}

			.mis-xxl-auto {
				margin-inline-start: auto;
			}

			.mie-xxl-auto {
				margin-inline-end: auto;
			}

			.p-xxl-auto {
				padding: auto;
			}

			.pb-xxl-auto {
				padding-block: auto;
			}

			.pbs-xxl-auto {
				padding-block-start: auto;
			}

			.pbe-xxl-auto {
				padding-block-end: auto;
			}

			.pi-xxl-auto {
				padding-inline: auto;
			}

			.pis-xxl-auto {
				padding-inline-start: auto;
			}

			.pie-xxl-auto {
				padding-inline-end: auto;
			}

			.flex-xxl-row {
				flex-direction: row;
			}

			.flex-xxl-row-reverse {
				flex-direction: row-reverse;
			}

			.flex-xxl-column {
				flex-direction: column;
			}

			.flex-xxl-column-reverse {
				flex-direction: column-reverse;
			}

			.flex-xxl-wrap {
				flex-wrap: wrap !important;
			}

			.flex-xxl-nowrap {
				flex-wrap: nowrap !important;
			}

			.gap-xxl-none {
				--_gap: 0rem;
			}

			.gutter-xxl-none {
				--_gap: 0rem;
			}

			.gap-xxl-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gutter-xxl-1 {
				--_gap: calc(var(--gap) * 1 / 12);
			}

			.gap-xxl-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gutter-xxl-2 {
				--_gap: calc(var(--gap) * 2 / 12);
			}

			.gap-xxl-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gutter-xxl-3 {
				--_gap: calc(var(--gap) * 3 / 12);
			}

			.gap-xxl-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gutter-xxl-4 {
				--_gap: calc(var(--gap) * 4 / 12);
			}

			.gap-xxl-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gutter-xxl-5 {
				--_gap: calc(var(--gap) * 5 / 12);
			}

			.gap-xxl-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gutter-xxl-6 {
				--_gap: calc(var(--gap) * 6 / 12);
			}

			.gap-xxl-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gutter-xxl-7 {
				--_gap: calc(var(--gap) * 7 / 12);
			}

			.gap-xxl-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gutter-xxl-8 {
				--_gap: calc(var(--gap) * 8 / 12);
			}

			.gap-xxl-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gutter-xxl-9 {
				--_gap: calc(var(--gap) * 9 / 12);
			}

			.gap-xxl-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gutter-xxl-10 {
				--_gap: calc(var(--gap) * 10 / 12);
			}

			.gap-xxl-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gutter-xxl-11 {
				--_gap: calc(var(--gap) * 11 / 12);
			}

			.gap-xxl-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.gutter-xxl-12 {
				--_gap: calc(var(--gap) * 12 / 12);
			}

			.overflow-xxl-x-auto {
				overflow-x: auto;
			}

			.overflow-xxl-x-none {
				overflow-x: none;
			}

			.overflow-xxl-x-scroll {
				overflow-x: scroll;
			}

			.overflow-xxl-y-auto {
				overflow-y: auto;
			}

			.overflow-xxl-y-none {
				overflow-y: none;
			}

			.overflow-xxl-y-scroll {
				overflow-y: scroll;
			}
		}
	}
}