/********************* COMMON STYLING CLASSES **********************/

/* box sizing */
.border-box {box-sizing: border-box !important;}
.content-box {box-sizing: content-box !important;}
/* vertical align */
.align-top {vertical-align: top !important;}
.align-middle {vertical-align: middle !important;}
.align-bottom {vertical-align: bottom !important;}

/***************************** HEIGHT ******************************/
/* height */
.h-auto {height: auto !important;}
.h-0 {height: 0 !important;}
.h-25 {height: 25% !important;}
.h-50 {height: 50% !important;}
.h-75 {height: 75% !important;}
.h-100 {height: 100% !important;}
/* max height */
.mh-0 {max-height: 0 !important;}
.mh-25 {max-height: 25% !important;}
.mh-50 {max-height: 50% !important;}
.mh-75 {max-height: 75% !important;}
.mh-100 {max-height: 100% !important;}
/* height in px */
.h-16px {height: 16px !important;}
.h-20px {height: 20px !important;}
.h-32px {height: 32px !important;}
.h-48px {height: 48px !important;}
.h-50px {height: 50px !important;}
.h-64px {height: 64px !important;}
.h-80px {height: 80px !important;}
.h-96px {height: 96px !important;}
.h-100px {height: 100px !important;}
.h-150px {height: 150px !important;}
.h-200px {height: 200px !important;}
.h-300px {height: 300px !important;}
.h-400px {height: 400px !important;}
.h-500px {height: 500px !important;}

/****************************** WIDTH ******************************/
/* width */
.w-auto {width: auto !important;}
.w-0 {width: 0 !important;}
.w-25 {width: 25% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}
/* max width */
.mw-0 {max-width: 0 !important;}
.mw-25 {max-width: 25% !important;}
.mw-50 {max-width: 50% !important;}
.mw-75 {max-width: 75% !important;}
.mw-100 {max-width: 100% !important;}
/* width in px */
.w-16px {width: 16px !important;}
.w-20px {width: 20px !important;}
.w-32px {width: 32px !important;}
.w-48px {width: 48px !important;}
.w-50px {width: 50px !important;}
.w-64px {width: 64px !important;}
.w-80px {width: 80px !important;}
.w-96px {width: 96px !important;}
.w-100px {width: 100px !important;}
.w-150px {width: 150px !important;}
.w-200px {width: 200px !important;}
.w-300px {width: 300px !important;}
.w-400px {width: 400px !important;}
.w-500px {width: 500px !important;}

/****************************** FLOAT ******************************/
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-none {float: none !important;}

/***************************** MARGIN ******************************/
.m-auto {margin: auto !important;}
.mx-auto {margin-left: auto !important; margin-right: auto !important;}
.my-auto {margin-top: auto !important; margin-bottom: auto !important;}
.m-0 {margin: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.m-1 {margin: calc(var(--spacing) * .25) !important;}
.mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
.mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
.mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
.ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
.mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
.my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
.m-2 {margin: calc(var(--spacing) * .5) !important;}
.mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
.mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
.mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
.ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
.mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
.my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
.m-3 {margin: var(--spacing) !important;}
.mt-3 {margin-top: var(--spacing) !important;}
.mr-3 {margin-right: var(--spacing) !important;}
.mb-3 {margin-bottom: var(--spacing) !important;}
.ml-3 {margin-left: var(--spacing) !important;}
.mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
.my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
.m-4 {margin: calc(var(--spacing) * 1.5) !important;}
.mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
.mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
.mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
.ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
.mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
.my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
.m-5 {margin: calc(var(--spacing) * 2) !important;}
.mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
.mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
.mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
.ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
.mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
.my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}

/***************************** PADDING *****************************/
.p-auto {padding: auto !important;}
.px-auto {padding-left: auto !important; padding-right: auto !important;}
.py-auto {padding-top: auto !important; padding-bottom: auto !important;}
.p-0 {padding: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.p-1 {padding: calc(var(--spacing) * .25) !important;}
.pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
.pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
.pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
.pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
.px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
.py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
.p-2 {padding: calc(var(--spacing) * .5) !important;}
.pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
.pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
.pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
.pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
.px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
.py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
.p-3 {padding: var(--spacing) !important;}
.pt-3 {padding-top: var(--spacing) !important;}
.pr-3 {padding-right: var(--spacing) !important;}
.pb-3 {padding-bottom: var(--spacing) !important;}
.pl-3 {padding-left: var(--spacing) !important;}
.px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
.py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
.p-4 {padding: calc(var(--spacing) * 1.5) !important;}
.pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
.pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
.pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
.pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
.px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
.py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
.p-5 {padding: calc(var(--spacing) * 2) !important;}
.pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
.pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
.pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
.pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
.px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
.py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}

/***************************** DISPLAY *****************************/
.inline, .show, .visible {display: inline !important;}
.none, .hide, .hidden {display: none !important;}
.block {display: block !important;}
.inline-block {display: inline-block !important;}
.flex {display: flex !important;}
.inline-flex {display: inline-flex !important;}
.grid {display: grid !important;}
.inline-grid {display: inline-grid !important;}
.table {display: table !important;}
.table-cell {display: table-cell !important;}
.table-row {display: table-row !important;}

/**************************** POSITION *****************************/
.relative {position: relative !important;}
.absolute {position: absolute !important;}
.fixed {position: fixed !important;}
.sticky {position: sticky !important;}
.static {position: static !important;}

/************************* GRID AUTO FLOW **************************/
.grid-flow-row {grid-auto-flow: row !important;}
.grid-flow-column {grid-auto-flow: column !important;}
.grid-flow-dense {grid-auto-flow: dense !important;}
.grid-flow-row-dense {grid-auto-flow: row-dense !important;}
.grid-flow-col-dense {grid-auto-flow: col-dense !important;}

/********************** GRID TEMPLATE COLUMNS **********************/
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}

/************************* FLEX DIRECTION **************************/
.flex-row {flex-direction: row !important;}
.flex-row-reverse {flex-direction: row-reverse !important;}
.flex-column {flex-direction: column !important;}
.flex-column-reverse {flex-direction: column-reverse !important;}

/*************************** FLEX WRAP *****************************/
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-wrap {flex-wrap: wrap !important;}
.flex-wrap-reverse {flex-wrap: wrap-reverse !important;}

/*************************** FLEX GROW *****************************/
.grow-1 {flex-grow: 1;}
.grow-2 {flex-grow: 2;}
.grow-3 {flex-grow: 3;}
.grow-4 {flex-grow: 4;}
.flex-col-1-grow-2 .row .col:nth-child(1) {flex-grow: 2;}
.flex-col-2-grow-2 .row .col:nth-child(2) {flex-grow: 2;}
.flex-col-3-grow-2 .row .col:nth-child(3) {flex-grow: 2;}
.flex-col-4-grow-2 .row .col:nth-child(4) {flex-grow: 2;}
.flex-col-5-grow-2 .row .col:nth-child(5) {flex-grow: 2;}
.flex-col-1-grow-3 .row .col:nth-child(1) {flex-grow: 3;}
.flex-col-2-grow-3 .row .col:nth-child(2) {flex-grow: 3;}
.flex-col-3-grow-3 .row .col:nth-child(3) {flex-grow: 3;}
.flex-col-4-grow-3 .row .col:nth-child(4) {flex-grow: 3;}
.flex-col-5-grow-3 .row .col:nth-child(5) {flex-grow: 3;}

/************************** FLEX SHRINK ****************************/
.shrink-1 {flex-shrink: 1;}
.shrink-2 {flex-shrink: 2;}
.shrink-3 {flex-shrink: 3;}
.shrink-4 {flex-shrink: 4;}
.flex-col-1-shrink-2 .row .col:nth-child(1) {flex-shrink: 2;}
.flex-col-2-shrink-2 .row .col:nth-child(2) {flex-shrink: 2;}
.flex-col-3-shrink-2 .row .col:nth-child(3) {flex-shrink: 2;}
.flex-col-4-shrink-2 .row .col:nth-child(4) {flex-shrink: 2;}
.flex-col-5-shrink-2 .row .col:nth-child(5) {flex-shrink: 2;}
.flex-col-1-shrink-3 .row .col:nth-child(1) {flex-shrink: 3;}
.flex-col-2-shrink-3 .row .col:nth-child(2) {flex-shrink: 3;}
.flex-col-3-shrink-3 .row .col:nth-child(3) {flex-shrink: 3;}
.flex-col-4-shrink-3 .row .col:nth-child(4) {flex-shrink: 3;}
.flex-col-5-shrink-3 .row .col:nth-child(5) {flex-shrink: 3;}

/************************* JUSTIFY CONTENT *************************/
.justify-center {justify-content: center !important;}
.justify-start {justify-content: flex-start !important;}
.justify-end {justify-content: flex-end !important;}
.justify-between {justify-content: space-between !important;}
.justify-around {justify-content: space-around !important;}
.justify-evenly {justify-content: space-evenly !important;}
.justify-stretch {justify-content: stretch !important;}
.justify-baseline {justify-content: baseline !important;}
.justify-normal {justify-content: normal !important;}

/************************** JUSTIFY ITEMS **************************/
.justify-items-start {justify-items: start !important;}
.justify-items-end {justify-items: end !important;}
.justify-items-end-safe {justify-items: safe end !important;}
.justify-items-center {justify-items: center !important;}
.justify-items-center-safe {justify-items: safe center !important;}
.justify-items-stretch {justify-items: stretch !important;}
.justify-items-normal {justify-items: normal !important;}

/************************** ALIGN CONTENT **************************/
.content-normal {align-content: normal !important;}
.content-center {align-content: center !important;}
.content-start {align-content: flex-start !important;}
.content-end {align-content: flex-end !important;}
.content-between {align-content: space-between !important;}
.content-around {align-content: space-around !important;}
.content-evenly {align-content: space-evenly !important;}
.content-baseline {align-content: baseline !important;}
.content-stretch {align-content: stretch !important;}

/*************************** ALIGN ITEMS ***************************/
.items-start {align-items: flex-start !important;}
.items-end {align-items: flex-end !important;}
.items-center {align-items: center !important;}
.items-baseline {align-items: baseline !important;}
.items-stretch {align-items: stretch !important;}

/*************************** ALIGN SELF ****************************/
.self-auto {align-self: auto !important;}
.self-start {align-self: flex-start !important;}
.self-end {align-self: flex-end !important;}
.self-end-safe {align-self: safe flex-end !important;}
.self-center {align-self: center !important;}
.self-center-safe {align-self: safe center !important;}
.self-stretch {align-self: stretch !important;}
.self-baseline {align-self: baseline !important;}
.self-baseline-last {align-self: last baseline !important;}

/******************************* GAP *******************************/
.gap-1 {gap: calc(var(--spacing) * .25) !important;}
.gap-2 {gap: calc(var(--spacing) * .5) !important;}
.gap, .gap-3 {gap: var(--spacing) !important;}
.gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
.gap-5 {gap: calc(var(--spacing) * 2) !important;}
.gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
.gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
.gap-x, .gap-x-3 {column-gap: var(--spacing) !important;}
.gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
.gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
.gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
.gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
.gap-y, .gap-y-3 {row-gap: var(--spacing) !important;}
.gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
.gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}

/************************ UPSCALE PIXEL ART ************************/
.upscale-2x, .upscale-3x, .upscale-4x {
	-ms-interpolation-mode: nearest-neighbor !important;
	image-rendering: -webkit-optimize-contrast !important;
	image-rendering: crisp-edges !important;
	image-rendering: pixelated !important;
}
.upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
.upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
.upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}

/*************************** TEXT/IMAGES ***************************/
/* colour */
.color-base-content {color: var(--base-content) !important;}
.color-highlight {color: var(--highlight) !important;}
.color-inner-100 {color: var(--inner-100) !important;}
.color-inner-200 {color: var(--inner-200) !important;}
.color-inner-300 {color: var(--inner-300) !important;}
.color-inner-400 {color: var(--inner-400) !important;}
.color-inner-500 {color: var(--inner-500) !important;}
.color-inner-600 {color: var(--inner-600) !important;}
.color-inner-700 {color: var(--inner-700) !important;}
.color-inner-800 {color: var(--inner-800) !important;}
.color-inner-900 {color: var(--inner-900) !important;}
.color-inner-1000 {color: var(--inner-1000) !important;}
.color-border {color: var(--border) !important;}
.color-emphasis {color: var(--emphasis) !important;}
.color-emphasis-light {color: var(--emphasis-light) !important;}
.color-emphasis-dark {color: var(--emphasis-dark) !important;}
.color-primary-50 {color: var(--primary-50) !important;}
.color-primary-100 {color: var(--primary-100) !important;}
.color-primary-200 {color: var(--primary-200) !important;}
.color-primary-300 {color: var(--primary-300) !important;}
.color-primary-400 {color: var(--primary-400) !important;}
.color-primary-500 {color: var(--primary-500) !important;}
.color-primary-600 {color: var(--primary-600) !important;}
.color-primary-700 {color: var(--primary-700) !important;}
.color-primary-800 {color: var(--primary-800) !important;}
.color-secondary-100 {color: var(--secondary-100) !important;}
.color-secondary-200 {color: var(--secondary-200) !important;}
.color-secondary-300 {color: var(--secondary-300) !important;}
.color-secondary-400 {color: var(--secondary-400) !important;}
.color-secondary-500 {color: var(--secondary-500) !important;}
.color-secondary-600 {color: var(--secondary-600) !important;}
.color-secondary-700 {color: var(--secondary-700) !important;}
.color-secondary-800 {color: var(--secondary-800) !important;}
.color-info-50 {color: var(--info-50) !important;}
.color-info-100 {color: var(--info-100) !important;}
.color-info-200 {color: var(--info-200) !important;}
.color-info-300 {color: var(--info-300) !important;}
.color-info-400 {color: var(--info-400) !important;}
.color-info-500 {color: var(--info-500) !important;}
.color-info-600 {color: var(--info-600) !important;}
.color-info-700 {color: var(--info-700) !important;}
.color-info-800 {color: var(--info-800) !important;}
.color-info-900 {color: var(--info-900) !important;}
.color-success-50 {color: var(--success-50) !important;}
.color-success-100 {color: var(--success-100) !important;}
.color-success-200 {color: var(--success-200) !important;}
.color-success-300 {color: var(--success-300) !important;}
.color-success-400 {color: var(--success-400) !important;}
.color-success-500 {color: var(--success-500) !important;}
.color-success-600 {color: var(--success-600) !important;}
.color-success-700 {color: var(--success-700) !important;}
.color-success-800 {color: var(--success-800) !important;}
.color-success-900 {color: var(--success-900) !important;}
.color-warning-50 {color: var(--warning-50) !important;}
.color-warning-100 {color: var(--warning-100) !important;}
.color-warning-200 {color: var(--warning-200) !important;}
.color-warning-300 {color: var(--warning-300) !important;}
.color-warning-400 {color: var(--warning-400) !important;}
.color-warning-500 {color: var(--warning-500) !important;}
.color-warning-600 {color: var(--warning-600) !important;}
.color-warning-700 {color: var(--warning-700) !important;}
.color-warning-800 {color: var(--warning-800) !important;}
.color-warning-900 {color: var(--warning-900) !important;}
.color-error-50 {color: var(--error-50) !important;}
.color-error-100 {color: var(--error-100) !important;}
.color-error-200 {color: var(--error-200) !important;}
.color-error-300 {color: var(--error-300) !important;}
.color-error-400 {color: var(--error-400) !important;}
.color-error-500 {color: var(--error-500) !important;}
.color-error-600 {color: var(--error-600) !important;}
.color-error-700 {color: var(--error-700) !important;}
.color-error-800 {color: var(--error-800) !important;}
.color-error-900 {color: var(--error-900) !important;}

/* font size */
.text-2xs {
	font-size: var(--text-2xs) !important;
	line-height: var(--lh-2xs) !important;
}
.text-xs {
	font-size: var(--text-xs) !important;
	line-height: var(--lh-xs) !important;
}
.text-sm {
	font-size: var(--text-sm) !important;
	line-height: var(--lh-sm) !important;
}
.text-base {
	font-size: var(--text-base) !important;
	line-height: var(--lh-base) !important;
}
.text-lg {
	font-size: var(--text-lg) !important;
	line-height: var(--lh-lg) !important;
}
.text-xl {
	font-size: var(--text-xl) !important;
	line-height: var(--lh-xl) !important;
}
.text-2xl {
	font-size: var(--text-2xl) !important;
	line-height: var(--lh-2xl) !important;
}
.text-3xl {
	font-size: var(--text-3xl) !important;
	line-height: var(--lh-3xl) !important;
}
.text-4xl {
	font-size: var(--text-4xl) !important;
	line-height: var(--lh-4xl) !important;
}
.text-5xl {
	font-size: var(--text-5xl) !important;
	line-height: var(--lh-5xl) !important;
}
.text-6xl {
	font-size: var(--text-6xl) !important;
	line-height: var(--lh-6xl) !important;
}
.text-7xl {
	font-size: var(--text-7xl) !important;
	line-height: var(--lh-7xl) !important;
}

/* text align */
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}

/* font weight */
.font-thin {font-weight: 100 !important;}
.font-extralight {font-weight: 200 !important;}
.font-light {font-weight: 300 !important;}
.font-normal {font-weight: 400 !important;}
.font-medium {font-weight: 500 !important;}
.font-semibold {font-weight: 600 !important;}
.font-bold {font-weight: 700 !important;}
.font-extrabold {font-weight: 800 !important;}
.font-black {font-weight: 900 !important;}

/* italics */
.italic {font-style: italic !important;}
.not-italic {font-style: normal !important;}

/* underline */
.underline {text-decoration: underline !important;}
.underline-wavy {text-decoration: 1px underline wavy !important;}
.underline-dotted {text-decoration: 1px underline dotted !important;}
.underline-double {text-decoration: 3px underline double !important;}

/* font family */
.font-base {font-family: var(--font) !important;}
.font-sans {font-family: var(--font-sans) !important;}
.font-serif {font-family: var(--font-serif) !important;}
.font-mono {font-family: var(--font-mono) !important;}
.font-accent {font-family: var(--font-accent) !important;}
.font-big {font-family: var(--font-big) !important;}
.font-arial {font-family: arial, helvetica neue, helvetica, sans-serif !important;}
.font-arialblack {font-family: arial black, arial bold, gadget, serif !important;}
.font-calibri {font-family: calibri, candara, segoe, segoe ui, optima, open sans, roboto, arial, sans-serif !important;}
.font-comicsans {font-family: comic sans ms, brush script mt, cursive !important;}
.font-consolas {font-family: consolas, monaco, monospace !important;}
.font-courier {font-family: courier new, courier, monospace !important;}
.font-garamond {font-family: garamond, baskerville, baskerville old face, hoefler text, times new roman, serif !important;}
.font-georgia {font-family: georgia, times, times new roman, serif !important;}
.font-helvetica {font-family: helvetica neue, helvetica, arial, sans-serif !important;}
.font-impact {font-family: impact, charcoal, sans-serif !important;}
.font-lucida {font-family: lucida sans unicode, lucida grande, sans-serif !important;}
.font-lucidaconsole {font-family: lucida console, courier new, courier, monospace !important;}
.font-palatino {font-family: palatino linotype, book antiqua, palatino, serif !important;}
.font-tahoma {font-family: tahoma, verdana, segoe, sans-serif !important;}
.font-times {font-family: times new roman, times, serif !important;}
.font-trebuchet {font-family: trebuchet ms, helvetica, sans-serif !important;}
.font-verdana {font-family: verdana, geneva, sans-serif !important;}
.font-msuigothic {font-family: ms ui gothic, meiryo ui, ms pgothic, hirakakupron-w3, monospace !important;}

/* images */
.img-left {
	float: left !important;
	padding-right: calc(var(--spacing) / 2) !important;
}
.img-right {
	float: right !important;
	padding-left: calc(var(--spacing) / 2) !important;
}

/* cursor */
.cursor-pointer {cursor: pointer !important;}
.cursor-default {cursor: default !important;}
.cursor-help {cursor: help !important;}
.cursor-progress {cursor: progress !important;}
.cursor-wait {cursor: wait !important;}
.cursor-crosshair {cursor: crosshair !important;}
.cursor-text {cursor: text !important;}
.cursor-vertical-text {cursor: vertical-text !important;}
.cursor-move {cursor: move !important;}
.cursor-no-drop {cursor: no-drop !important;}
.cursor-not-allowed {cursor: not-allowed !important;}
.cursor-ne-resize {cursor: ne-resize !important;}
.cursor-nw-resize {cursor: nw-resize !important;}
.cursor-se-resize {cursor: se-resize !important;}
.cursor-sw-resize {cursor: sw-resize !important;}
.cursor-ew-resize {cursor: ew-resize !important;}
.cursor-ns-resize {cursor: ns-resize !important;}
.cursor-nesw-resize {cursor: nesw-resize !important;}
.cursor-nwse-resize {cursor: nwse-resize !important;}
.cursor-zoom-in {cursor: zoom-in !important;}
.cursor-zoom-out {cursor: zoom-out !important;}


/************************ MEDIA BREAKPOINTS ************************/
@media (width <= 576px) {						/*max-xs*/
	/*************************** HEIGHT ****************************/
	.max-xs-h-auto {height: auto !important;}
	.max-xs-h-0 {height: 0 !important;}
	.max-xs-h-25 {height: 25% !important;}
	.max-xs-h-50 {height: 50% !important;}
	.max-xs-h-75 {height: 75% !important;}
	.max-xs-h-100 {height: 100% !important;}
	.max-xs-mh-0 {max-height: 0 !important;}
	.max-xs-mh-25 {max-height: 25% !important;}
	.max-xs-mh-50 {max-height: 50% !important;}
	.max-xs-mh-75 {max-height: 75% !important;}
	.max-xs-mh-100 {max-height: 100% !important;}
	.max-xs-h-16px {height: 16px !important;}
	.max-xs-h-20px {height: 20px !important;}
	.max-xs-h-32px {height: 32px !important;}
	.max-xs-h-48px {height: 48px !important;}
	.max-xs-h-50px {height: 50px !important;}
	.max-xs-h-64px {height: 64px !important;}
	.max-xs-h-80px {height: 80px !important;}
	.max-xs-h-96px {height: 96px !important;}
	.max-xs-h-100px {height: 100px !important;}
	.max-xs-h-150px {height: 150px !important;}
	.max-xs-h-200px {height: 200px !important;}
	.max-xs-h-300px {height: 300px !important;}
	.max-xs-h-400px {height: 400px !important;}
	.max-xs-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.max-xs-w-auto {width: auto !important;}
	.max-xs-w-0 {width: 0 !important;}
	.max-xs-w-25 {width: 25% !important;}
	.max-xs-w-50 {width: 50% !important;}
	.max-xs-w-75 {width: 75% !important;}
	.max-xs-w-100 {width: 100% !important;}
	.max-xs-mw-0 {max-width: 0 !important;}
	.max-xs-mw-25 {max-width: 25% !important;}
	.max-xs-mw-50 {max-width: 50% !important;}
	.max-xs-mw-75 {max-width: 75% !important;}
	.max-xs-mw-100 {max-width: 100% !important;}
	.max-xs-w-16px {width: 16px !important;}
	.max-xs-w-20px {width: 20px !important;}
	.max-xs-w-32px {width: 32px !important;}
	.max-xs-w-48px {width: 48px !important;}
	.max-xs-w-50px {width: 50px !important;}
	.max-xs-w-64px {width: 64px !important;}
	.max-xs-w-80px {width: 80px !important;}
	.max-xs-w-96px {width: 96px !important;}
	.max-xs-w-100px {width: 100px !important;}
	.max-xs-w-150px {width: 150px !important;}
	.max-xs-w-200px {width: 200px !important;}
	.max-xs-w-300px {width: 300px !important;}
	.max-xs-w-400px {width: 400px !important;}
	.max-xs-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.max-xs-float-left {float: left !important;}
	.max-xs-float-right {float: right !important;}
	.max-xs-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.max-xs-m-auto {margin: auto !important;}
	.max-xs-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.max-xs-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.max-xs-m-0 {margin: 0 !important;}
	.max-xs-mt-0 {margin-top: 0 !important;}
	.max-xs-mr-0 {margin-right: 0 !important;}
	.max-xs-mb-0 {margin-bottom: 0 !important;}
	.max-xs-ml-0 {margin-left: 0 !important;}
	.max-xs-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.max-xs-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.max-xs-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.max-xs-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.max-xs-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.max-xs-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-xs-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.max-xs-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.max-xs-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-xs-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.max-xs-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.max-xs-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.max-xs-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-xs-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.max-xs-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.max-xs-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-xs-m-3 {margin: var(--spacing) !important;}
	.max-xs-mt-3 {margin-top: var(--spacing) !important;}
	.max-xs-mr-3 {margin-right: var(--spacing) !important;}
	.max-xs-mb-3 {margin-bottom: var(--spacing) !important;}
	.max-xs-ml-3 {margin-left: var(--spacing) !important;}
	.max-xs-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.max-xs-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.max-xs-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.max-xs-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.max-xs-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-xs-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xs-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.max-xs-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-xs-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xs-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.max-xs-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.max-xs-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.max-xs-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.max-xs-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.max-xs-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.max-xs-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.max-xs-p-auto {padding: auto !important;}
	.max-xs-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.max-xs-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.max-xs-p-0 {padding: 0 !important;}
	.max-xs-pt-0 {padding-top: 0 !important;}
	.max-xs-pr-0 {padding-right: 0 !important;}
	.max-xs-pb-0 {padding-bottom: 0 !important;}
	.max-xs-pl-0 {padding-left: 0 !important;}
	.max-xs-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.max-xs-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.max-xs-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.max-xs-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.max-xs-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.max-xs-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-xs-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.max-xs-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.max-xs-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-xs-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.max-xs-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.max-xs-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.max-xs-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-xs-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.max-xs-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.max-xs-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-xs-p-3 {padding: var(--spacing) !important;}
	.max-xs-pt-3 {padding-top: var(--spacing) !important;}
	.max-xs-pr-3 {padding-right: var(--spacing) !important;}
	.max-xs-pb-3 {padding-bottom: var(--spacing) !important;}
	.max-xs-pl-3 {padding-left: var(--spacing) !important;}
	.max-xs-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.max-xs-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.max-xs-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.max-xs-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.max-xs-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-xs-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xs-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.max-xs-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-xs-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xs-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.max-xs-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.max-xs-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.max-xs-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.max-xs-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.max-xs-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.max-xs-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.max-xs-inline {display: inline !important;}
	.max-xs-none {display: none !important;}
	.max-xs-block {display: block !important;}
	.max-xs-inline-block {display: inline-block !important;}
	.max-xs-flex {display: flex !important;}
	.max-xs-inline-flex {display: inline-flex !important;}
	.max-xs-grid {display: grid !important;}
	.max-xs-inline-grid {display: inline-grid !important;}
	.max-xs-table {display: table !important;}
	.max-xs-table-cell {display: table-cell !important;}
	.max-xs-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.max-xs-relative {position: relative !important;}
	.max-xs-absolute {position: absolute !important;}
	.max-xs-fixed {position: fixed !important;}
	.max-xs-sticky {position: sticky !important;}
	.max-xs-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.max-xs-grid-flow-row {grid-auto-flow: row !important;}
	.max-xs-grid-flow-column {grid-auto-flow: column !important;}
	.max-xs-grid-flow-dense {grid-auto-flow: dense !important;}
	.max-xs-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.max-xs-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.max-xs-flex-row {flex-direction: row !important;}
	.max-xs-flex-row-reverse {flex-direction: row-reverse !important;}
	.max-xs-flex-column {flex-direction: column !important;}
	.max-xs-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.max-xs-justify-center {justify-content: center !important;}
	.max-xs-justify-between {justify-content: space-between !important;}
	.max-xs-justify-start {justify-content: flex-start !important;}
	.max-xs-justify-end {justify-content: flex-end !important;}
	.max-xs-justify-between {justify-content: space-between !important;}
	.max-xs-justify-around {justify-content: space-around !important;}
	.max-xs-justify-evenly {justify-content: space-evenly !important;}
	.max-xs-justify-stretch {justify-content: stretch !important;}
	.max-xs-justify-baseline {justify-content: baseline !important;}
	.max-xs-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.max-xs-items-start {align-items: flex-start !important;}
	.max-xs-items-end {align-items: flex-end !important;}
	.max-xs-items-center {align-items: center !important;}
	.max-xs-items-baseline {align-items: baseline !important;}
	.max-xs-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.max-xs-content-normal {align-content: normal !important;}
	.max-xs-content-center {align-content: center !important;}
	.max-xs-content-start {align-content: flex-start !important;}
	.max-xs-content-end {align-content: flex-end !important;}
	.max-xs-content-between {align-content: space-between !important;}
	.max-xs-content-around {align-content: space-around !important;}
	.max-xs-content-evenly {align-content: space-evenly !important;}
	.max-xs-content-baseline {align-content: baseline !important;}
	.max-xs-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.max-xs-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.max-xs-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.max-xs-gap, .max-xs-gap-3 {gap: var(--spacing) !important;}
	.max-xs-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.max-xs-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.max-xs-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.max-xs-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.max-xs-gap-x, .max-xs-gap-x-3 {column-gap: var(--spacing) !important;}
	.max-xs-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.max-xs-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.max-xs-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.max-xs-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.max-xs-gap-y, .max-xs-gap-y-3 {row-gap: var(--spacing) !important;}
	.max-xs-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.max-xs-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.max-xs-upscale-2x, .max-xs-upscale-3x, .max-xs-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.max-xs-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.max-xs-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.max-xs-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width > 576px) {						/*sm*/
	/*************************** HEIGHT ****************************/
	.sm-h-auto {height: auto !important;}
	.sm-h-0 {height: 0 !important;}
	.sm-h-25 {height: 25% !important;}
	.sm-h-50 {height: 50% !important;}
	.sm-h-75 {height: 75% !important;}
	.sm-h-100 {height: 100% !important;}
	.sm-mh-0 {max-height: 0 !important;}
	.sm-mh-25 {max-height: 25% !important;}
	.sm-mh-50 {max-height: 50% !important;}
	.sm-mh-75 {max-height: 75% !important;}
	.sm-mh-100 {max-height: 100% !important;}
	.sm-h-16px {height: 16px !important;}
	.sm-h-20px {height: 20px !important;}
	.sm-h-32px {height: 32px !important;}
	.sm-h-48px {height: 48px !important;}
	.sm-h-50px {height: 50px !important;}
	.sm-h-64px {height: 64px !important;}
	.sm-h-80px {height: 80px !important;}
	.sm-h-96px {height: 96px !important;}
	.sm-h-100px {height: 100px !important;}
	.sm-h-150px {height: 150px !important;}
	.sm-h-200px {height: 200px !important;}
	.sm-h-300px {height: 300px !important;}
	.sm-h-400px {height: 400px !important;}
	.sm-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.sm-w-auto {width: auto !important;}
	.sm-w-0 {width: 0 !important;}
	.sm-w-25 {width: 25% !important;}
	.sm-w-50 {width: 50% !important;}
	.sm-w-75 {width: 75% !important;}
	.sm-w-100 {width: 100% !important;}
	.sm-mw-0 {max-width: 0 !important;}
	.sm-mw-25 {max-width: 25% !important;}
	.sm-mw-50 {max-width: 50% !important;}
	.sm-mw-75 {max-width: 75% !important;}
	.sm-mw-100 {max-width: 100% !important;}
	.sm-w-16px {width: 16px !important;}
	.sm-w-20px {width: 20px !important;}
	.sm-w-32px {width: 32px !important;}
	.sm-w-48px {width: 48px !important;}
	.sm-w-50px {width: 50px !important;}
	.sm-w-64px {width: 64px !important;}
	.sm-w-80px {width: 80px !important;}
	.sm-w-96px {width: 96px !important;}
	.sm-w-100px {width: 100px !important;}
	.sm-w-150px {width: 150px !important;}
	.sm-w-200px {width: 200px !important;}
	.sm-w-300px {width: 300px !important;}
	.sm-w-400px {width: 400px !important;}
	.sm-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.sm-float-left {float: left !important;}
	.sm-float-right {float: right !important;}
	.sm-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.sm-m-auto {margin: auto !important;}
	.sm-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.sm-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.sm-m-0 {margin: 0 !important;}
	.sm-mt-0 {margin-top: 0 !important;}
	.sm-mr-0 {margin-right: 0 !important;}
	.sm-mb-0 {margin-bottom: 0 !important;}
	.sm-ml-0 {margin-left: 0 !important;}
	.sm-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.sm-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.sm-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.sm-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.sm-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.sm-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.sm-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.sm-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.sm-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.sm-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.sm-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.sm-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.sm-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.sm-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.sm-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.sm-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.sm-m-3 {margin: var(--spacing) !important;}
	.sm-mt-3 {margin-top: var(--spacing) !important;}
	.sm-mr-3 {margin-right: var(--spacing) !important;}
	.sm-mb-3 {margin-bottom: var(--spacing) !important;}
	.sm-ml-3 {margin-left: var(--spacing) !important;}
	.sm-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.sm-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.sm-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.sm-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.sm-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.sm-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.sm-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.sm-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.sm-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.sm-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.sm-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.sm-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.sm-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.sm-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.sm-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.sm-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.sm-p-auto {padding: auto !important;}
	.sm-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.sm-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.sm-p-0 {padding: 0 !important;}
	.sm-pt-0 {padding-top: 0 !important;}
	.sm-pr-0 {padding-right: 0 !important;}
	.sm-pb-0 {padding-bottom: 0 !important;}
	.sm-pl-0 {padding-left: 0 !important;}
	.sm-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.sm-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.sm-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.sm-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.sm-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.sm-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.sm-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.sm-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.sm-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.sm-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.sm-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.sm-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.sm-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.sm-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.sm-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.sm-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.sm-p-3 {padding: var(--spacing) !important;}
	.sm-pt-3 {padding-top: var(--spacing) !important;}
	.sm-pr-3 {padding-right: var(--spacing) !important;}
	.sm-pb-3 {padding-bottom: var(--spacing) !important;}
	.sm-pl-3 {padding-left: var(--spacing) !important;}
	.sm-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.sm-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.sm-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.sm-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.sm-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.sm-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.sm-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.sm-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.sm-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.sm-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.sm-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.sm-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.sm-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.sm-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.sm-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.sm-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.sm-inline {display: inline !important;}
	.sm-none {display: none !important;}
	.sm-block {display: block !important;}
	.sm-inline-block {display: inline-block !important;}
	.sm-flex {display: flex !important;}
	.sm-inline-flex {display: inline-flex !important;}
	.sm-grid {display: grid !important;}
	.sm-inline-grid {display: inline-grid !important;}
	.sm-table {display: table !important;}
	.sm-table-cell {display: table-cell !important;}
	.sm-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.sm-relative {position: relative !important;}
	.sm-absolute {position: absolute !important;}
	.sm-fixed {position: fixed !important;}
	.sm-sticky {position: sticky !important;}
	.sm-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.sm-grid-flow-row {grid-auto-flow: row !important;}
	.sm-grid-flow-column {grid-auto-flow: column !important;}
	.sm-grid-flow-dense {grid-auto-flow: dense !important;}
	.sm-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.sm-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.sm-flex-row {flex-direction: row !important;}
	.sm-flex-row-reverse {flex-direction: row-reverse !important;}
	.sm-flex-column {flex-direction: column !important;}
	.sm-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.sm-justify-center {justify-content: center !important;}
	.sm-justify-between {justify-content: space-between !important;}
	.sm-justify-start {justify-content: flex-start !important;}
	.sm-justify-end {justify-content: flex-end !important;}
	.sm-justify-between {justify-content: space-between !important;}
	.sm-justify-around {justify-content: space-around !important;}
	.sm-justify-evenly {justify-content: space-evenly !important;}
	.sm-justify-stretch {justify-content: stretch !important;}
	.sm-justify-baseline {justify-content: baseline !important;}
	.sm-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.sm-items-start {align-items: flex-start !important;}
	.sm-items-end {align-items: flex-end !important;}
	.sm-items-center {align-items: center !important;}
	.sm-items-baseline {align-items: baseline !important;}
	.sm-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.sm-content-normal {align-content: normal !important;}
	.sm-content-center {align-content: center !important;}
	.sm-content-start {align-content: flex-start !important;}
	.sm-content-end {align-content: flex-end !important;}
	.sm-content-between {align-content: space-between !important;}
	.sm-content-around {align-content: space-around !important;}
	.sm-content-evenly {align-content: space-evenly !important;}
	.sm-content-baseline {align-content: baseline !important;}
	.sm-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.sm-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.sm-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.sm-gap, .sm-gap-3 {gap: var(--spacing) !important;}
	.sm-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.sm-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.sm-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.sm-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.sm-gap-x, .sm-gap-x-3 {column-gap: var(--spacing) !important;}
	.sm-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.sm-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.sm-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.sm-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.sm-gap-y, .sm-gap-y-3 {row-gap: var(--spacing) !important;}
	.sm-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.sm-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.sm-upscale-2x, .sm-upscale-3x, .sm-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.sm-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.sm-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.sm-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width <= 768px) {						/*max-sm*/
	/*************************** HEIGHT ****************************/
	.max-sm-h-auto {height: auto !important;}
	.max-sm-h-0 {height: 0 !important;}
	.max-sm-h-25 {height: 25% !important;}
	.max-sm-h-50 {height: 50% !important;}
	.max-sm-h-75 {height: 75% !important;}
	.max-sm-h-100 {height: 100% !important;}
	.max-sm-mh-0 {max-height: 0 !important;}
	.max-sm-mh-25 {max-height: 25% !important;}
	.max-sm-mh-50 {max-height: 50% !important;}
	.max-sm-mh-75 {max-height: 75% !important;}
	.max-sm-mh-100 {max-height: 100% !important;}
	.max-sm-h-16px {height: 16px !important;}
	.max-sm-h-20px {height: 20px !important;}
	.max-sm-h-32px {height: 32px !important;}
	.max-sm-h-48px {height: 48px !important;}
	.max-sm-h-50px {height: 50px !important;}
	.max-sm-h-64px {height: 64px !important;}
	.max-sm-h-80px {height: 80px !important;}
	.max-sm-h-96px {height: 96px !important;}
	.max-sm-h-100px {height: 100px !important;}
	.max-sm-h-150px {height: 150px !important;}
	.max-sm-h-200px {height: 200px !important;}
	.max-sm-h-300px {height: 300px !important;}
	.max-sm-h-400px {height: 400px !important;}
	.max-sm-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.max-sm-w-auto {width: auto !important;}
	.max-sm-w-0 {width: 0 !important;}
	.max-sm-w-25 {width: 25% !important;}
	.max-sm-w-50 {width: 50% !important;}
	.max-sm-w-75 {width: 75% !important;}
	.max-sm-w-100 {width: 100% !important;}
	.max-sm-mw-0 {max-width: 0 !important;}
	.max-sm-mw-25 {max-width: 25% !important;}
	.max-sm-mw-50 {max-width: 50% !important;}
	.max-sm-mw-75 {max-width: 75% !important;}
	.max-sm-mw-100 {max-width: 100% !important;}
	.max-sm-w-16px {width: 16px !important;}
	.max-sm-w-20px {width: 20px !important;}
	.max-sm-w-32px {width: 32px !important;}
	.max-sm-w-48px {width: 48px !important;}
	.max-sm-w-50px {width: 50px !important;}
	.max-sm-w-64px {width: 64px !important;}
	.max-sm-w-80px {width: 80px !important;}
	.max-sm-w-96px {width: 96px !important;}
	.max-sm-w-100px {width: 100px !important;}
	.max-sm-w-150px {width: 150px !important;}
	.max-sm-w-200px {width: 200px !important;}
	.max-sm-w-300px {width: 300px !important;}
	.max-sm-w-400px {width: 400px !important;}
	.max-sm-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.max-sm-float-left {float: left !important;}
	.max-sm-float-right {float: right !important;}
	.max-sm-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.max-sm-m-auto {margin: auto !important;}
	.max-sm-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.max-sm-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.max-sm-m-0 {margin: 0 !important;}
	.max-sm-mt-0 {margin-top: 0 !important;}
	.max-sm-mr-0 {margin-right: 0 !important;}
	.max-sm-mb-0 {margin-bottom: 0 !important;}
	.max-sm-ml-0 {margin-left: 0 !important;}
	.max-sm-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.max-sm-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.max-sm-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.max-sm-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.max-sm-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.max-sm-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-sm-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.max-sm-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.max-sm-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-sm-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.max-sm-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.max-sm-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.max-sm-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-sm-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.max-sm-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.max-sm-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-sm-m-3 {margin: var(--spacing) !important;}
	.max-sm-mt-3 {margin-top: var(--spacing) !important;}
	.max-sm-mr-3 {margin-right: var(--spacing) !important;}
	.max-sm-mb-3 {margin-bottom: var(--spacing) !important;}
	.max-sm-ml-3 {margin-left: var(--spacing) !important;}
	.max-sm-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.max-sm-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.max-sm-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.max-sm-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.max-sm-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-sm-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-sm-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.max-sm-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-sm-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-sm-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.max-sm-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.max-sm-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.max-sm-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.max-sm-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.max-sm-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.max-sm-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.max-sm-p-auto {padding: auto !important;}
	.max-sm-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.max-sm-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.max-sm-p-0 {padding: 0 !important;}
	.max-sm-pt-0 {padding-top: 0 !important;}
	.max-sm-pr-0 {padding-right: 0 !important;}
	.max-sm-pb-0 {padding-bottom: 0 !important;}
	.max-sm-pl-0 {padding-left: 0 !important;}
	.max-sm-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.max-sm-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.max-sm-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.max-sm-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.max-sm-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.max-sm-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-sm-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.max-sm-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.max-sm-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-sm-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.max-sm-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.max-sm-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.max-sm-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-sm-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.max-sm-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.max-sm-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-sm-p-3 {padding: var(--spacing) !important;}
	.max-sm-pt-3 {padding-top: var(--spacing) !important;}
	.max-sm-pr-3 {padding-right: var(--spacing) !important;}
	.max-sm-pb-3 {padding-bottom: var(--spacing) !important;}
	.max-sm-pl-3 {padding-left: var(--spacing) !important;}
	.max-sm-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.max-sm-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.max-sm-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.max-sm-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.max-sm-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-sm-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-sm-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.max-sm-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-sm-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-sm-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.max-sm-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.max-sm-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.max-sm-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.max-sm-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.max-sm-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.max-sm-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.max-sm-inline {display: inline !important;}
	.max-sm-none {display: none !important;}
	.max-sm-block {display: block !important;}
	.max-sm-inline-block {display: inline-block !important;}
	.max-sm-flex {display: flex !important;}
	.max-sm-inline-flex {display: inline-flex !important;}
	.max-sm-grid {display: grid !important;}
	.max-sm-inline-grid {display: inline-grid !important;}
	.max-sm-table {display: table !important;}
	.max-sm-table-cell {display: table-cell !important;}
	.max-sm-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.max-sm-relative {position: relative !important;}
	.max-sm-absolute {position: absolute !important;}
	.max-sm-fixed {position: fixed !important;}
	.max-sm-sticky {position: sticky !important;}
	.max-sm-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.max-sm-grid-flow-row {grid-auto-flow: row !important;}
	.max-sm-grid-flow-column {grid-auto-flow: column !important;}
	.max-sm-grid-flow-dense {grid-auto-flow: dense !important;}
	.max-sm-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.max-sm-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.max-sm-flex-row {flex-direction: row !important;}
	.max-sm-flex-row-reverse {flex-direction: row-reverse !important;}
	.max-sm-flex-column {flex-direction: column !important;}
	.max-sm-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.max-sm-justify-center {justify-content: center !important;}
	.max-sm-justify-between {justify-content: space-between !important;}
	.max-sm-justify-start {justify-content: flex-start !important;}
	.max-sm-justify-end {justify-content: flex-end !important;}
	.max-sm-justify-between {justify-content: space-between !important;}
	.max-sm-justify-around {justify-content: space-around !important;}
	.max-sm-justify-evenly {justify-content: space-evenly !important;}
	.max-sm-justify-stretch {justify-content: stretch !important;}
	.max-sm-justify-baseline {justify-content: baseline !important;}
	.max-sm-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.max-sm-items-start {align-items: flex-start !important;}
	.max-sm-items-end {align-items: flex-end !important;}
	.max-sm-items-center {align-items: center !important;}
	.max-sm-items-baseline {align-items: baseline !important;}
	.max-sm-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.max-sm-content-normal {align-content: normal !important;}
	.max-sm-content-center {align-content: center !important;}
	.max-sm-content-start {align-content: flex-start !important;}
	.max-sm-content-end {align-content: flex-end !important;}
	.max-sm-content-between {align-content: space-between !important;}
	.max-sm-content-around {align-content: space-around !important;}
	.max-sm-content-evenly {align-content: space-evenly !important;}
	.max-sm-content-baseline {align-content: baseline !important;}
	.max-sm-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.max-sm-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.max-sm-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.max-sm-gap, .max-sm-gap-3 {gap: var(--spacing) !important;}
	.max-sm-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.max-sm-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.max-sm-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.max-sm-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.max-sm-gap-x, .max-sm-gap-x-3 {column-gap: var(--spacing) !important;}
	.max-sm-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.max-sm-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.max-sm-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.max-sm-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.max-sm-gap-y, .max-sm-gap-y-3 {row-gap: var(--spacing) !important;}
	.max-sm-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.max-sm-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.max-sm-upscale-2x, .max-sm-upscale-3x, .max-sm-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.max-sm-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.max-sm-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.max-sm-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width > 768px) {						/*md*/
	/*************************** HEIGHT ****************************/
	.md-h-auto {height: auto !important;}
	.md-h-0 {height: 0 !important;}
	.md-h-25 {height: 25% !important;}
	.md-h-50 {height: 50% !important;}
	.md-h-75 {height: 75% !important;}
	.md-h-100 {height: 100% !important;}
	.md-mh-0 {max-height: 0 !important;}
	.md-mh-25 {max-height: 25% !important;}
	.md-mh-50 {max-height: 50% !important;}
	.md-mh-75 {max-height: 75% !important;}
	.md-mh-100 {max-height: 100% !important;}
	.md-h-16px {height: 16px !important;}
	.md-h-20px {height: 20px !important;}
	.md-h-32px {height: 32px !important;}
	.md-h-48px {height: 48px !important;}
	.md-h-50px {height: 50px !important;}
	.md-h-64px {height: 64px !important;}
	.md-h-80px {height: 80px !important;}
	.md-h-96px {height: 96px !important;}
	.md-h-100px {height: 100px !important;}
	.md-h-150px {height: 150px !important;}
	.md-h-200px {height: 200px !important;}
	.md-h-300px {height: 300px !important;}
	.md-h-400px {height: 400px !important;}
	.md-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.md-w-auto {width: auto !important;}
	.md-w-0 {width: 0 !important;}
	.md-w-25 {width: 25% !important;}
	.md-w-50 {width: 50% !important;}
	.md-w-75 {width: 75% !important;}
	.md-w-100 {width: 100% !important;}
	.md-mw-0 {max-width: 0 !important;}
	.md-mw-25 {max-width: 25% !important;}
	.md-mw-50 {max-width: 50% !important;}
	.md-mw-75 {max-width: 75% !important;}
	.md-mw-100 {max-width: 100% !important;}
	.md-w-16px {width: 16px !important;}
	.md-w-20px {width: 20px !important;}
	.md-w-32px {width: 32px !important;}
	.md-w-48px {width: 48px !important;}
	.md-w-50px {width: 50px !important;}
	.md-w-64px {width: 64px !important;}
	.md-w-80px {width: 80px !important;}
	.md-w-96px {width: 96px !important;}
	.md-w-100px {width: 100px !important;}
	.md-w-150px {width: 150px !important;}
	.md-w-200px {width: 200px !important;}
	.md-w-300px {width: 300px !important;}
	.md-w-400px {width: 400px !important;}
	.md-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.md-float-left {float: left !important;}
	.md-float-right {float: right !important;}
	.md-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.md-m-auto {margin: auto !important;}
	.md-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.md-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.md-m-0 {margin: 0 !important;}
	.md-mt-0 {margin-top: 0 !important;}
	.md-mr-0 {margin-right: 0 !important;}
	.md-mb-0 {margin-bottom: 0 !important;}
	.md-ml-0 {margin-left: 0 !important;}
	.md-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.md-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.md-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.md-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.md-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.md-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.md-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.md-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.md-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.md-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.md-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.md-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.md-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.md-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.md-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.md-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.md-m-3 {margin: var(--spacing) !important;}
	.md-mt-3 {margin-top: var(--spacing) !important;}
	.md-mr-3 {margin-right: var(--spacing) !important;}
	.md-mb-3 {margin-bottom: var(--spacing) !important;}
	.md-ml-3 {margin-left: var(--spacing) !important;}
	.md-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.md-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.md-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.md-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.md-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.md-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.md-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.md-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.md-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.md-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.md-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.md-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.md-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.md-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.md-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.md-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.md-p-auto {padding: auto !important;}
	.md-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.md-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.md-p-0 {padding: 0 !important;}
	.md-pt-0 {padding-top: 0 !important;}
	.md-pr-0 {padding-right: 0 !important;}
	.md-pb-0 {padding-bottom: 0 !important;}
	.md-pl-0 {padding-left: 0 !important;}
	.md-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.md-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.md-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.md-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.md-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.md-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.md-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.md-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.md-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.md-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.md-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.md-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.md-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.md-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.md-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.md-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.md-p-3 {padding: var(--spacing) !important;}
	.md-pt-3 {padding-top: var(--spacing) !important;}
	.md-pr-3 {padding-right: var(--spacing) !important;}
	.md-pb-3 {padding-bottom: var(--spacing) !important;}
	.md-pl-3 {padding-left: var(--spacing) !important;}
	.md-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.md-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.md-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.md-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.md-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.md-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.md-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.md-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.md-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.md-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.md-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.md-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.md-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.md-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.md-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.md-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.md-inline {display: inline !important;}
	.md-none {display: none !important;}
	.md-block {display: block !important;}
	.md-inline-block {display: inline-block !important;}
	.md-flex {display: flex !important;}
	.md-inline-flex {display: inline-flex !important;}
	.md-grid {display: grid !important;}
	.md-inline-grid {display: inline-grid !important;}
	.md-table {display: table !important;}
	.md-table-cell {display: table-cell !important;}
	.md-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.md-relative {position: relative !important;}
	.md-absolute {position: absolute !important;}
	.md-fixed {position: fixed !important;}
	.md-sticky {position: sticky !important;}
	.md-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.md-grid-flow-row {grid-auto-flow: row !important;}
	.md-grid-flow-column {grid-auto-flow: column !important;}
	.md-grid-flow-dense {grid-auto-flow: dense !important;}
	.md-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.md-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.md-flex-row {flex-direction: row !important;}
	.md-flex-row-reverse {flex-direction: row-reverse !important;}
	.md-flex-column {flex-direction: column !important;}
	.md-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.md-justify-center {justify-content: center !important;}
	.md-justify-between {justify-content: space-between !important;}
	.md-justify-start {justify-content: flex-start !important;}
	.md-justify-end {justify-content: flex-end !important;}
	.md-justify-between {justify-content: space-between !important;}
	.md-justify-around {justify-content: space-around !important;}
	.md-justify-evenly {justify-content: space-evenly !important;}
	.md-justify-stretch {justify-content: stretch !important;}
	.md-justify-baseline {justify-content: baseline !important;}
	.md-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.md-items-start {align-items: flex-start !important;}
	.md-items-end {align-items: flex-end !important;}
	.md-items-center {align-items: center !important;}
	.md-items-baseline {align-items: baseline !important;}
	.md-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.md-content-normal {align-content: normal !important;}
	.md-content-center {align-content: center !important;}
	.md-content-start {align-content: flex-start !important;}
	.md-content-end {align-content: flex-end !important;}
	.md-content-between {align-content: space-between !important;}
	.md-content-around {align-content: space-around !important;}
	.md-content-evenly {align-content: space-evenly !important;}
	.md-content-baseline {align-content: baseline !important;}
	.md-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.md-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.md-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.md-gap, .md-gap-3 {gap: var(--spacing) !important;}
	.md-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.md-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.md-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.md-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.md-gap-x, .md-gap-x-3 {column-gap: var(--spacing) !important;}
	.md-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.md-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.md-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.md-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.md-gap-y, .md-gap-y-3 {row-gap: var(--spacing) !important;}
	.md-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.md-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.md-upscale-2x, .md-upscale-3x, .md-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.md-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.md-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.md-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width <= 992px) {						/*max-md*/
	/*************************** HEIGHT ****************************/
	.max-md-h-auto {height: auto !important;}
	.max-md-h-0 {height: 0 !important;}
	.max-md-h-25 {height: 25% !important;}
	.max-md-h-50 {height: 50% !important;}
	.max-md-h-75 {height: 75% !important;}
	.max-md-h-100 {height: 100% !important;}
	.max-md-mh-0 {max-height: 0 !important;}
	.max-md-mh-25 {max-height: 25% !important;}
	.max-md-mh-50 {max-height: 50% !important;}
	.max-md-mh-75 {max-height: 75% !important;}
	.max-md-mh-100 {max-height: 100% !important;}
	.max-md-h-16px {height: 16px !important;}
	.max-md-h-20px {height: 20px !important;}
	.max-md-h-32px {height: 32px !important;}
	.max-md-h-48px {height: 48px !important;}
	.max-md-h-50px {height: 50px !important;}
	.max-md-h-64px {height: 64px !important;}
	.max-md-h-80px {height: 80px !important;}
	.max-md-h-96px {height: 96px !important;}
	.max-md-h-100px {height: 100px !important;}
	.max-md-h-150px {height: 150px !important;}
	.max-md-h-200px {height: 200px !important;}
	.max-md-h-300px {height: 300px !important;}
	.max-md-h-400px {height: 400px !important;}
	.max-md-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.max-md-w-auto {width: auto !important;}
	.max-md-w-0 {width: 0 !important;}
	.max-md-w-25 {width: 25% !important;}
	.max-md-w-50 {width: 50% !important;}
	.max-md-w-75 {width: 75% !important;}
	.max-md-w-100 {width: 100% !important;}
	.max-md-mw-0 {max-width: 0 !important;}
	.max-md-mw-25 {max-width: 25% !important;}
	.max-md-mw-50 {max-width: 50% !important;}
	.max-md-mw-75 {max-width: 75% !important;}
	.max-md-mw-100 {max-width: 100% !important;}
	.max-md-w-16px {width: 16px !important;}
	.max-md-w-20px {width: 20px !important;}
	.max-md-w-32px {width: 32px !important;}
	.max-md-w-48px {width: 48px !important;}
	.max-md-w-50px {width: 50px !important;}
	.max-md-w-64px {width: 64px !important;}
	.max-md-w-80px {width: 80px !important;}
	.max-md-w-96px {width: 96px !important;}
	.max-md-w-100px {width: 100px !important;}
	.max-md-w-150px {width: 150px !important;}
	.max-md-w-200px {width: 200px !important;}
	.max-md-w-300px {width: 300px !important;}
	.max-md-w-400px {width: 400px !important;}
	.max-md-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.max-md-float-left {float: left !important;}
	.max-md-float-right {float: right !important;}
	.max-md-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.max-md-m-auto {margin: auto !important;}
	.max-md-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.max-md-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.max-md-m-0 {margin: 0 !important;}
	.max-md-mt-0 {margin-top: 0 !important;}
	.max-md-mr-0 {margin-right: 0 !important;}
	.max-md-mb-0 {margin-bottom: 0 !important;}
	.max-md-ml-0 {margin-left: 0 !important;}
	.max-md-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.max-md-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.max-md-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.max-md-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.max-md-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.max-md-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-md-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.max-md-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.max-md-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-md-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.max-md-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.max-md-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.max-md-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-md-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.max-md-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.max-md-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-md-m-3 {margin: var(--spacing) !important;}
	.max-md-mt-3 {margin-top: var(--spacing) !important;}
	.max-md-mr-3 {margin-right: var(--spacing) !important;}
	.max-md-mb-3 {margin-bottom: var(--spacing) !important;}
	.max-md-ml-3 {margin-left: var(--spacing) !important;}
	.max-md-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.max-md-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.max-md-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.max-md-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.max-md-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-md-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-md-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.max-md-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-md-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-md-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.max-md-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.max-md-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.max-md-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.max-md-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.max-md-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.max-md-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.max-md-p-auto {padding: auto !important;}
	.max-md-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.max-md-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.max-md-p-0 {padding: 0 !important;}
	.max-md-pt-0 {padding-top: 0 !important;}
	.max-md-pr-0 {padding-right: 0 !important;}
	.max-md-pb-0 {padding-bottom: 0 !important;}
	.max-md-pl-0 {padding-left: 0 !important;}
	.max-md-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.max-md-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.max-md-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.max-md-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.max-md-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.max-md-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-md-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.max-md-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.max-md-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-md-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.max-md-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.max-md-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.max-md-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-md-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.max-md-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.max-md-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-md-p-3 {padding: var(--spacing) !important;}
	.max-md-pt-3 {padding-top: var(--spacing) !important;}
	.max-md-pr-3 {padding-right: var(--spacing) !important;}
	.max-md-pb-3 {padding-bottom: var(--spacing) !important;}
	.max-md-pl-3 {padding-left: var(--spacing) !important;}
	.max-md-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.max-md-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.max-md-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.max-md-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.max-md-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-md-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-md-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.max-md-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-md-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-md-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.max-md-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.max-md-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.max-md-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.max-md-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.max-md-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.max-md-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.max-md-inline {display: inline !important;}
	.max-md-none {display: none !important;}
	.max-md-block {display: block !important;}
	.max-md-inline-block {display: inline-block !important;}
	.max-md-flex {display: flex !important;}
	.max-md-inline-flex {display: inline-flex !important;}
	.max-md-grid {display: grid !important;}
	.max-md-inline-grid {display: inline-grid !important;}
	.max-md-table {display: table !important;}
	.max-md-table-cell {display: table-cell !important;}
	.max-md-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.max-md-relative {position: relative !important;}
	.max-md-absolute {position: absolute !important;}
	.max-md-fixed {position: fixed !important;}
	.max-md-sticky {position: sticky !important;}
	.max-md-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.max-md-grid-flow-row {grid-auto-flow: row !important;}
	.max-md-grid-flow-column {grid-auto-flow: column !important;}
	.max-md-grid-flow-dense {grid-auto-flow: dense !important;}
	.max-md-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.max-md-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.max-md-flex-row {flex-direction: row !important;}
	.max-md-flex-row-reverse {flex-direction: row-reverse !important;}
	.max-md-flex-column {flex-direction: column !important;}
	.max-md-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.max-md-justify-center {justify-content: center !important;}
	.max-md-justify-between {justify-content: space-between !important;}
	.max-md-justify-start {justify-content: flex-start !important;}
	.max-md-justify-end {justify-content: flex-end !important;}
	.max-md-justify-between {justify-content: space-between !important;}
	.max-md-justify-around {justify-content: space-around !important;}
	.max-md-justify-evenly {justify-content: space-evenly !important;}
	.max-md-justify-stretch {justify-content: stretch !important;}
	.max-md-justify-baseline {justify-content: baseline !important;}
	.max-md-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.max-md-items-start {align-items: flex-start !important;}
	.max-md-items-end {align-items: flex-end !important;}
	.max-md-items-center {align-items: center !important;}
	.max-md-items-baseline {align-items: baseline !important;}
	.max-md-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.max-md-content-normal {align-content: normal !important;}
	.max-md-content-center {align-content: center !important;}
	.max-md-content-start {align-content: flex-start !important;}
	.max-md-content-end {align-content: flex-end !important;}
	.max-md-content-between {align-content: space-between !important;}
	.max-md-content-around {align-content: space-around !important;}
	.max-md-content-evenly {align-content: space-evenly !important;}
	.max-md-content-baseline {align-content: baseline !important;}
	.max-md-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.max-md-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.max-md-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.max-md-gap, .max-md-gap-3 {gap: var(--spacing) !important;}
	.max-md-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.max-md-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.max-md-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.max-md-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.max-md-gap-x, .max-md-gap-x-3 {column-gap: var(--spacing) !important;}
	.max-md-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.max-md-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.max-md-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.max-md-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.max-md-gap-y, .max-md-gap-y-3 {row-gap: var(--spacing) !important;}
	.max-md-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.max-md-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.max-md-upscale-2x, .max-md-upscale-3x, .max-md-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.max-md-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.max-md-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.max-md-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width > 992px) {						/*lg*/
	/*************************** HEIGHT ****************************/
	.lg-h-auto {height: auto !important;}
	.lg-h-0 {height: 0 !important;}
	.lg-h-25 {height: 25% !important;}
	.lg-h-50 {height: 50% !important;}
	.lg-h-75 {height: 75% !important;}
	.lg-h-100 {height: 100% !important;}
	.lg-mh-0 {max-height: 0 !important;}
	.lg-mh-25 {max-height: 25% !important;}
	.lg-mh-50 {max-height: 50% !important;}
	.lg-mh-75 {max-height: 75% !important;}
	.lg-mh-100 {max-height: 100% !important;}
	.lg-h-16px {height: 16px !important;}
	.lg-h-20px {height: 20px !important;}
	.lg-h-32px {height: 32px !important;}
	.lg-h-48px {height: 48px !important;}
	.lg-h-50px {height: 50px !important;}
	.lg-h-64px {height: 64px !important;}
	.lg-h-80px {height: 80px !important;}
	.lg-h-96px {height: 96px !important;}
	.lg-h-100px {height: 100px !important;}
	.lg-h-150px {height: 150px !important;}
	.lg-h-200px {height: 200px !important;}
	.lg-h-300px {height: 300px !important;}
	.lg-h-400px {height: 400px !important;}
	.lg-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.lg-w-auto {width: auto !important;}
	.lg-w-0 {width: 0 !important;}
	.lg-w-25 {width: 25% !important;}
	.lg-w-50 {width: 50% !important;}
	.lg-w-75 {width: 75% !important;}
	.lg-w-100 {width: 100% !important;}
	.lg-mw-0 {max-width: 0 !important;}
	.lg-mw-25 {max-width: 25% !important;}
	.lg-mw-50 {max-width: 50% !important;}
	.lg-mw-75 {max-width: 75% !important;}
	.lg-mw-100 {max-width: 100% !important;}
	.lg-w-16px {width: 16px !important;}
	.lg-w-20px {width: 20px !important;}
	.lg-w-32px {width: 32px !important;}
	.lg-w-48px {width: 48px !important;}
	.lg-w-50px {width: 50px !important;}
	.lg-w-64px {width: 64px !important;}
	.lg-w-80px {width: 80px !important;}
	.lg-w-96px {width: 96px !important;}
	.lg-w-100px {width: 100px !important;}
	.lg-w-150px {width: 150px !important;}
	.lg-w-200px {width: 200px !important;}
	.lg-w-300px {width: 300px !important;}
	.lg-w-400px {width: 400px !important;}
	.lg-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.lg-float-left {float: left !important;}
	.lg-float-right {float: right !important;}
	.lg-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.lg-m-auto {margin: auto !important;}
	.lg-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.lg-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.lg-m-0 {margin: 0 !important;}
	.lg-mt-0 {margin-top: 0 !important;}
	.lg-mr-0 {margin-right: 0 !important;}
	.lg-mb-0 {margin-bottom: 0 !important;}
	.lg-ml-0 {margin-left: 0 !important;}
	.lg-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.lg-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.lg-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.lg-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.lg-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.lg-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.lg-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.lg-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.lg-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.lg-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.lg-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.lg-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.lg-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.lg-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.lg-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.lg-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.lg-m-3 {margin: var(--spacing) !important;}
	.lg-mt-3 {margin-top: var(--spacing) !important;}
	.lg-mr-3 {margin-right: var(--spacing) !important;}
	.lg-mb-3 {margin-bottom: var(--spacing) !important;}
	.lg-ml-3 {margin-left: var(--spacing) !important;}
	.lg-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.lg-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.lg-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.lg-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.lg-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.lg-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.lg-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.lg-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.lg-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.lg-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.lg-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.lg-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.lg-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.lg-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.lg-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.lg-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.lg-p-auto {padding: auto !important;}
	.lg-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.lg-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.lg-p-0 {padding: 0 !important;}
	.lg-pt-0 {padding-top: 0 !important;}
	.lg-pr-0 {padding-right: 0 !important;}
	.lg-pb-0 {padding-bottom: 0 !important;}
	.lg-pl-0 {padding-left: 0 !important;}
	.lg-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.lg-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.lg-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.lg-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.lg-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.lg-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.lg-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.lg-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.lg-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.lg-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.lg-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.lg-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.lg-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.lg-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.lg-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.lg-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.lg-p-3 {padding: var(--spacing) !important;}
	.lg-pt-3 {padding-top: var(--spacing) !important;}
	.lg-pr-3 {padding-right: var(--spacing) !important;}
	.lg-pb-3 {padding-bottom: var(--spacing) !important;}
	.lg-pl-3 {padding-left: var(--spacing) !important;}
	.lg-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.lg-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.lg-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.lg-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.lg-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.lg-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.lg-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.lg-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.lg-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.lg-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.lg-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.lg-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.lg-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.lg-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.lg-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.lg-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.lg-inline {display: inline !important;}
	.lg-none {display: none !important;}
	.lg-block {display: block !important;}
	.lg-inline-block {display: inline-block !important;}
	.lg-flex {display: flex !important;}
	.lg-inline-flex {display: inline-flex !important;}
	.lg-grid {display: grid !important;}
	.lg-inline-grid {display: inline-grid !important;}
	.lg-table {display: table !important;}
	.lg-table-cell {display: table-cell !important;}
	.lg-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.lg-relative {position: relative !important;}
	.lg-absolute {position: absolute !important;}
	.lg-fixed {position: fixed !important;}
	.lg-sticky {position: sticky !important;}
	.lg-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.lg-grid-flow-row {grid-auto-flow: row !important;}
	.lg-grid-flow-column {grid-auto-flow: column !important;}
	.lg-grid-flow-dense {grid-auto-flow: dense !important;}
	.lg-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.lg-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.lg-flex-row {flex-direction: row !important;}
	.lg-flex-row-reverse {flex-direction: row-reverse !important;}
	.lg-flex-column {flex-direction: column !important;}
	.lg-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.lg-justify-center {justify-content: center !important;}
	.lg-justify-between {justify-content: space-between !important;}
	.lg-justify-start {justify-content: flex-start !important;}
	.lg-justify-end {justify-content: flex-end !important;}
	.lg-justify-between {justify-content: space-between !important;}
	.lg-justify-around {justify-content: space-around !important;}
	.lg-justify-evenly {justify-content: space-evenly !important;}
	.lg-justify-stretch {justify-content: stretch !important;}
	.lg-justify-baseline {justify-content: baseline !important;}
	.lg-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.lg-items-start {align-items: flex-start !important;}
	.lg-items-end {align-items: flex-end !important;}
	.lg-items-center {align-items: center !important;}
	.lg-items-baseline {align-items: baseline !important;}
	.lg-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.lg-content-normal {align-content: normal !important;}
	.lg-content-center {align-content: center !important;}
	.lg-content-start {align-content: flex-start !important;}
	.lg-content-end {align-content: flex-end !important;}
	.lg-content-between {align-content: space-between !important;}
	.lg-content-around {align-content: space-around !important;}
	.lg-content-evenly {align-content: space-evenly !important;}
	.lg-content-baseline {align-content: baseline !important;}
	.lg-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.lg-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.lg-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.lg-gap, .lg-gap-3 {gap: var(--spacing) !important;}
	.lg-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.lg-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.lg-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.lg-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.lg-gap-x, .lg-gap-x-3 {column-gap: var(--spacing) !important;}
	.lg-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.lg-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.lg-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.lg-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.lg-gap-y, .lg-gap-y-3 {row-gap: var(--spacing) !important;}
	.lg-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.lg-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.lg-upscale-2x, .lg-upscale-3x, .lg-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.lg-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.lg-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.lg-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width <= 1200px) {						/*max-lg*/
	/*************************** HEIGHT ****************************/
	.max-lg-h-auto {height: auto !important;}
	.max-lg-h-0 {height: 0 !important;}
	.max-lg-h-25 {height: 25% !important;}
	.max-lg-h-50 {height: 50% !important;}
	.max-lg-h-75 {height: 75% !important;}
	.max-lg-h-100 {height: 100% !important;}
	.max-lg-mh-0 {max-height: 0 !important;}
	.max-lg-mh-25 {max-height: 25% !important;}
	.max-lg-mh-50 {max-height: 50% !important;}
	.max-lg-mh-75 {max-height: 75% !important;}
	.max-lg-mh-100 {max-height: 100% !important;}
	.max-lg-h-16px {height: 16px !important;}
	.max-lg-h-20px {height: 20px !important;}
	.max-lg-h-32px {height: 32px !important;}
	.max-lg-h-48px {height: 48px !important;}
	.max-lg-h-50px {height: 50px !important;}
	.max-lg-h-64px {height: 64px !important;}
	.max-lg-h-80px {height: 80px !important;}
	.max-lg-h-96px {height: 96px !important;}
	.max-lg-h-100px {height: 100px !important;}
	.max-lg-h-150px {height: 150px !important;}
	.max-lg-h-200px {height: 200px !important;}
	.max-lg-h-300px {height: 300px !important;}
	.max-lg-h-400px {height: 400px !important;}
	.max-lg-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.max-lg-w-auto {width: auto !important;}
	.max-lg-w-0 {width: 0 !important;}
	.max-lg-w-25 {width: 25% !important;}
	.max-lg-w-50 {width: 50% !important;}
	.max-lg-w-75 {width: 75% !important;}
	.max-lg-w-100 {width: 100% !important;}
	.max-lg-mw-0 {max-width: 0 !important;}
	.max-lg-mw-25 {max-width: 25% !important;}
	.max-lg-mw-50 {max-width: 50% !important;}
	.max-lg-mw-75 {max-width: 75% !important;}
	.max-lg-mw-100 {max-width: 100% !important;}
	.max-lg-w-16px {width: 16px !important;}
	.max-lg-w-20px {width: 20px !important;}
	.max-lg-w-32px {width: 32px !important;}
	.max-lg-w-48px {width: 48px !important;}
	.max-lg-w-50px {width: 50px !important;}
	.max-lg-w-64px {width: 64px !important;}
	.max-lg-w-80px {width: 80px !important;}
	.max-lg-w-96px {width: 96px !important;}
	.max-lg-w-100px {width: 100px !important;}
	.max-lg-w-150px {width: 150px !important;}
	.max-lg-w-200px {width: 200px !important;}
	.max-lg-w-300px {width: 300px !important;}
	.max-lg-w-400px {width: 400px !important;}
	.max-lg-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.max-lg-float-left {float: left !important;}
	.max-lg-float-right {float: right !important;}
	.max-lg-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.max-lg-m-auto {margin: auto !important;}
	.max-lg-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.max-lg-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.max-lg-m-0 {margin: 0 !important;}
	.max-lg-mt-0 {margin-top: 0 !important;}
	.max-lg-mr-0 {margin-right: 0 !important;}
	.max-lg-mb-0 {margin-bottom: 0 !important;}
	.max-lg-ml-0 {margin-left: 0 !important;}
	.max-lg-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.max-lg-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.max-lg-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.max-lg-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.max-lg-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.max-lg-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-lg-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.max-lg-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.max-lg-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-lg-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.max-lg-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.max-lg-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.max-lg-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-lg-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.max-lg-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.max-lg-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-lg-m-3 {margin: var(--spacing) !important;}
	.max-lg-mt-3 {margin-top: var(--spacing) !important;}
	.max-lg-mr-3 {margin-right: var(--spacing) !important;}
	.max-lg-mb-3 {margin-bottom: var(--spacing) !important;}
	.max-lg-ml-3 {margin-left: var(--spacing) !important;}
	.max-lg-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.max-lg-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.max-lg-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.max-lg-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.max-lg-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-lg-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-lg-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.max-lg-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-lg-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-lg-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.max-lg-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.max-lg-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.max-lg-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.max-lg-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.max-lg-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.max-lg-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.max-lg-p-auto {padding: auto !important;}
	.max-lg-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.max-lg-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.max-lg-p-0 {padding: 0 !important;}
	.max-lg-pt-0 {padding-top: 0 !important;}
	.max-lg-pr-0 {padding-right: 0 !important;}
	.max-lg-pb-0 {padding-bottom: 0 !important;}
	.max-lg-pl-0 {padding-left: 0 !important;}
	.max-lg-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.max-lg-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.max-lg-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.max-lg-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.max-lg-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.max-lg-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-lg-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.max-lg-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.max-lg-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-lg-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.max-lg-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.max-lg-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.max-lg-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-lg-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.max-lg-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.max-lg-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-lg-p-3 {padding: var(--spacing) !important;}
	.max-lg-pt-3 {padding-top: var(--spacing) !important;}
	.max-lg-pr-3 {padding-right: var(--spacing) !important;}
	.max-lg-pb-3 {padding-bottom: var(--spacing) !important;}
	.max-lg-pl-3 {padding-left: var(--spacing) !important;}
	.max-lg-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.max-lg-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.max-lg-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.max-lg-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.max-lg-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-lg-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-lg-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.max-lg-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-lg-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-lg-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.max-lg-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.max-lg-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.max-lg-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.max-lg-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.max-lg-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.max-lg-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.max-lg-inline {display: inline !important;}
	.max-lg-none {display: none !important;}
	.max-lg-block {display: block !important;}
	.max-lg-inline-block {display: inline-block !important;}
	.max-lg-flex {display: flex !important;}
	.max-lg-inline-flex {display: inline-flex !important;}
	.max-lg-grid {display: grid !important;}
	.max-lg-inline-grid {display: inline-grid !important;}
	.max-lg-table {display: table !important;}
	.max-lg-table-cell {display: table-cell !important;}
	.max-lg-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.max-lg-relative {position: relative !important;}
	.max-lg-absolute {position: absolute !important;}
	.max-lg-fixed {position: fixed !important;}
	.max-lg-sticky {position: sticky !important;}
	.max-lg-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.max-lg-grid-flow-row {grid-auto-flow: row !important;}
	.max-lg-grid-flow-column {grid-auto-flow: column !important;}
	.max-lg-grid-flow-dense {grid-auto-flow: dense !important;}
	.max-lg-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.max-lg-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.max-lg-flex-row {flex-direction: row !important;}
	.max-lg-flex-row-reverse {flex-direction: row-reverse !important;}
	.max-lg-flex-column {flex-direction: column !important;}
	.max-lg-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.max-lg-justify-center {justify-content: center !important;}
	.max-lg-justify-between {justify-content: space-between !important;}
	.max-lg-justify-start {justify-content: flex-start !important;}
	.max-lg-justify-end {justify-content: flex-end !important;}
	.max-lg-justify-between {justify-content: space-between !important;}
	.max-lg-justify-around {justify-content: space-around !important;}
	.max-lg-justify-evenly {justify-content: space-evenly !important;}
	.max-lg-justify-stretch {justify-content: stretch !important;}
	.max-lg-justify-baseline {justify-content: baseline !important;}
	.max-lg-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.max-lg-items-start {align-items: flex-start !important;}
	.max-lg-items-end {align-items: flex-end !important;}
	.max-lg-items-center {align-items: center !important;}
	.max-lg-items-baseline {align-items: baseline !important;}
	.max-lg-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.max-lg-content-normal {align-content: normal !important;}
	.max-lg-content-center {align-content: center !important;}
	.max-lg-content-start {align-content: flex-start !important;}
	.max-lg-content-end {align-content: flex-end !important;}
	.max-lg-content-between {align-content: space-between !important;}
	.max-lg-content-around {align-content: space-around !important;}
	.max-lg-content-evenly {align-content: space-evenly !important;}
	.max-lg-content-baseline {align-content: baseline !important;}
	.max-lg-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.max-lg-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.max-lg-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.max-lg-gap, .max-lg-gap-3 {gap: var(--spacing) !important;}
	.max-lg-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.max-lg-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.max-lg-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.max-lg-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.max-lg-gap-x, .max-lg-gap-x-3 {column-gap: var(--spacing) !important;}
	.max-lg-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.max-lg-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.max-lg-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.max-lg-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.max-lg-gap-y, .max-lg-gap-y-3 {row-gap: var(--spacing) !important;}
	.max-lg-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.max-lg-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.max-lg-upscale-2x, .max-lg-upscale-3x, .max-lg-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.max-lg-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.max-lg-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.max-lg-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width > 1200px) {						/*xl*/
	/*************************** HEIGHT ****************************/
	.xl-h-auto {height: auto !important;}
	.xl-h-0 {height: 0 !important;}
	.xl-h-25 {height: 25% !important;}
	.xl-h-50 {height: 50% !important;}
	.xl-h-75 {height: 75% !important;}
	.xl-h-100 {height: 100% !important;}
	.xl-mh-0 {max-height: 0 !important;}
	.xl-mh-25 {max-height: 25% !important;}
	.xl-mh-50 {max-height: 50% !important;}
	.xl-mh-75 {max-height: 75% !important;}
	.xl-mh-100 {max-height: 100% !important;}
	.xl-h-16px {height: 16px !important;}
	.xl-h-20px {height: 20px !important;}
	.xl-h-32px {height: 32px !important;}
	.xl-h-48px {height: 48px !important;}
	.xl-h-50px {height: 50px !important;}
	.xl-h-64px {height: 64px !important;}
	.xl-h-80px {height: 80px !important;}
	.xl-h-96px {height: 96px !important;}
	.xl-h-100px {height: 100px !important;}
	.xl-h-150px {height: 150px !important;}
	.xl-h-200px {height: 200px !important;}
	.xl-h-300px {height: 300px !important;}
	.xl-h-400px {height: 400px !important;}
	.xl-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.xl-w-auto {width: auto !important;}
	.xl-w-0 {width: 0 !important;}
	.xl-w-25 {width: 25% !important;}
	.xl-w-50 {width: 50% !important;}
	.xl-w-75 {width: 75% !important;}
	.xl-w-100 {width: 100% !important;}
	.xl-mw-0 {max-width: 0 !important;}
	.xl-mw-25 {max-width: 25% !important;}
	.xl-mw-50 {max-width: 50% !important;}
	.xl-mw-75 {max-width: 75% !important;}
	.xl-mw-100 {max-width: 100% !important;}
	.xl-w-16px {width: 16px !important;}
	.xl-w-20px {width: 20px !important;}
	.xl-w-32px {width: 32px !important;}
	.xl-w-48px {width: 48px !important;}
	.xl-w-50px {width: 50px !important;}
	.xl-w-64px {width: 64px !important;}
	.xl-w-80px {width: 80px !important;}
	.xl-w-96px {width: 96px !important;}
	.xl-w-100px {width: 100px !important;}
	.xl-w-150px {width: 150px !important;}
	.xl-w-200px {width: 200px !important;}
	.xl-w-300px {width: 300px !important;}
	.xl-w-400px {width: 400px !important;}
	.xl-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.xl-float-left {float: left !important;}
	.xl-float-right {float: right !important;}
	.xl-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.xl-m-auto {margin: auto !important;}
	.xl-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.xl-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.xl-m-0 {margin: 0 !important;}
	.xl-mt-0 {margin-top: 0 !important;}
	.xl-mr-0 {margin-right: 0 !important;}
	.xl-mb-0 {margin-bottom: 0 !important;}
	.xl-ml-0 {margin-left: 0 !important;}
	.xl-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.xl-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.xl-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.xl-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.xl-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.xl-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.xl-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.xl-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.xl-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.xl-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.xl-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.xl-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.xl-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.xl-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.xl-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.xl-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.xl-m-3 {margin: var(--spacing) !important;}
	.xl-mt-3 {margin-top: var(--spacing) !important;}
	.xl-mr-3 {margin-right: var(--spacing) !important;}
	.xl-mb-3 {margin-bottom: var(--spacing) !important;}
	.xl-ml-3 {margin-left: var(--spacing) !important;}
	.xl-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.xl-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.xl-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.xl-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.xl-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.xl-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.xl-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.xl-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.xl-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.xl-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.xl-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.xl-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.xl-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.xl-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.xl-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.xl-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.xl-p-auto {padding: auto !important;}
	.xl-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.xl-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.xl-p-0 {padding: 0 !important;}
	.xl-pt-0 {padding-top: 0 !important;}
	.xl-pr-0 {padding-right: 0 !important;}
	.xl-pb-0 {padding-bottom: 0 !important;}
	.xl-pl-0 {padding-left: 0 !important;}
	.xl-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.xl-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.xl-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.xl-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.xl-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.xl-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.xl-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.xl-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.xl-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.xl-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.xl-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.xl-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.xl-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.xl-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.xl-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.xl-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.xl-p-3 {padding: var(--spacing) !important;}
	.xl-pt-3 {padding-top: var(--spacing) !important;}
	.xl-pr-3 {padding-right: var(--spacing) !important;}
	.xl-pb-3 {padding-bottom: var(--spacing) !important;}
	.xl-pl-3 {padding-left: var(--spacing) !important;}
	.xl-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.xl-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.xl-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.xl-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.xl-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.xl-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.xl-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.xl-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.xl-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.xl-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.xl-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.xl-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.xl-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.xl-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.xl-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.xl-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.xl-inline {display: inline !important;}
	.xl-none {display: none !important;}
	.xl-block {display: block !important;}
	.xl-inline-block {display: inline-block !important;}
	.xl-flex {display: flex !important;}
	.xl-inline-flex {display: inline-flex !important;}
	.xl-grid {display: grid !important;}
	.xl-inline-grid {display: inline-grid !important;}
	.xl-table {display: table !important;}
	.xl-table-cell {display: table-cell !important;}
	.xl-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.xl-relative {position: relative !important;}
	.xl-absolute {position: absolute !important;}
	.xl-fixed {position: fixed !important;}
	.xl-sticky {position: sticky !important;}
	.xl-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.xl-grid-flow-row {grid-auto-flow: row !important;}
	.xl-grid-flow-column {grid-auto-flow: column !important;}
	.xl-grid-flow-dense {grid-auto-flow: dense !important;}
	.xl-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.xl-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.xl-flex-row {flex-direction: row !important;}
	.xl-flex-row-reverse {flex-direction: row-reverse !important;}
	.xl-flex-column {flex-direction: column !important;}
	.xl-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.xl-justify-center {justify-content: center !important;}
	.xl-justify-between {justify-content: space-between !important;}
	.xl-justify-start {justify-content: flex-start !important;}
	.xl-justify-end {justify-content: flex-end !important;}
	.xl-justify-between {justify-content: space-between !important;}
	.xl-justify-around {justify-content: space-around !important;}
	.xl-justify-evenly {justify-content: space-evenly !important;}
	.xl-justify-stretch {justify-content: stretch !important;}
	.xl-justify-baseline {justify-content: baseline !important;}
	.xl-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.xl-items-start {align-items: flex-start !important;}
	.xl-items-end {align-items: flex-end !important;}
	.xl-items-center {align-items: center !important;}
	.xl-items-baseline {align-items: baseline !important;}
	.xl-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.xl-content-normal {align-content: normal !important;}
	.xl-content-center {align-content: center !important;}
	.xl-content-start {align-content: flex-start !important;}
	.xl-content-end {align-content: flex-end !important;}
	.xl-content-between {align-content: space-between !important;}
	.xl-content-around {align-content: space-around !important;}
	.xl-content-evenly {align-content: space-evenly !important;}
	.xl-content-baseline {align-content: baseline !important;}
	.xl-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.xl-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.xl-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.xl-gap, .xl-gap-3 {gap: var(--spacing) !important;}
	.xl-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.xl-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.xl-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.xl-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.xl-gap-x, .xl-gap-x-3 {column-gap: var(--spacing) !important;}
	.xl-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.xl-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.xl-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.xl-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.xl-gap-y, .xl-gap-y-3 {row-gap: var(--spacing) !important;}
	.xl-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.xl-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.xl-upscale-2x, .xl-upscale-3x, .xl-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.xl-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.xl-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.xl-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width <= 1400px) {						/*max-xl*/
	/*************************** HEIGHT ****************************/
	.max-xl-h-auto {height: auto !important;}
	.max-xl-h-0 {height: 0 !important;}
	.max-xl-h-25 {height: 25% !important;}
	.max-xl-h-50 {height: 50% !important;}
	.max-xl-h-75 {height: 75% !important;}
	.max-xl-h-100 {height: 100% !important;}
	.max-xl-mh-0 {max-height: 0 !important;}
	.max-xl-mh-25 {max-height: 25% !important;}
	.max-xl-mh-50 {max-height: 50% !important;}
	.max-xl-mh-75 {max-height: 75% !important;}
	.max-xl-mh-100 {max-height: 100% !important;}
	.max-xl-h-16px {height: 16px !important;}
	.max-xl-h-20px {height: 20px !important;}
	.max-xl-h-32px {height: 32px !important;}
	.max-xl-h-48px {height: 48px !important;}
	.max-xl-h-50px {height: 50px !important;}
	.max-xl-h-64px {height: 64px !important;}
	.max-xl-h-80px {height: 80px !important;}
	.max-xl-h-96px {height: 96px !important;}
	.max-xl-h-100px {height: 100px !important;}
	.max-xl-h-150px {height: 150px !important;}
	.max-xl-h-200px {height: 200px !important;}
	.max-xl-h-300px {height: 300px !important;}
	.max-xl-h-400px {height: 400px !important;}
	.max-xl-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.max-xl-w-auto {width: auto !important;}
	.max-xl-w-0 {width: 0 !important;}
	.max-xl-w-25 {width: 25% !important;}
	.max-xl-w-50 {width: 50% !important;}
	.max-xl-w-75 {width: 75% !important;}
	.max-xl-w-100 {width: 100% !important;}
	.max-xl-mw-0 {max-width: 0 !important;}
	.max-xl-mw-25 {max-width: 25% !important;}
	.max-xl-mw-50 {max-width: 50% !important;}
	.max-xl-mw-75 {max-width: 75% !important;}
	.max-xl-mw-100 {max-width: 100% !important;}
	.max-xl-w-16px {width: 16px !important;}
	.max-xl-w-20px {width: 20px !important;}
	.max-xl-w-32px {width: 32px !important;}
	.max-xl-w-48px {width: 48px !important;}
	.max-xl-w-50px {width: 50px !important;}
	.max-xl-w-64px {width: 64px !important;}
	.max-xl-w-80px {width: 80px !important;}
	.max-xl-w-96px {width: 96px !important;}
	.max-xl-w-100px {width: 100px !important;}
	.max-xl-w-150px {width: 150px !important;}
	.max-xl-w-200px {width: 200px !important;}
	.max-xl-w-300px {width: 300px !important;}
	.max-xl-w-400px {width: 400px !important;}
	.max-xl-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.max-xl-float-left {float: left !important;}
	.max-xl-float-right {float: right !important;}
	.max-xl-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.max-xl-m-auto {margin: auto !important;}
	.max-xl-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.max-xl-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.max-xl-m-0 {margin: 0 !important;}
	.max-xl-mt-0 {margin-top: 0 !important;}
	.max-xl-mr-0 {margin-right: 0 !important;}
	.max-xl-mb-0 {margin-bottom: 0 !important;}
	.max-xl-ml-0 {margin-left: 0 !important;}
	.max-xl-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.max-xl-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.max-xl-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.max-xl-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.max-xl-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.max-xl-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-xl-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.max-xl-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.max-xl-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.max-xl-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.max-xl-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.max-xl-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.max-xl-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-xl-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.max-xl-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.max-xl-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.max-xl-m-3 {margin: var(--spacing) !important;}
	.max-xl-mt-3 {margin-top: var(--spacing) !important;}
	.max-xl-mr-3 {margin-right: var(--spacing) !important;}
	.max-xl-mb-3 {margin-bottom: var(--spacing) !important;}
	.max-xl-ml-3 {margin-left: var(--spacing) !important;}
	.max-xl-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.max-xl-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.max-xl-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.max-xl-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.max-xl-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-xl-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xl-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.max-xl-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.max-xl-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xl-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.max-xl-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.max-xl-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.max-xl-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.max-xl-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.max-xl-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.max-xl-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.max-xl-p-auto {padding: auto !important;}
	.max-xl-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.max-xl-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.max-xl-p-0 {padding: 0 !important;}
	.max-xl-pt-0 {padding-top: 0 !important;}
	.max-xl-pr-0 {padding-right: 0 !important;}
	.max-xl-pb-0 {padding-bottom: 0 !important;}
	.max-xl-pl-0 {padding-left: 0 !important;}
	.max-xl-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.max-xl-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.max-xl-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.max-xl-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.max-xl-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.max-xl-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-xl-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.max-xl-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.max-xl-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.max-xl-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.max-xl-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.max-xl-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.max-xl-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-xl-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.max-xl-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.max-xl-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.max-xl-p-3 {padding: var(--spacing) !important;}
	.max-xl-pt-3 {padding-top: var(--spacing) !important;}
	.max-xl-pr-3 {padding-right: var(--spacing) !important;}
	.max-xl-pb-3 {padding-bottom: var(--spacing) !important;}
	.max-xl-pl-3 {padding-left: var(--spacing) !important;}
	.max-xl-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.max-xl-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.max-xl-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.max-xl-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.max-xl-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-xl-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xl-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.max-xl-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.max-xl-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.max-xl-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.max-xl-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.max-xl-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.max-xl-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.max-xl-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.max-xl-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.max-xl-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.max-xl-inline {display: inline !important;}
	.max-xl-none {display: none !important;}
	.max-xl-block {display: block !important;}
	.max-xl-inline-block {display: inline-block !important;}
	.max-xl-flex {display: flex !important;}
	.max-xl-inline-flex {display: inline-flex !important;}
	.max-xl-grid {display: grid !important;}
	.max-xl-inline-grid {display: inline-grid !important;}
	.max-xl-table {display: table !important;}
	.max-xl-table-cell {display: table-cell !important;}
	.max-xl-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.max-xl-relative {position: relative !important;}
	.max-xl-absolute {position: absolute !important;}
	.max-xl-fixed {position: fixed !important;}
	.max-xl-sticky {position: sticky !important;}
	.max-xl-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.max-xl-grid-flow-row {grid-auto-flow: row !important;}
	.max-xl-grid-flow-column {grid-auto-flow: column !important;}
	.max-xl-grid-flow-dense {grid-auto-flow: dense !important;}
	.max-xl-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.max-xl-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.max-xl-flex-row {flex-direction: row !important;}
	.max-xl-flex-row-reverse {flex-direction: row-reverse !important;}
	.max-xl-flex-column {flex-direction: column !important;}
	.max-xl-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.max-xl-justify-center {justify-content: center !important;}
	.max-xl-justify-between {justify-content: space-between !important;}
	.max-xl-justify-start {justify-content: flex-start !important;}
	.max-xl-justify-end {justify-content: flex-end !important;}
	.max-xl-justify-between {justify-content: space-between !important;}
	.max-xl-justify-around {justify-content: space-around !important;}
	.max-xl-justify-evenly {justify-content: space-evenly !important;}
	.max-xl-justify-stretch {justify-content: stretch !important;}
	.max-xl-justify-baseline {justify-content: baseline !important;}
	.max-xl-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.max-xl-items-start {align-items: flex-start !important;}
	.max-xl-items-end {align-items: flex-end !important;}
	.max-xl-items-center {align-items: center !important;}
	.max-xl-items-baseline {align-items: baseline !important;}
	.max-xl-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.max-xl-content-normal {align-content: normal !important;}
	.max-xl-content-center {align-content: center !important;}
	.max-xl-content-start {align-content: flex-start !important;}
	.max-xl-content-end {align-content: flex-end !important;}
	.max-xl-content-between {align-content: space-between !important;}
	.max-xl-content-around {align-content: space-around !important;}
	.max-xl-content-evenly {align-content: space-evenly !important;}
	.max-xl-content-baseline {align-content: baseline !important;}
	.max-xl-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.max-xl-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.max-xl-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.max-xl-gap, .max-xl-gap-3 {gap: var(--spacing) !important;}
	.max-xl-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.max-xl-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.max-xl-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.max-xl-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.max-xl-gap-x, .max-xl-gap-x-3 {column-gap: var(--spacing) !important;}
	.max-xl-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.max-xl-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.max-xl-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.max-xl-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.max-xl-gap-y, .max-xl-gap-y-3 {row-gap: var(--spacing) !important;}
	.max-xl-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.max-xl-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.max-xl-upscale-2x, .max-xl-upscale-3x, .max-xl-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.max-xl-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.max-xl-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.max-xl-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}
@media (width > 1400px) {						/*2xl*/
	/*************************** HEIGHT ****************************/
	.2xl-h-auto {height: auto !important;}
	.2xl-h-0 {height: 0 !important;}
	.2xl-h-25 {height: 25% !important;}
	.2xl-h-50 {height: 50% !important;}
	.2xl-h-75 {height: 75% !important;}
	.2xl-h-100 {height: 100% !important;}
	.2xl-mh-0 {max-height: 0 !important;}
	.2xl-mh-25 {max-height: 25% !important;}
	.2xl-mh-50 {max-height: 50% !important;}
	.2xl-mh-75 {max-height: 75% !important;}
	.2xl-mh-100 {max-height: 100% !important;}
	.2xl-h-16px {height: 16px !important;}
	.2xl-h-20px {height: 20px !important;}
	.2xl-h-32px {height: 32px !important;}
	.2xl-h-48px {height: 48px !important;}
	.2xl-h-50px {height: 50px !important;}
	.2xl-h-64px {height: 64px !important;}
	.2xl-h-80px {height: 80px !important;}
	.2xl-h-96px {height: 96px !important;}
	.2xl-h-100px {height: 100px !important;}
	.2xl-h-150px {height: 150px !important;}
	.2xl-h-200px {height: 200px !important;}
	.2xl-h-300px {height: 300px !important;}
	.2xl-h-400px {height: 400px !important;}
	.2xl-h-500px {height: 500px !important;}
	/**************************** WIDTH ****************************/
	.2xl-w-auto {width: auto !important;}
	.2xl-w-0 {width: 0 !important;}
	.2xl-w-25 {width: 25% !important;}
	.2xl-w-50 {width: 50% !important;}
	.2xl-w-75 {width: 75% !important;}
	.2xl-w-100 {width: 100% !important;}
	.2xl-mw-0 {max-width: 0 !important;}
	.2xl-mw-25 {max-width: 25% !important;}
	.2xl-mw-50 {max-width: 50% !important;}
	.2xl-mw-75 {max-width: 75% !important;}
	.2xl-mw-100 {max-width: 100% !important;}
	.2xl-w-16px {width: 16px !important;}
	.2xl-w-20px {width: 20px !important;}
	.2xl-w-32px {width: 32px !important;}
	.2xl-w-48px {width: 48px !important;}
	.2xl-w-50px {width: 50px !important;}
	.2xl-w-64px {width: 64px !important;}
	.2xl-w-80px {width: 80px !important;}
	.2xl-w-96px {width: 96px !important;}
	.2xl-w-100px {width: 100px !important;}
	.2xl-w-150px {width: 150px !important;}
	.2xl-w-200px {width: 200px !important;}
	.2xl-w-300px {width: 300px !important;}
	.2xl-w-400px {width: 400px !important;}
	.2xl-w-500px {width: 500px !important;}
	/**************************** FLOAT ****************************/
	.2xl-float-left {float: left !important;}
	.2xl-float-right {float: right !important;}
	.2xl-float-none {float: none !important;}
	/*************************** MARGIN ****************************/
	.2xl-m-auto {margin: auto !important;}
	.2xl-mx-auto {margin-left: auto !important; margin-right: auto !important;}
	.2xl-my-auto {margin-top: auto !important; margin-bottom: auto !important;}
	.2xl-m-0 {margin: 0 !important;}
	.2xl-mt-0 {margin-top: 0 !important;}
	.2xl-mr-0 {margin-right: 0 !important;}
	.2xl-mb-0 {margin-bottom: 0 !important;}
	.2xl-ml-0 {margin-left: 0 !important;}
	.2xl-mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
	.2xl-my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.2xl-m-1 {margin: calc(var(--spacing) * .25) !important;}
	.2xl-mt-1 {margin-top: calc(var(--spacing) * .25) !important;}
	.2xl-mr-1 {margin-right: calc(var(--spacing) * .25) !important;}
	.2xl-mb-1 {margin-bottom: calc(var(--spacing) * .25) !important;}
	.2xl-ml-1 {margin-left: calc(var(--spacing) * .25) !important;}
	.2xl-mx-1 {margin-left: calc(var(--spacing) * .25) !important; margin-right: calc(var(--spacing) * .25) !important;}
	.2xl-my-1 {margin-top: calc(var(--spacing) * .25) !important; margin-bottom: calc(var(--spacing) * .25) !important;}
	.2xl-m-2 {margin: calc(var(--spacing) * .5) !important;}
	.2xl-mt-2 {margin-top: calc(var(--spacing) * .5) !important;}
	.2xl-mr-2 {margin-right: calc(var(--spacing) * .5) !important;}
	.2xl-mb-2 {margin-bottom: calc(var(--spacing) * .5) !important;}
	.2xl-ml-2 {margin-left: calc(var(--spacing) * .5) !important;}
	.2xl-mx-2 {margin-left: calc(var(--spacing) * .5) !important; margin-right: calc(var(--spacing) * .5) !important;}
	.2xl-my-2 {margin-top: calc(var(--spacing) * .5) !important; margin-bottom: calc(var(--spacing) * .5) !important;}
	.2xl-m-3 {margin: var(--spacing) !important;}
	.2xl-mt-3 {margin-top: var(--spacing) !important;}
	.2xl-mr-3 {margin-right: var(--spacing) !important;}
	.2xl-mb-3 {margin-bottom: var(--spacing) !important;}
	.2xl-ml-3 {margin-left: var(--spacing) !important;}
	.2xl-mx-3 {margin-left: var(--spacing) !important; margin-right: var(--spacing) !important;}
	.2xl-my-3 {margin-top: var(--spacing) !important; margin-bottom: var(--spacing) !important;}
	.2xl-m-4 {margin: calc(var(--spacing) * 1.5) !important;}
	.2xl-mt-4 {margin-top: calc(var(--spacing) * 1.5) !important;}
	.2xl-mr-4 {margin-right: calc(var(--spacing) * 1.5) !important;}
	.2xl-mb-4 {margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.2xl-ml-4 {margin-left: calc(var(--spacing) * 1.5) !important;}
	.2xl-mx-4 {margin-left: calc(var(--spacing) * 1.5) !important; margin-right: calc(var(--spacing) * 1.5) !important;}
	.2xl-my-4 {margin-top: calc(var(--spacing) * 1.5) !important; margin-bottom: calc(var(--spacing) * 1.5) !important;}
	.2xl-m-5 {margin: calc(var(--spacing) * 2) !important;}
	.2xl-mt-5 {margin-top: calc(var(--spacing) * 2) !important;}
	.2xl-mr-5 {margin-right: calc(var(--spacing) * 2) !important;}
	.2xl-mb-5 {margin-bottom: calc(var(--spacing) * 2) !important;}
	.2xl-ml-5 {margin-left: calc(var(--spacing) * 2) !important;}
	.2xl-mx-5 {margin-left: calc(var(--spacing) * 2) !important; margin-right: calc(var(--spacing) * 2) !important;}
	.2xl-my-5 {margin-top: calc(var(--spacing) * 2) !important; margin-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** PADDING ***************************/
	.2xl-p-auto {padding: auto !important;}
	.2xl-px-auto {padding-left: auto !important; padding-right: auto !important;}
	.2xl-py-auto {padding-top: auto !important; padding-bottom: auto !important;}
	.2xl-p-0 {padding: 0 !important;}
	.2xl-pt-0 {padding-top: 0 !important;}
	.2xl-pr-0 {padding-right: 0 !important;}
	.2xl-pb-0 {padding-bottom: 0 !important;}
	.2xl-pl-0 {padding-left: 0 !important;}
	.2xl-px-0 {padding-left: 0 !important; padding-right: 0 !important;}
	.2xl-py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.2xl-p-1 {padding: calc(var(--spacing) * .25) !important;}
	.2xl-pt-1 {padding-top: calc(var(--spacing) * .25) !important;}
	.2xl-pr-1 {padding-right: calc(var(--spacing) * .25) !important;}
	.2xl-pb-1 {padding-bottom: calc(var(--spacing) * .25) !important;}
	.2xl-pl-1 {padding-left: calc(var(--spacing) * .25) !important;}
	.2xl-px-1 {padding-left: calc(var(--spacing) * .25) !important; padding-right: calc(var(--spacing) * .25) !important;}
	.2xl-py-1 {padding-top: calc(var(--spacing) * .25) !important; padding-bottom: calc(var(--spacing) * .25) !important;}
	.2xl-p-2 {padding: calc(var(--spacing) * .5) !important;}
	.2xl-pt-2 {padding-top: calc(var(--spacing) * .5) !important;}
	.2xl-pr-2 {padding-right: calc(var(--spacing) * .5) !important;}
	.2xl-pb-2 {padding-bottom: calc(var(--spacing) * .5) !important;}
	.2xl-pl-2 {padding-left: calc(var(--spacing) * .5) !important;}
	.2xl-px-2 {padding-left: calc(var(--spacing) * .5) !important; padding-right: calc(var(--spacing) * .5) !important;}
	.2xl-py-2 {padding-top: calc(var(--spacing) * .5) !important; padding-bottom: calc(var(--spacing) * .5) !important;}
	.2xl-p-3 {padding: var(--spacing) !important;}
	.2xl-pt-3 {padding-top: var(--spacing) !important;}
	.2xl-pr-3 {padding-right: var(--spacing) !important;}
	.2xl-pb-3 {padding-bottom: var(--spacing) !important;}
	.2xl-pl-3 {padding-left: var(--spacing) !important;}
	.2xl-px-3 {padding-left: var(--spacing) !important; padding-right: var(--spacing) !important;}
	.2xl-py-3 {padding-top: var(--spacing) !important; padding-bottom: var(--spacing) !important;}
	.2xl-p-4 {padding: calc(var(--spacing) * 1.5) !important;}
	.2xl-pt-4 {padding-top: calc(var(--spacing) * 1.5) !important;}
	.2xl-pr-4 {padding-right: calc(var(--spacing) * 1.5) !important;}
	.2xl-pb-4 {padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.2xl-pl-4 {padding-left: calc(var(--spacing) * 1.5) !important;}
	.2xl-px-4 {padding-left: calc(var(--spacing) * 1.5) !important; padding-right: calc(var(--spacing) * 1.5) !important;}
	.2xl-py-4 {padding-top: calc(var(--spacing) * 1.5) !important; padding-bottom: calc(var(--spacing) * 1.5) !important;}
	.2xl-p-5 {padding: calc(var(--spacing) * 2) !important;}
	.2xl-pt-5 {padding-top: calc(var(--spacing) * 2) !important;}
	.2xl-pr-5 {padding-right: calc(var(--spacing) * 2) !important;}
	.2xl-pb-5 {padding-bottom: calc(var(--spacing) * 2) !important;}
	.2xl-pl-5 {padding-left: calc(var(--spacing) * 2) !important;}
	.2xl-px-5 {padding-left: calc(var(--spacing) * 2) !important; padding-right: calc(var(--spacing) * 2) !important;}
	.2xl-py-5 {padding-top: calc(var(--spacing) * 2) !important; padding-bottom: calc(var(--spacing) * 2) !important;}
	/*************************** DISPLAY ***************************/
	.2xl-inline {display: inline !important;}
	.2xl-none {display: none !important;}
	.2xl-block {display: block !important;}
	.2xl-inline-block {display: inline-block !important;}
	.2xl-flex {display: flex !important;}
	.2xl-inline-flex {display: inline-flex !important;}
	.2xl-grid {display: grid !important;}
	.2xl-inline-grid {display: inline-grid !important;}
	.2xl-table {display: table !important;}
	.2xl-table-cell {display: table-cell !important;}
	.2xl-table-row {display: table-row !important;}
	/************************** POSITION ***************************/
	.2xl-relative {position: relative !important;}
	.2xl-absolute {position: absolute !important;}
	.2xl-fixed {position: fixed !important;}
	.2xl-sticky {position: sticky !important;}
	.2xl-static {position: static !important;}
	/*********************** GRID AUTO FLOW ************************/
	.2xl-grid-flow-row {grid-auto-flow: row !important;}
	.2xl-grid-flow-column {grid-auto-flow: column !important;}
	.2xl-grid-flow-dense {grid-auto-flow: dense !important;}
	.2xl-grid-flow-row-dense {grid-auto-flow: row-dense !important;}
	.2xl-grid-flow-col-dense {grid-auto-flow: col-dense !important;}
	/*********************** FLEX DIRECTION ************************/
	.2xl-flex-row {flex-direction: row !important;}
	.2xl-flex-row-reverse {flex-direction: row-reverse !important;}
	.2xl-flex-column {flex-direction: column !important;}
	.2xl-flex-column-reverse {flex-direction: column-reverse !important;}
	/*********************** JUSTIFY CONTENT ***********************/
	.2xl-justify-center {justify-content: center !important;}
	.2xl-justify-between {justify-content: space-between !important;}
	.2xl-justify-start {justify-content: flex-start !important;}
	.2xl-justify-end {justify-content: flex-end !important;}
	.2xl-justify-between {justify-content: space-between !important;}
	.2xl-justify-around {justify-content: space-around !important;}
	.2xl-justify-evenly {justify-content: space-evenly !important;}
	.2xl-justify-stretch {justify-content: stretch !important;}
	.2xl-justify-baseline {justify-content: baseline !important;}
	.2xl-justify-normal {justify-content: normal !important;}
	/************************* ALIGN ITEMS *************************/
	.2xl-items-start {align-items: flex-start !important;}
	.2xl-items-end {align-items: flex-end !important;}
	.2xl-items-center {align-items: center !important;}
	.2xl-items-baseline {align-items: baseline !important;}
	.2xl-items-stretch {align-items: stretch !important;}
	/************************ ALIGN CONTENT ************************/
	.2xl-content-normal {align-content: normal !important;}
	.2xl-content-center {align-content: center !important;}
	.2xl-content-start {align-content: flex-start !important;}
	.2xl-content-end {align-content: flex-end !important;}
	.2xl-content-between {align-content: space-between !important;}
	.2xl-content-around {align-content: space-around !important;}
	.2xl-content-evenly {align-content: space-evenly !important;}
	.2xl-content-baseline {align-content: baseline !important;}
	.2xl-content-stretch {align-content: stretch !important;}
	/***************************** GAP *****************************/
	.2xl-gap-1 {gap: calc(var(--spacing) * .25) !important;}
	.2xl-gap-2 {gap: calc(var(--spacing) * .5) !important;}
	.2xl-gap, .2xl-gap-3 {gap: var(--spacing) !important;}
	.2xl-gap-4 {gap: calc(var(--spacing) * 1.5) !important;}
	.2xl-gap-5 {gap: calc(var(--spacing) * 2) !important;}
	.2xl-gap-x-1 {column-gap: calc(var(--spacing) * .25) !important;}
	.2xl-gap-x-2 {column-gap: calc(var(--spacing) * .5) !important;}
	.2xl-gap-x, .2xl-gap-x-3 {column-gap: var(--spacing) !important;}
	.2xl-gap-x-4 {column-gap: calc(var(--spacing) * 1.5) !important;}
	.2xl-gap-x-5 {column-gap: calc(var(--spacing) * 2) !important;}
	.2xl-gap-y-1 {row-gap: calc(var(--spacing) * .25) !important;}
	.2xl-gap-y-2 {row-gap: calc(var(--spacing) * .5) !important;}
	.2xl-gap-y, .2xl-gap-y-3 {row-gap: var(--spacing) !important;}
	.2xl-gap-y-4 {row-gap: calc(var(--spacing) * 1.5) !important;}
	.2xl-gap-y-5 {row-gap: calc(var(--spacing) * 2) !important;}
	/********************** UPSCALE PIXEL ART **********************/
	.2xl-upscale-2x, .2xl-upscale-3x, .2xl-upscale-4x {
		-ms-interpolation-mode: nearest-neighbor !important;
		image-rendering: -webkit-optimize-contrast !important;
		image-rendering: crisp-edges !important;
		image-rendering: pixelated !important;
	}
	.2xl-upscale-2x {scale: 2 !important; margin: var(--spacing) !important;}
	.2xl-upscale-3x {scale: 3 !important; margin: calc(var(--spacing) * 2) !important;}
	.2xl-upscale-4x {scale: 4 !important; margin: calc(var(--spacing) * 3) !important;}
}