/*************************** Layout *****************************
*****************************************************************/
.container          {margin: auto ;position: relative; width: 96%;}
main {position:relative;}
desktop,.desktop    {display:none;}
mobile,.mobile      {display:block}

.d-none,hidden                  {display: none;}
.d-block						{display: block;}
.d-inline						{display: inline;}
.d-inline-block					{display: inline-block;}
.d-flex							{display: flex;}
.d-flex-a-center				{display: flex; align-items:center}
.d-flex-j-center				{display: flex; justify-content:center}
.d-flex-center					{display: flex; place-content:center; place-items:center}
.d-table-cell				    {display:table-cell;}
.d-inline-flex					{display: inline-flex;}

.overscroll-auto				{overscroll-behavior: auto;}
.overscroll-contain				{overscroll-behavior: contain;}
.overscroll-none				{overscroll-behavior: none;}
.overscroll-y-auto				{overscroll-behavior-y: auto;}
.overscroll-y-contain			{overscroll-behavior-y: contain;}
.overscroll-y-none				{overscroll-behavior-y: none;}
.overscroll-x-auto				{overscroll-behavior-x: auto;}
.overscroll-x-contain			{overscroll-behavior-x: contain;}
.overscroll-x-none				{overscroll-behavior-x: none;}

.of-auto		{overflow: auto;}
.of-hidden	    {overflow: hidden;}
.of-visible	    {overflow: visible;}
.of-scroll	    {overflow: scroll;}
.of-x-auto	    {overflow-x: auto;}
.of-x-hidden	{overflow-x: hidden;}
.of-x-visible	{overflow-x: visible;}
.of-x-scroll	{overflow-x: scroll;}
.of-y-auto	    {overflow-y: auto;}
.of-y-hidden	{overflow-y: hidden;}
.of-y-visible	{overflow-y: visible;}
.of-y-scroll	{overflow-y: scroll;}

.position-static	{position: static;}
.position-fixed		{position: fixed;}
.position-relative	{position: relative;}
.position-absolute	{position: absolute;}
.position-sticky	{position: sticky;}

.top-auto			{top: auto;}
.top-0				{top: 0;}
.top-50				{top: 50%;}
.top-100			{top: 100%;}
.right-auto			{right: auto;}
.right-0			{right: 0;}
.right-50			{right: 50%;}
.right-100			{right: 100%;}
.bottom-auto		{bottom: auto;}
.bottom-0			{bottom: 0;}
.bottom-50			{bottom: 50%;}
.bottom-100			{bottom: 100%;}
.left-auto			{left: auto;}
.left-0				{left: 0;}
.left-50			{left: 50%;}
.left-100			{left: 100%;}

.z-auto				{z-index: auto;}
.z-0				{z-index: 0;}
.z-1				{z-index: 1;}
.z-2				{z-index: 2;}
.z-3				{z-index: 3;}
.z-4				{z-index: 4;}
.z-5				{z-index: 5;}
.z-100				{z-index: 100;}
.z-101				{z-index: 101;}
.z-102				{z-index: 102;}
.z-1050				{z-index: 1050;}
.z-1060				{z-index: 1060;}
.z-1070				{z-index: 1070;}
.z-1080				{z-index: 1080;}
.z-1090				{z-index: 1090;}


.row						{display: flex;flex-wrap: wrap;}
.row > *					{flex-shrink: 0;width: 100%; min-width:0; max-width: 100%;}
.col						{flex: 1 0 0%}
.row-cols-auto > *			{flex: 0 0 auto;width: auto}
.row-cols-1 > *				{flex: 0 0 auto;width: 100%}
.row-cols-2 > *				{flex: 0 0 auto;width: 50%}
.row-cols-3 > *				{flex: 0 0 auto;width: 33.3333333333%}
.row-cols-4 > *				{flex: 0 0 auto;width: 25%}
.row-cols-5 > *				{flex: 0 0 auto;width: 20%}
.row-cols-6 > *				{flex: 0 0 auto;width: 16.6666666667%}

.col-auto					{flex: 0 0 auto;width: auto}
.col-1						{flex: 0 0 auto;width: 8.33333333%}
.col-2						{flex: 0 0 auto;width: 16.66666667%}
.col-3						{flex: 0 0 auto;width: 25%}
.col-4						{flex: 0 0 auto;width: 33.33333333%}
.col-5						{flex: 0 0 auto;width: 41.66666667%}
.col-6						{flex: 0 0 auto;width: 50%}
.col-7						{flex: 0 0 auto;width: 58.33333333%}
.col-8						{flex: 0 0 auto;width: 66.66666667%}
.col-9						{flex: 0 0 auto;width: 75%}
.col-10						{flex: 0 0 auto;width: 83.33333333%}
.col-11						{flex: 0 0 auto;width: 91.66666667%}
.col-12						{flex: 0 0 auto;width: 100%}
.col-300					{flex: 0 0 auto;width: 300px}
.col-220					{flex: 0 0 auto;width: 220px}

.grid						{display:grid; grid-template-columns:repeat(12,minmax(1px, 8.33333333333333333%));}
.grid-cols-1				{display:grid; grid-template-columns:repeat(1,minmax(1px,100%))}
.grid-cols-2				{display:grid; grid-template-columns:repeat(2,minmax(1px, 50%))}
.grid-cols-3				{display:grid; grid-template-columns:repeat(3,minmax(1px,33.3333333333%))}
.grid-cols-4				{display:grid; grid-template-columns:repeat(4,minmax(1px,25%))}
.grid-cols-5				{display:grid; grid-template-columns:repeat(5,minmax(1px,20%))}
.grid-cols-6				{display:grid; grid-template-columns:repeat(6,minmax(1px,16.6666666667%))}

.grid-cols-auto	            {display:grid; grid-auto-flow: column; grid-auto-columns: min-content; align-items:center}
.grid-cols-template	        {display:grid; grid-template-columns:var(--template); align-items:center}

.grid-cols-300  	        {display:grid; grid-template-columns:1fr}



.g-col-1				{grid-column:auto/span 1}
.g-col-2				{grid-column:auto/span 2}
.g-col-3				{grid-column:auto/span 3}
.g-col-4				{grid-column:auto/span 4}
.g-col-5				{grid-column:auto/span 5}
.g-col-6				{grid-column:auto/span 6}
.g-col-7				{grid-column:auto/span 7}
.g-col-8				{grid-column:auto/span 8}
.g-col-9				{grid-column:auto/span 9}
.g-col-10				{grid-column:auto/span 10}
.g-col-11				{grid-column:auto/span 11}
.g-col-12				{grid-column:auto/span 12}

.g-row-1				{grid-row:auto/span 1}
.g-row-2				{grid-row:auto/span 2}
.g-row-3				{grid-row:auto/span 3}
.g-row-4				{grid-row:auto/span 4}
.g-row-5				{grid-row:auto/span 5}
.g-row-6				{grid-row:auto/span 6}
.g-row-7				{grid-row:auto/span 7}
.g-row-8				{grid-row:auto/span 8}
.g-row-9				{grid-row:auto/span 9}
.g-row-10				{grid-row:auto/span 10}
.g-row-11				{grid-row:auto/span 11}
.g-row-12				{grid-row:auto/span 12}


.g-start-1			{grid-column-start:1}
.g-start-2			{grid-column-start:2}
.g-start-3			{grid-column-start:3}
.g-start-4			{grid-column-start:4}
.g-start-5			{grid-column-start:5}
.g-start-6			{grid-column-start:6}
.g-start-7			{grid-column-start:7}
.g-start-8			{grid-column-start:8}
.g-start-9			{grid-column-start:9}
.g-start-10			{grid-column-start:10}
.g-start-11			{grid-column-start:11}

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

.flex-wrap				{flex-wrap: wrap;}
.flex-wrap-reverse		{flex-wrap: wrap-reverse;}
.flex-nowrap			{flex-wrap: nowrap;}

.flex-1,
.flex-1 > *				{flex: 1 0 0%;}
.flex-auto,
.flex-auto > *			{flex: 0 0 auto; width:auto}
.flex-initial > *		{flex: 1 1 0;}
.flex-none > *			{flex: none;}


.flex-grow-0			{flex-grow: 0;}
.flex-grow-1			{flex-grow: 1;}

.flex-shrink-0			{flex-shrink: 0;}
.flex-shrink-1			{flex-shrink: 1;}

.order-0			{order: 0;}
.order-1			{order: 1;}
.order-2			{order: 2;}
.order-3			{order: 3;}
.order-4			{order: 4;}
.order-5			{order: 5;}
.order-6			{order: 6;}
.order-7			{order: 7;}
.order-8			{order: 8;}
.order-9			{order: 9;}
.order-10			{order: 10;}

.justify-content-start		{justify-content: flex-start;}
.justify-content-end		{justify-content: flex-end;}
.justify-content-center		{justify-content: center;}
.justify-content-between	{justify-content: space-between;}
.justify-content-around		{justify-content: space-around;}
.justify-content-evenly		{justify-content: space-evenly;}

.justify-items-start		{justify-items: flex-start;}
.justify-items-end		    {justify-items: flex-end;}
.justify-items-center		{justify-items: center;}

.align-content-start		{align-content: flex-start;}
.align-content-end			{align-content: flex-end;}
.align-content-center		{align-content: center;}
.align-content-between		{align-content: space-between;}
.align-content-around		{align-content: space-around;}
.align-content-evenly		{align-content: space-evenly;}

.align-items-stretch		{align-items: stretch;}
.align-items-start			{align-items: flex-start;}
.align-items-center			{align-items: center;}
.align-items-end			{align-items: flex-end;}
.align-items-baseline		{align-items: baseline;}

.place-center               {place-items:center; place-content:center}

.float-start		{float:left}
.float-end			{float:right}
.float-none			{float:none}
.clear			    {clear:both;}

.vertical-align-baseline	{vertical-align: baseline;}
.vertical-align-top			{vertical-align: top;}
.vertical-align-middle		{vertical-align: middle;}
.vertical-align-bottom		{vertical-align: bottom;}
.vertical-align-text-top	{vertical-align: text-top;}
.vertical-align-text-bottom	{vertical-align: text-bottom;}
.vertical-align-sub			{vertical-align: sub;}
.vertical-align-super		{vertical-align: super;}

.p-0		{padding:0}
.p-1        {padding:1px;}
.p-2        {padding:2px;}
.p-4xs		{padding:var(--space-4xs);}
.p-3xs		{padding:var(--space-3xs);}
.p-xxs		{padding:var(--space-xxs);}
.p-xs		{padding:var(--space-xs);}
.p-s		{padding:var(--space-s);}
.p-m		{padding:var(--space-m);}
.p			{padding:var(--space);}
.p-lg		{padding:var(--space-lg);}
.p-xl		{padding:var(--space-xl);}
.p-2xl		{padding:var(--space-2xl);}
.p-3xl		{padding:var(--space-3xl);}
.p-4xl		{padding:var(--space-4xl);}
.p-5xl		{padding:var(--space-5xl);}

.pl-0		{padding-left:0        }
.pl-4xs		{padding-left:var(--space-4xs);}
.pl-3xs		{padding-left:var(--space-3xs);}
.pl-xxs		{padding-left:var(--space-xxs);}
.pl-xs		{padding-left:var(--space-xs);}
.pl-s		{padding-left:var(--space-s);}
.pl-m		{padding-left:var(--space-m);}
.pl			{padding-left:var(--space);}
.pl-lg		{padding-left:var(--space-lg);}
.pl-xl		{padding-left:var(--space-xl);}
.pl-2xl		{padding-left:var(--space-2xl);}
.pl-3xl		{padding-left:var(--space-3xl);}
.pl-4xl		{padding-left:var(--space-4xl);}
.pl-5xl		{padding-left:var(--space-5xl);}

.pr-0		{padding-right:0        }
.pr-4xs		{padding-right:var(--space-4xs);}
.pr-3xs		{padding-right:var(--space-3xs);}
.pr-xxs		{padding-right:var(--space-xxs);}
.pr-xs		{padding-right:var(--space-xs);}
.pr-s		{padding-right:var(--space-s);}
.pr-m		{padding-right:var(--space-m);}
.pr			{padding-right:var(--space);}
.pr-lg		{padding-right:var(--space-lg);}
.pr-xl		{padding-right:var(--space-xl);}
.pr-2xl		{padding-right:var(--space-2xl);}
.pr-3xl		{padding-right:var(--space-3xl);}
.pr-4xl		{padding-right:var(--space-4xl);}
.pr-5xl		{padding-right:var(--space-5xl);}

.pt-0		{padding-top:0        }
.pt-4xs		{padding-top:var(--space-4xs);}
.pt-3xs		{padding-top:var(--space-3xs);}
.pt-xxs		{padding-top:var(--space-xxs);}
.pt-xs		{padding-top:var(--space-xs);}
.pt-s		{padding-top:var(--space-s);}
.pt-m		{padding-top:var(--space-m);}
.pt			{padding-top:var(--space);}
.pt-lg		{padding-top:var(--space-lg);}
.pt-xl		{padding-top:var(--space-xl);}
.pt-2xl		{padding-top:var(--space-2xl);}
.pt-3xl		{padding-top:var(--space-3xl);}
.pt-4xl		{padding-top:var(--space-4xl);}
.pt-5xl		{padding-top:var(--space-5xl);}

.pb-0		{padding-bottom:0        }
.pb-4xs		{padding-bottom:var(--space-4xs);}
.pb-3xs		{padding-bottom:var(--space-3xs);}
.pb-xxs		{padding-bottom:var(--space-xxs);}
.pb-xs		{padding-bottom:var(--space-xs);}
.pb-s		{padding-bottom:var(--space-s);}
.pb-m		{padding-bottom:var(--space-m);}
.pb			{padding-bottom:var(--space);}
.pb-lg		{padding-bottom:var(--space-lg);}
.pb-xl		{padding-bottom:var(--space-xl);}
.pb-2xl		{padding-bottom:var(--space-2xl);}
.pb-3xl		{padding-bottom:var(--space-3xl);}
.pb-4xl		{padding-bottom:var(--space-4xl);}
.pb-5xl		{padding-bottom:var(--space-5xl);}

.px-0		{padding-left:0       ; padding-right:0       ;}
.px-4xs		{padding-left:var(--space-4xs); padding-right:var(--space-4xs); }
.px-3xs		{padding-left:var(--space-3xs); padding-right:var(--space-3xs); }
.px-xxs		{padding-left:var(--space-xxs); padding-right:var(--space-xxs); }
.px-xs		{padding-left:var(--space-xs);  padding-right:var(--space-xs);  }
.px-s		{padding-left:var(--space-s);   padding-right:var(--space-s);   }
.px-m		{padding-left:var(--space-m);   padding-right:var(--space-m);   }
.px			{padding-left:var(--space);     padding-right:var(--space);     }
.px-lg		{padding-left:var(--space-lg);  padding-right:var(--space-lg);  }
.px-xl		{padding-left:var(--space-xl);  padding-right:var(--space-xl);  }
.px-2xl		{padding-left:var(--space-2xl); padding-right:var(--space-2xl); }
.px-3xl		{padding-left:var(--space-3xl); padding-right:var(--space-3xl); }
.px-4xl		{padding-left:var(--space-4xl); padding-right:var(--space-4xl); }
.px-5xl		{padding-left:var(--space-5xl); padding-right:var(--space-5xl); }

.py-0		{padding-top:0       ;padding-bottom:0       ;}
.py-4xs		{padding-top:var(--space-4xs); padding-bottom:var(--space-4xs); }
.py-3xs		{padding-top:var(--space-3xs); padding-bottom:var(--space-3xs); }
.py-xxs		{padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
.py-xs		{padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
.py-s		{padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
.py-m		{padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
.py			{padding-top:var(--space);     padding-bottom:var(--space);     }
.py-lg		{padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
.py-xl		{padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
.py-2xl		{padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
.py-3xl		{padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
.py-4xl		{padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
.py-5xl		{padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }

[class*="p-gutter-"] hr {padding:0}

.p-gutter-y-0		> * {padding-top:0       ;padding-bottom:0       ;}
.p-gutter-y-4xs		> * {padding-top:var(--space-4xs); padding-bottom:var(--space-4xs); }
.p-gutter-y-3xs		> * {padding-top:var(--space-3xs); padding-bottom:var(--space-3xs); }
.p-gutter-y-xxs		> * {padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
.p-gutter-y-xs		> * {padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
.p-gutter-y-s		> * {padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
.p-gutter-y-m		> * {padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
.p-gutter-y			> * {padding-top:var(--space);     padding-bottom:var(--space);     }
.p-gutter-y-lg		> * {padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
.p-gutter-y-xl		> * {padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
.p-gutter-y-2xl		> * {padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
.p-gutter-y-3xl		> * {padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
.p-gutter-y-4xl		> * {padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
.p-gutter-y-5xl		> * {padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }


/*
[class*="p-gutter-y"] > *:first-child   {padding-top:0}
[class*="p-gutter-y"] > *:last-child    {padding-bottom:0}
*/
.p-gutter-x-0 > *	    {padding-left:0       ; padding-right:0       ;}
.p-gutter-x-4xs	 > *	{padding-left:var(--space-4xs); padding-right:var(--space-4xs); }
.p-gutter-x-3xs	 > *	{padding-left:var(--space-3xs); padding-right:var(--space-3xs); }
.p-gutter-x-xxs	 > *	{padding-left:var(--space-xxs); padding-right:var(--space-xxs); }
.p-gutter-x-xs	 > *	{padding-left:var(--space-xs);  padding-right:var(--space-xs);  }
.p-gutter-x-s	 > *	{padding-left:var(--space-s);   padding-right:var(--space-s);   }
.p-gutter-x-m	 > *	{padding-left:var(--space-m);   padding-right:var(--space-m);   }
.p-gutter-x		 > *	{padding-left:var(--space);     padding-right:var(--space);     }
.p-gutter-x-lg	 > *	{padding-left:var(--space-lg);  padding-right:var(--space-lg);  }
.p-gutter-x-xl	 > *	{padding-left:var(--space-xl);  padding-right:var(--space-xl);  }
.p-gutter-x-2xl	 > *	{padding-left:var(--space-2xl); padding-right:var(--space-2xl); }
.p-gutter-x-3xl	 > *	{padding-left:var(--space-3xl); padding-right:var(--space-3xl); }
.p-gutter-x-4xl	 > *	{padding-left:var(--space-4xl); padding-right:var(--space-4xl); }
.p-gutter-x-5xl	 > *	{padding-left:var(--space-5xl); padding-right:var(--space-5xl); }

[class*="p-gutter-x"] > *:first-child   {padding-left:0}
[class*="p-gutter-x"] > *:last-child    {padding-right:0}

.m-auto		{margin:auto}
.m-0		{margin:0}
.m-4xs		{margin:var(--space-4xs)}
.m-3xs		{margin:var(--space-3xs)}
.m-xxs		{margin:var(--space-xxs)}
.m-xs		{margin:var(--space-xs)}
.m-s		{margin:var(--space-s)}
.m-m		{margin:var(--space-m)}
.m			{margin:var(--space)}	
.m-lg		{margin:var(--space-lg)}
.m-xl		{margin:var(--space-xl)}
.m-2xl		{margin:var(--space-2xl)}
.m-3xl		{margin:var(--space-3xl)}
.m-4xl		{margin:var(--space-4xl)}
.m-5xl		{margin:var(--space-5xl)}

.ml-auto	{margin-left:auto}
.ml-0		{margin-left:0}
.ml-4xs		{margin-left:var(--space-4xs)}
.ml-3xs		{margin-left:var(--space-3xs)}
.ml-xxs		{margin-left:var(--space-xxs)}
.ml-xs		{margin-left:var(--space-xs)}
.ml-s		{margin-left:var(--space-s)}
.ml-m		{margin-left:var(--space-m)}
.ml			{margin-left:var(--space)}	
.ml-lg		{margin-left:var(--space-lg)}
.ml-xl		{margin-left:var(--space-xl)}
.ml-2xl		{margin-left:var(--space-2xl)}
.ml-3xl		{margin-left:var(--space-3xl)}
.ml-4xl		{margin-left:var(--space-4xl)}
.ml-5xl		{margin-left:var(--space-5xl)}

.mr-auto	{margin-right:auto}
.mr-0		{margin-right:0}
.mr-4xs		{margin-right:var(--space-4xs)}
.mr-3xs		{margin-right:var(--space-3xs)}
.mr-xxs		{margin-right:var(--space-xxs)}
.mr-xs		{margin-right:var(--space-xs)}
.mr-s		{margin-right:var(--space-s)}
.mr-m		{margin-right:var(--space-m)}
.mr			{margin-right:var(--space)}	
.mr-lg		{margin-right:var(--space-lg)}
.mr-xl		{margin-right:var(--space-xl)}
.mr-2xl		{margin-right:var(--space-2xl)}
.mr-3xl		{margin-right:var(--space-3xl)}
.mr-4xl		{margin-right:var(--space-4xl)}
.mr-5xl		{margin-right:var(--space-5xl)}

.mt-auto	{margin-top:auto}
.mt-0		{margin-top:0}
.mt-4xs		{margin-top:var(--space-4xs)}
.mt-3xs		{margin-top:var(--space-3xs)}
.mt-xxs		{margin-top:var(--space-xxs)}
.mt-xs		{margin-top:var(--space-xs)}
.mt-s		{margin-top:var(--space-s)}
.mt-m		{margin-top:var(--space-m)}
.mt			{margin-top:var(--space)}	
.mt-lg		{margin-top:var(--space-lg)}
.mt-xl		{margin-top:var(--space-xl)}
.mt-2xl		{margin-top:var(--space-2xl)}
.mt-3xl		{margin-top:var(--space-3xl)}
.mt-4xl		{margin-top:var(--space-4xl)}
.mt-5xl		{margin-top:var(--space-5xl)}

.mb-auto	{margin-bottom:auto}
.mb-0		{margin-bottom:0}
.mb-4xs		{margin-bottom:var(--space-4xs)}
.mb-3xs		{margin-bottom:var(--space-3xs)}
.mb-xxs		{margin-bottom:var(--space-xxs)}
.mb-xs		{margin-bottom:var(--space-xs)}
.mb-s		{margin-bottom:var(--space-s)}
.mb-m		{margin-bottom:var(--space-m)}
.mb			{margin-bottom:var(--space)}	
.mb-lg		{margin-bottom:var(--space-lg)}
.mb-xl		{margin-bottom:var(--space-xl)}
.mb-2xl		{margin-bottom:var(--space-2xl)}
.mb-3xl		{margin-bottom:var(--space-3xl)}
.mb-4xl		{margin-bottom:var(--space-4xl)}
.mb-5xl		{margin-bottom:var(--space-5xl)}


.mx-auto	{margin-left:auto; margin-right:auto}
.mx-0		{margin-left:0;  margin-right:0}
.mx-4xs		{margin-left:var(--space-4xs);  margin-right:var(--space-4xs);}
.mx-3xs		{margin-left:var(--space-3xs);  margin-right:var(--space-3xs);}
.mx-xxs		{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);}
.mx-xs		{margin-left:var(--space-xs);   margin-right:var(--space-xs); }
.mx-s		{margin-left:var(--space-s);    margin-right:var(--space-s);  }
.mx-m		{margin-left:var(--space-m);    margin-right:var(--space-m);  }
.mx			{margin-left:var(--space);      margin-right:var(--space);    }
.mx-lg		{margin-left:var(--space-lg);   margin-right:var(--space-lg); }
.mx-xl		{margin-left:var(--space-xl);   margin-right:var(--space-xl); }
.mx-2xl		{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);}
.mx-3xl		{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);}
.mx-4xl		{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);}
.mx-5xl		{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);}
 
.my-auto	{margin-top:auto; margin-bottom:auto;}
.my-0		{margin-top:0 ; margin-bottom:0}
.my-4xs		{margin-top:var(--space-4xs);  margin-bottom:var(--space-4xs);  }
.my-3xs		{margin-top:var(--space-3xs);  margin-bottom:var(--space-3xs);  }
.my-xxs		{margin-top:var(--space-xxs);  margin-bottom:var(--space-xxs);  }
.my-xs		{margin-top:var(--space-xs);   margin-bottom:var(--space-xs);   }
.my-s		{margin-top:var(--space-s);    margin-bottom:var(--space-s);    }
.my-m		{margin-top:var(--space-m);    margin-bottom:var(--space-m);    }
.my			{margin-top:var(--space);      margin-bottom:var(--space);      }
.my-lg		{margin-top:var(--space-lg);   margin-bottom:var(--space-lg);   }
.my-xl		{margin-top:var(--space-xl);   margin-bottom:var(--space-xl);   }
.my-2xl		{margin-top:var(--space-2xl);  margin-bottom:var(--space-2xl);  }
.my-3xl		{margin-top:var(--space-3xl);  margin-bottom:var(--space-3xl);  }
.my-4xl		{margin-top:var(--space-4xl);  margin-bottom:var(--space-4xl);  }
.my-5xl		{margin-top:var(--space-5xl);  margin-bottom:var(--space-5xl);  }

.m-gutter-y-auto	> * {margin-top:auto;   margin-bottom:auto;}
.m-gutter-y-0		> * {margin-top:0       ; margin-bottom:0}
.m-gutter-y-4xs		> * {margin-top:var(--space-4xs);   margin-bottom:var(--space-4xs);  }
.m-gutter-y-3xs		> * {margin-top:var(--space-3xs);   margin-bottom:var(--space-3xs);  }
.m-gutter-y-xxs		> * {margin-top:var(--space-xxs);   margin-bottom:var(--space-xxs);  }
.m-gutter-y-xs		> * {margin-top:var(--space-xs);    margin-bottom:var(--space-xs);   }
.m-gutter-y-s		> * {margin-top:var(--space-s);     margin-bottom:var(--space-s);    }
.m-gutter-y-m		> * {margin-top:var(--space-m);     margin-bottom:var(--space-m);    }
.m-gutter-y			> * {margin-top:var(--space);       margin-bottom:var(--space);      }
.m-gutter-y-lg		> * {margin-top:var(--space-lg);    margin-bottom:var(--space-lg);   }
.m-gutter-y-xl		> * {margin-top:var(--space-xl);    margin-bottom:var(--space-xl);   }
.m-gutter-y-2xl		> * {margin-top:var(--space-2xl);   margin-bottom:var(--space-2xl);  }
.m-gutter-y-3xl		> * {margin-top:var(--space-3xl);   margin-bottom:var(--space-3xl);  }
.m-gutter-y-4xl		> * {margin-top:var(--space-4xl);   margin-bottom:var(--space-4xl);  }
.m-gutter-y-5xl		> * {margin-top:var(--space-5xl);   margin-bottom:var(--space-5xl);  }
[class*="m-gutter-y"] > *:first-child   {margin-top:0}
[class*="m-gutter-y"] > *:last-child    {margin-bottom:0}

.m-gutter-x-auto	> *{margin-left:auto; margin-right:auto}
.m-gutter-x-0		> *{margin-left:0;  margin-right:0}
.m-gutter-x-4xs		> *{margin-left:var(--space-4xs);   margin-right:var(--space-4xs);  }
.m-gutter-x-3xs		> *{margin-left:var(--space-3xs);   margin-right:var(--space-3xs);  }
.m-gutter-x-xxs		> *{margin-left:var(--space-xxs);   margin-right:var(--space-xxs);  }
.m-gutter-x-xs		> *{margin-left:var(--space-xs);    margin-right:var(--space-xs);   }
.m-gutter-x-s		> *{margin-left:var(--space-s);     margin-right:var(--space-s);    }
.m-gutter-x-m		> *{margin-left:var(--space-m);     margin-right:var(--space-m);    }
.m-gutter-x			> *{margin-left:var(--space);       margin-right:var(--space);      }
.m-gutter-x-lg		> *{margin-left:var(--space-lg);    margin-right:var(--space-lg);   }
.m-gutter-x-xl		> *{margin-left:var(--space-xl);    margin-right:var(--space-xl);   }
.m-gutter-x-2xl		> *{margin-left:var(--space-2xl);   margin-right:var(--space-2xl);  }
.m-gutter-x-3xl		> *{margin-left:var(--space-3xl);   margin-right:var(--space-3xl);  }
.m-gutter-x-4xl		> *{margin-left:var(--space-4xl);   margin-right:var(--space-4xl);  }
.m-gutter-x-5xl		> *{margin-left:var(--space-5xl);   margin-right:var(--space-5xl);  }
[class*="m-gutter-x"] > *:first-child   {margin-left:0}
[class*="m-gutter-x"] > *:last-child    {margin-right:0}

.gap-0				    {gap:0}
.gap-4xs				{gap:var(--space-4xs)}
.gap-3xs				{gap:var(--space-3xs)}
.gap-xxs				{gap:var(--space-xxs)}
.gap-xs					{gap:var(--space-xs)}
.gap-s					{gap:var(--space-s)}
.gap-m					{gap:var(--space-m)}
.gap					{gap:var(--space)}	
.gap-lg					{gap:var(--space-lg)}
.gap-xl					{gap:var(--space-xl)}
.gap-2xl				{gap:var(--space-2xl)}
.gap-3xl				{gap:var(--space-3xl)}
.gap-4xl				{gap:var(--space-4xl)}
.gap-5xl				{gap:var(--space-5xl)}

.row-gap-0			    {row-gap:0}
.row-gap-4xs			{row-gap:var(--space-4xs)}
.row-gap-3xs			{row-gap:var(--space-3xs)}
.row-gap-xxs			{row-gap:var(--space-xxs)}
.row-gap-xs				{row-gap:var(--space-xs)}
.row-gap-s				{row-gap:var(--space-s)}
.row-gap-m				{row-gap:var(--space-m)}
.row-gap				{row-gap:var(--space)}	
.row-gap-lg				{row-gap:var(--space-lg)}
.row-gap-xl				{row-gap:var(--space-xl)}
.row-gap-2xl			{row-gap:var(--space-2xl)}
.row-gap-3xl			{row-gap:var(--space-3xl)}
.row-gap-4xl			{row-gap:var(--space-4xl)}
.row-gap-5xl			{row-gap:var(--space-5xl)}

.col-gap-0			    {column-gap:0}
.col-gap-4xs			{column-gap:var(--space-4xs)}
.col-gap-3xs			{column-gap:var(--space-3xs)}
.col-gap-xxs			{column-gap:var(--space-xxs)}
.col-gap-xs				{column-gap:var(--space-xs)}
.col-gap-s				{column-gap:var(--space-s)}
.col-gap-m				{column-gap:var(--space-m)}
.col-gap				{column-gap:var(--space)}	
.col-gap-lg				{column-gap:var(--space-lg)}
.col-gap-xl				{column-gap:var(--space-xl)}
.col-gap-2xl			{column-gap:var(--space-2xl)}
.col-gap-3xl			{column-gap:var(--space-3xl)}
.col-gap-4xl			{column-gap:var(--space-4xl)}
.col-gap-5xl			{column-gap:var(--space-5xl)}

.min-w-0		{min-width: 0px;}
.min-w-full		{min-width: 100%;}
.min-w-screen	{min-width: 100vw;}
.min-w-min		{min-width: min-content;}
.min-w-max		{min-width: max-content;}

.w-full			{width: 100%;}
.w-half	        {width: 50%;}
.w-screen		{width: 100vw;}
.w-auto			{width: auto;}
.w-min			{width: min-content;}
.w-max			{width: max-content;}
.w-1			{width: 8.3333%;}
.w-2			{width: 16.6667%;}
.w-3			{width: 25%;}
.w-4			{width: 33.3333%;}
.w-5			{width: 41.6667%;}
.w-6			{width: 50%;}
.w-7			{width: 58.3333%;}
.w-8			{width: 66.6667%;}
.w-9			{width: 75%;}
.w-10			{width: 83.3333%;}
.w-11			{width: 91.6667%;}
.w-12			{width: 100%;}

.w-16px		    {width: 16px}
.w-24px		    {width: 24px}
.w-32px		    {width: 32px}
.w-64px		    {width: 64px}
.w-128px		{width: 128px}
.w-300px		{width: 300px}


.max-w-0		{max-width: 0px;}
.max-w-full		{max-width: 100%;}
.max-w-screen	{max-width: 100vw;}
.max-w-min		{max-width: min-content;}
.max-w-max		{max-width: max-content;}
.max-w-640      {max-width:100%}

.min-h-0		{min-height: 0px;}
.min-h-full		{min-height: 100%;}
.min-h-screen	{min-height: 100vh;}

.h-full			{height: 100%;}
.h-screen		{height: 100vh;}
.h-auto			{height: auto;}

.max-h-0		{max-height: 0px;}
.max-h-full		{max-height: 100%;}
.max-h-screen	{max-height: 100vh;}


.spacer-0			    {height:0}
.spacer-4xs				{height:var(--space-4xs)}
.spacer-3xs				{height:var(--space-3xs)}
.spacer-xxs				{height:var(--space-xxs)}
.spacer-xs				{height:var(--space-xs)}
.spacer-s				{height:var(--space-s)}
.spacer-m				{height:var(--space-m)}
.spacer					{height:var(--space)}	
.spacer-lg				{height:var(--space-lg)}
.spacer-xl				{height:var(--space-xl)}
.spacer-2xl				{height:var(--space-2xl)}
.spacer-3xl				{height:var(--space-3xl)}
.spacer-4xl				{height:var(--space-4xl)}

.gap-5xl				{gap:var(--space-5xl)}

.text-center	{text-align: center;}
.text-justify	{text-align: justify;}
.text-left		{text-align: left;}
.text-right		{text-align: right;}

@media (min-width: 992px) {
	:root {
			--container		: 970px;
		}
	
    .container  {width:var(--container)}
    desktop,.desktop     {display:inherit;}
    mobile,.mobile       {display:none}

    .md\:d-none,hidden                  {display: none;}
    .md\:d-block						{display: block;}
    .md\:d-inline						{display: inline;}
    .md\:d-inline-block					{display: inline-block;}
    .md\:d-flex							{display: flex;}
    .md\:d-flex-a-center				{display: flex; align-items:center}
    .md\:d-flex-j-center				{display: flex; justify-content:center}
    .md\:d-flex-center					{display: flex; place-content:center; place-items:center}
    .md\:d-table-cell				    {display:table-cell;}
    .md\:d-inline-flex					{display: inline-flex;}
 
    .md\:overscroll-auto				{overscroll-behavior: auto;}
    .md\:overscroll-contain				{overscroll-behavior: contain;}
    .md\:overscroll-none				{overscroll-behavior: none;}
    .md\:overscroll-y-auto				{overscroll-behavior-y: auto;}
    .md\:overscroll-y-contain			{overscroll-behavior-y: contain;}
    .md\:overscroll-y-none				{overscroll-behavior-y: none;}
    .md\:overscroll-x-auto				{overscroll-behavior-x: auto;}
    .md\:overscroll-x-contain			{overscroll-behavior-x: contain;}
    .md\:overscroll-x-none				{overscroll-behavior-x: none;}

    .md\:of-auto		{overflow: auto;}
    .md\:of-hidden	    {overflow: hidden;}
    .md\:of-visible	    {overflow: visible;}
    .md\:of-scroll	    {overflow: scroll;}
    .md\:of-x-auto	    {overflow-x: auto;}
    .md\:of-x-hidden	{overflow-x: hidden;}
    .md\:of-x-visible	{overflow-x: visible;}
    .md\:of-x-scroll	{overflow-x: scroll;}
    .md\:of-y-auto	    {overflow-y: auto;}
    .md\:of-y-hidden	{overflow-y: hidden;}
    .md\:of-y-visible	{overflow-y: visible;}
    .md\:of-y-scroll	{overflow-y: scroll;}

    .md\:position-static	{position: static;}
    .md\:position-fixed		{position: fixed;}
    .md\:position-relative	{position: relative;}
    .md\:position-absolute	{position: absolute;}
    .md\:position-sticky	{position: sticky;}

    .md\:top-auto			{top: auto;}
    .md\:top-0				{top: 0;}
    .md\:top-50				{top: 50%;}
    .md\:top-100			{top: 100%;}
    .md\:right-auto			{right: auto;}
    .md\:right-0			{right: 0;}
    .md\:right-50			{right: 50%;}
    .md\:right-100			{right: 100%;}
    .md\:bottom-auto		{bottom: auto;}
    .md\:bottom-0			{bottom: 0;}
    .md\:bottom-50			{bottom: 50%;}
    .md\:bottom-100			{bottom: 100%;}
    .md\:left-auto			{left: auto;}
    .md\:left-0				{left: 0;}
    .md\:left-50			{left: 50%;}
    .md\:left-100			{left: 100%;}

    .md\:z-auto				{z-index: auto;}
    .md\:z-0				{z-index: 0;}
    .md\:z-1				{z-index: 1;}
    .md\:z-2				{z-index: 2;}
    .md\:z-3				{z-index: 3;}
    .md\:z-4				{z-index: 4;}
    .md\:z-5				{z-index: 5;}
    .md\:z-100				{z-index: 100;}
    .md\:z-101				{z-index: 101;}
    .md\:z-102				{z-index: 102;}
    .md\:z-1050				{z-index: 1050;}
    .md\:z-1060				{z-index: 1060;}
    .md\:z-1070				{z-index: 1070;}
    .md\:z-1080				{z-index: 1080;}
    .md\:z-1090				{z-index: 1090;}

    .md\:row						{display: flex;flex-wrap: wrap;}
    .md\:row > *					{flex-shrink: 0;width: 100%; min-width:0; max-width: 100%;}
    .md\:col						{flex: 1 0 0%}
    .md\:row-cols-auto > *			{flex: 0 0 auto;width: auto}
    .md\:row-cols-1 > *				{flex: 0 0 auto;width: 100%}
    .md\:row-cols-2 > *				{flex: 0 0 auto;width: 50%}
    .md\:row-cols-3 > *				{flex: 0 0 auto;width: 33.3333333333%}
    .md\:row-cols-4 > *				{flex: 0 0 auto;width: 25%}
    .md\:row-cols-5 > *				{flex: 0 0 auto;width: 20%}
    .md\:row-cols-6 > *				{flex: 0 0 auto;width: 16.6666666667%}

    .md\:col-auto					{flex: 0 0 auto;width: auto}
    .md\:col-1						{flex: 0 0 auto;width: 8.33333333%}
    .md\:col-2						{flex: 0 0 auto;width: 16.66666667%}
    .md\:col-3						{flex: 0 0 auto;width: 25%}
    .md\:col-4						{flex: 0 0 auto;width: 33.33333333%}
    .md\:col-5						{flex: 0 0 auto;width: 41.66666667%}
    .md\:col-6						{flex: 0 0 auto;width: 50%}
    .md\:col-7						{flex: 0 0 auto;width: 58.33333333%}
    .md\:col-8						{flex: 0 0 auto;width: 66.66666667%}
    .md\:col-9						{flex: 0 0 auto;width: 75%}
    .md\:col-10						{flex: 0 0 auto;width: 83.33333333%}
    .md\:col-11						{flex: 0 0 auto;width: 91.66666667%}
    .md\:col-12						{flex: 0 0 auto;width: 100%}
    .md\:col-300					{flex: 0 0 auto;width: 300px}
    .md\:col-220					{flex: 0 0 auto;width: 220px}

    .md\:grid						{display:grid; grid-template-columns:repeat(12,minmax(1px, 8.33333333333333333%));}
    .md\:grid-cols-1				{display:grid; grid-template-columns:repeat(1,minmax(1px,100%))}
    .md\:grid-cols-2				{display:grid; grid-template-columns:repeat(2,minmax(1px, 50%))}
    .md\:grid-cols-3				{display:grid; grid-template-columns:repeat(3,minmax(1px,33.3333333333%))}
    .md\:grid-cols-4				{display:grid; grid-template-columns:repeat(4,minmax(1px,25%))}
    .md\:grid-cols-5				{display:grid; grid-template-columns:repeat(5,minmax(1px,20%))}
    .md\:grid-cols-6				{display:grid; grid-template-columns:repeat(6,minmax(1px,16.6666666667%))}

    .md\:grid-cols-auto	            {display:grid; grid-auto-flow: column; grid-auto-columns: min-content; align-items:center}
    .md\:grid-cols-template	        {display:grid; grid-template-columns:var(--template); align-items:center}
    .md\:grid-cols-300  	        {display:grid; grid-template-columns:1fr 300px}

    .md\:g-col-1				{grid-column:auto/span 1}
    .md\:g-col-2				{grid-column:auto/span 2}
    .md\:g-col-3				{grid-column:auto/span 3}
    .md\:g-col-4				{grid-column:auto/span 4}
    .md\:g-col-5				{grid-column:auto/span 5}
    .md\:g-col-6				{grid-column:auto/span 6}
    .md\:g-col-7				{grid-column:auto/span 7}
    .md\:g-col-8				{grid-column:auto/span 8}
    .md\:g-col-9				{grid-column:auto/span 9}
    .md\:g-col-10				{grid-column:auto/span 10}
    .md\:g-col-11				{grid-column:auto/span 11}
    .md\:g-col-12				{grid-column:auto/span 12}

    .md\:g-row-1				{grid-row:auto/span 1}
    .md\:g-row-2				{grid-row:auto/span 2}
    .md\:g-row-3				{grid-row:auto/span 3}
    .md\:g-row-4				{grid-row:auto/span 4}
    .md\:g-row-5				{grid-row:auto/span 5}
    .md\:g-row-6				{grid-row:auto/span 6}
    .md\:g-row-7				{grid-row:auto/span 7}
    .md\:g-row-8				{grid-row:auto/span 8}
    .md\:g-row-9				{grid-row:auto/span 9}
    .md\:g-row-10				{grid-row:auto/span 10}
    .md\:g-row-11				{grid-row:auto/span 11}
    .md\:g-row-12				{grid-row:auto/span 12}

    .md\:g-start-1			{grid-column-start:1}
    .md\:g-start-2			{grid-column-start:2}
    .md\:g-start-3			{grid-column-start:3}
    .md\:g-start-4			{grid-column-start:4}
    .md\:g-start-5			{grid-column-start:5}
    .md\:g-start-6			{grid-column-start:6}
    .md\:g-start-7			{grid-column-start:7}
    .md\:g-start-8			{grid-column-start:8}
    .md\:g-start-9			{grid-column-start:9}
    .md\:g-start-10			{grid-column-start:10}
    .md\:g-start-11			{grid-column-start:11}

    .md\:flex-row				{flex-direction: row;}
    .md\:flex-row-reverse		{flex-direction: row-reverse;}
    .md\:flex-col			    {flex-direction: column;}
    .md\:flex-col-reverse	    {flex-direction: column-reverse;}

    .md\:flex-wrap				{flex-wrap: wrap;}
    .md\:flex-wrap-reverse		{flex-wrap: wrap-reverse;}
    .md\:flex-nowrap			{flex-wrap: nowrap;}
     
    .md\:flex-1 > *				{flex: 1 0 0%;}
    .md\:flex-auto > *			{flex: 0 0 auto; width:auto}
    .md\:flex-initial > *		{flex: 1 1 0;}
    .md\:flex-none > *			{flex: none;}

    .md\:flex-grow-0			{flex-grow: 0;}
    .md\:flex-grow-1			{flex-grow: 1;}
     
    .md\:flex-shrink-0			{flex-shrink: 0;}
    .md\:flex-shrink-1			{flex-shrink: 1;}

    .md\:order-0			{order: 0;}
    .md\:order-1			{order: 1;}
    .md\:order-2			{order: 2;}
    .md\:order-3			{order: 3;}
    .md\:order-4			{order: 4;}
    .md\:order-5			{order: 5;}
    .md\:order-6			{order: 6;}

    .md\:justify-content-start		{justify-content: flex-start;}
    .md\:justify-content-end		{justify-content: flex-end;}
    .md\:justify-content-center		{justify-content: center;}
    .md\:justify-content-between	{justify-content: space-between;}
    .md\:justify-content-around		{justify-content: space-around;}
    .md\:justify-content-evenly		{justify-content: space-evenly;}
    
    .md\:justify-items-start		{justify-items: flex-start;}
    .md\:justify-items-end		    {justify-items: flex-end;}
    .md\:justify-items-center		{justify-items: center;}

    .md\:align-content-start		{align-content: flex-start;}
    .md\:align-content-end			{align-content: flex-end;}
    .md\:align-content-center		{align-content: center;}
    .md\:align-content-between		{align-content: space-between;}
    .md\:align-content-around		{align-content: space-around;}
    .md\:align-content-evenly		{align-content: space-evenly;}
     
    .md\:align-items-stretch		{align-items: stretch;}
    .md\:align-items-start			{align-items: flex-start;}
    .md\:align-items-center			{align-items: center;}
    .md\:align-items-end			{align-items: flex-end;}
    .md\:align-items-baseline		{align-items: baseline;}

    .md\:place-center               {place-items:center; place-content:center}
     md\:
    .md\:float-start		{float:left}
    .md\:float-end			{float:right}
    .md\:float-none			{float:none}
    .md\:clear			    {clear:both;}

    .md\:vertical-align-baseline	{vertical-align: baseline;}
    .md\:vertical-align-top			{vertical-align: top;}
    .md\:vertical-align-middle		{vertical-align: middle;}
    .md\:vertical-align-bottom		{vertical-align: bottom;}
    .md\:vertical-align-text-top	{vertical-align: text-top;}
    .md\:vertical-align-text-bottom	{vertical-align: text-bottom;}
    .md\:vertical-align-sub			{vertical-align: sub;}
    .md\:vertical-align-super		{vertical-align: super;}

    .md\:p-0		{padding:0}
    .md\:p-1        {padding:1px;}
    .md\:p-2        {padding:2px;}
    .md\:p-xxs		{padding:var(--space-xxs);}
    .md\:p-xs		{padding:var(--space-xs);}
    .md\:p-s		{padding:var(--space-s);}   
    .md\:p-m		{padding:var(--space-m);}
    .md\:p			{padding:var(--space);}  
    .md\:p-lg		{padding:var(--space-lg);}
    .md\:p-xl		{padding:var(--space-xl);} 
    .md\:p-2xl		{padding:var(--space-2xl);} 
    .md\:p-3xl		{padding:var(--space-3xl);}
    .md\:p-4xl		{padding:var(--space-4xl);} 
    .md\:p-5xl		{padding:var(--space-5xl);}

    .md\:pl-0		{padding-left:0        }
    .md\:pl-xxs		{padding-left:var(--space-xxs);}
    .md\:pl-xs		{padding-left:var(--space-xs);}
    .md\:pl-s		{padding-left:var(--space-s);}   
    .md\:pl-m		{padding-left:var(--space-m);}
    .md\:pl			{padding-left:var(--space);}  
    .md\:pl-lg		{padding-left:var(--space-lg);}
    .md\:pl-xl		{padding-left:var(--space-xl);} 
    .md\:pl-2xl		{padding-left:var(--space-2xl);} 
    .md\:pl-3xl		{padding-left:var(--space-3xl);}
    .md\:pl-4xl		{padding-left:var(--space-4xl);} 
    .md\:pl-5xl		{padding-left:var(--space-5xl);}

    .md\:pr-0		{padding-right:0        }
    .md\:pr-xxs		{padding-right:var(--space-xxs);}
    .md\:pr-xs		{padding-right:var(--space-xs);}
    .md\:pr-s		{padding-right:var(--space-s);}   
    .md\:pr-m		{padding-right:var(--space-m);}
    .md\:pr			{padding-right:var(--space);}  
    .md\:pr-lg		{padding-right:var(--space-lg);}
    .md\:pr-xl		{padding-right:var(--space-xl);} 
    .md\:pr-2xl		{padding-right:var(--space-2xl);} 
    .md\:pr-3xl		{padding-right:var(--space-3xl);}
    .md\:pr-4xl		{padding-right:var(--space-4xl);} 
    .md\:pr-5xl		{padding-right:var(--space-5xl);}

    .md\:pt-0		{padding-top:0        }
    .md\:pt-xxs		{padding-top:var(--space-xxs);}
    .md\:pt-xs		{padding-top:var(--space-xs);}
    .md\:pt-s		{padding-top:var(--space-s);}   
    .md\:pt-m		{padding-top:var(--space-m);}
    .md\:pt			{padding-top:var(--space);}  
    .md\:pt-lg		{padding-top:var(--space-lg);}
    .md\:pt-xl		{padding-top:var(--space-xl);} 
    .md\:pt-2xl		{padding-top:var(--space-2xl);} 
    .md\:pt-3xl		{padding-top:var(--space-3xl);}
    .md\:pt-4xl		{padding-top:var(--space-4xl);} 
    .md\:pt-5xl		{padding-top:var(--space-5xl);}

    .md\:pb-0		{padding-bottom:0        }
    .md\:pb-xxs		{padding-bottom:var(--space-xxs);}
    .md\:pb-xs		{padding-bottom:var(--space-xs);}
    .md\:pb-s		{padding-bottom:var(--space-s);}   
    .md\:pb-m		{padding-bottom:var(--space-m);}
    .md\:pb			{padding-bottom:var(--space);}  
    .md\:pb-lg		{padding-bottom:var(--space-lg);}
    .md\:pb-xl		{padding-bottom:var(--space-xl);} 
    .md\:pb-2xl		{padding-bottom:var(--space-2xl);} 
    .md\:pb-3xl		{padding-bottom:var(--space-3xl);}
    .md\:pb-4xl		{padding-bottom:var(--space-4xl);} 
    .md\:pb-5xl		{padding-bottom:var(--space-5xl);}

    .md\:px-0		{padding-left:0       ; padding-right:0       ;}
    .md\:px-xxs		{padding-left:var(--space-xxs);  padding-right:var(--space-xxs); }
    .md\:px-xs		{padding-left:var(--space-xs);   padding-right:var(--space-xs);  }
    .md\:px-s		{padding-left:var(--space-s);    padding-right:var(--space-s);   }
    .md\:px-m		{padding-left:var(--space-m);    padding-right:var(--space-m);   }
    .md\:px			{padding-left:var(--space);      padding-right:var(--space);     }
    .md\:px-lg		{padding-left:var(--space-lg);   padding-right:var(--space-lg);  }
    .md\:px-xl		{padding-left:var(--space-xl);   padding-right:var(--space-xl);  }
    .md\:px-2xl		{padding-left:var(--space-2xl);  padding-right:var(--space-2xl); }
    .md\:px-3xl		{padding-left:var(--space-3xl);  padding-right:var(--space-3xl); }
    .md\:px-4xl		{padding-left:var(--space-4xl);  padding-right:var(--space-4xl); }
    .md\:px-5xl		{padding-left:var(--space-5xl);  padding-right:var(--space-5xl); }

    .md\:py-0		{padding-top:0       ;padding-bottom:0       ;}
    .md\:py-xxs		{padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .md\:py-xs		{padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .md\:py-s		{padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .md\:py-m		{padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .md\:py			{padding-top:var(--space);     padding-bottom:var(--space);     }
    .md\:py-lg		{padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .md\:py-xl		{padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .md\:py-2xl		{padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .md\:py-3xl		{padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .md\:py-4xl		{padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .md\:py-5xl		{padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }

    .md\:p-gutter-y-0		> * {padding-top:0       ;padding-bottom:0       ;}
    .md\:p-gutter-y-xxs		> * {padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .md\:p-gutter-y-xs		> * {padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .md\:p-gutter-y-s		> * {padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .md\:p-gutter-y-m		> * {padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .md\:p-gutter-y			> * {padding-top:var(--space);     padding-bottom:var(--space);     }
    .md\:p-gutter-y-lg		> * {padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .md\:p-gutter-y-xl		> * {padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .md\:p-gutter-y-2xl		> * {padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .md\:p-gutter-y-3xl		> * {padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .md\:p-gutter-y-4xl		> * {padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .md\:p-gutter-y-5xl		> * {padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }
    [class*="md\:p-gutter-y"] > *:first-child   {padding-top:0}
    [class*="md\:p-gutter-y"] > *:last-child    {padding-bottom:0}

    .md\:p-gutter-x-0 > *	    {padding-left:0       ; padding-right:0       ;}
    .md\:p-gutter-x-xxs	 > *	{padding-left:var(--space-xxs);  padding-right:var(--space-xxs); }
    .md\:p-gutter-x-xs	 > *	{padding-left:var(--space-xs);   padding-right:var(--space-xs);  }
    .md\:p-gutter-x-s	 > *	{padding-left:var(--space-s);    padding-right:var(--space-s);   }
    .md\:p-gutter-x-m	 > *	{padding-left:var(--space-m);    padding-right:var(--space-m);   }
    .md\:p-gutter-x		 > *	{padding-left:var(--space);      padding-right:var(--space);     }
    .md\:p-gutter-x-lg	 > *	{padding-left:var(--space-lg);   padding-right:var(--space-lg);  }
    .md\:p-gutter-x-xl	 > *	{padding-left:var(--space-xl);   padding-right:var(--space-xl);  }
    .md\:p-gutter-x-2xl	 > *	{padding-left:var(--space-2xl);  padding-right:var(--space-2xl); }
    .md\:p-gutter-x-3xl	 > *	{padding-left:var(--space-3xl);  padding-right:var(--space-3xl); }
    .md\:p-gutter-x-4xl	 > *	{padding-left:var(--space-4xl);  padding-right:var(--space-4xl); }
    .md\:p-gutter-x-5xl	 > *	{padding-left:var(--space-5xl);  padding-right:var(--space-5xl); }
 
    [class*="md\:p-gutter-x"] > *:first-child   {padding-left:0}
    [class*="md\:p-gutter-x"] > *:last-child    {padding-right:0}
 
    .md\:m-auto		{margin:auto}
    .md\:m-0		{margin:0}
    .md\:m-xxs		{margin:var(--space-xxs);  }
    .md\:m-xs		{margin:var(--space-xs);   }
    .md\:m-s		{margin:var(--space-s);    }
    .md\:m-m		{margin:var(--space-m);    }
    .md\:m			{margin:var(--space);      }
    .md\:m-lg		{margin:var(--space-lg);   }
    .md\:m-xl		{margin:var(--space-xl);   }
    .md\:m-2xl		{margin:var(--space-2xl);  }
    .md\:m-3xl		{margin:var(--space-3xl);  }
    .md\:m-4xl		{margin:var(--space-4xl);  }
    .md\:m-5xl		{margin:var(--space-5xl);  }
 
    .md\:ml-auto	{margin-left:auto}
    .md\:ml-0		{margin-left:0}
    .md\:ml-xxs		{margin-left:var(--space-xxs);  }
    .md\:ml-xs		{margin-left:var(--space-xs);   }
    .md\:ml-s		{margin-left:var(--space-s);    }
    .md\:ml-m		{margin-left:var(--space-m);    }
    .md\:ml			{margin-left:var(--space);      }
    .md\:ml-lg		{margin-left:var(--space-lg);   }
    .md\:ml-xl		{margin-left:var(--space-xl);   }
    .md\:ml-2xl		{margin-left:var(--space-2xl);  }
    .md\:ml-3xl		{margin-left:var(--space-3xl);  }
    .md\:ml-4xl		{margin-left:var(--space-4xl);  }
    .md\:ml-5xl		{margin-left:var(--space-5xl);  }
 
    .md\:mr-auto	{margin-right:auto}
    .md\:mr-0		{margin-right:0}
    .md\:mr-xxs		{margin-right:var(--space-xxs);  }
    .md\:mr-xs		{margin-right:var(--space-xs);   }
    .md\:mr-s		{margin-right:var(--space-s);    }
    .md\:mr-m		{margin-right:var(--space-m);    }
    .md\:mr			{margin-right:var(--space);      }
    .md\:mr-lg		{margin-right:var(--space-lg);   }
    .md\:mr-xl		{margin-right:var(--space-xl);   }
    .md\:mr-2xl		{margin-right:var(--space-2xl);  }
    .md\:mr-3xl		{margin-right:var(--space-3xl);  }
    .md\:mr-4xl		{margin-right:var(--space-4xl);  }
    .md\:mr-5xl		{margin-right:var(--space-5xl);  }
 
    .md\:mt-auto	{margin-top:auto}
    .md\:mt-0		{margin-top:0}
    .md\:mt-xxs		{margin-top:var(--space-xxs);  }
    .md\:mt-xs		{margin-top:var(--space-xs);   }
    .md\:mt-s		{margin-top:var(--space-s);    }
    .md\:mt-m		{margin-top:var(--space-m);    }
    .md\:mt			{margin-top:var(--space);      }
    .md\:mt-lg		{margin-top:var(--space-lg);   }
    .md\:mt-xl		{margin-top:var(--space-xl);   }
    .md\:mt-2xl		{margin-top:var(--space-2xl);  }
    .md\:mt-3xl		{margin-top:var(--space-3xl);  }
    .md\:mt-4xl		{margin-top:var(--space-4xl);  }
    .md\:mt-5xl		{margin-top:var(--space-5xl);  }
 
    .md\:mb-auto	{margin-bottom:auto}
    .md\:mb-0		{margin-bottom:0}
    .md\:mb-xxs		{margin-bottom:var(--space-xxs);  }
    .md\:mb-xs		{margin-bottom:var(--space-xs);   }
    .md\:mb-s		{margin-bottom:var(--space-s);    }
    .md\:mb-m		{margin-bottom:var(--space-m);    }
    .md\:mb			{margin-bottom:var(--space);      }
    .md\:mb-lg		{margin-bottom:var(--space-lg);   }
    .md\:mb-xl		{margin-bottom:var(--space-xl);   }
    .md\:mb-2xl		{margin-bottom:var(--space-2xl);  }
    .md\:mb-3xl		{margin-bottom:var(--space-3xl);  }
    .md\:mb-4xl		{margin-bottom:var(--space-4xl);  }
    .md\:mb-5xl		{margin-bottom:var(--space-5xl);  }
 
    .md\:mx-auto	{margin-left:auto; margin-right:auto}
    .md\:mx-0		{margin-left:0;  margin-right:0}
    .md\:mx-xxs		{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .md\:mx-xs		{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .md\:mx-s		{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .md\:mx-m		{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .md\:mx			{margin-left:var(--space);      margin-right:var(--space);      }
    .md\:mx-lg		{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .md\:mx-xl		{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .md\:mx-2xl		{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .md\:mx-3xl		{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .md\:mx-4xl		{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .md\:mx-5xl		{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }
 
    .md\:my-auto	{margin-top:auto; margin-bottom:auto;}
    .md\:my-0		{margin-top:0       ; margin-bottom:0}
    .md\:my-xxs		{margin-top:var(--space-xxs);   margin-bottom:var(--space-xxs);  }
    .md\:my-xs		{margin-top:var(--space-xs);    margin-bottom:var(--space-xs);   }
    .md\:my-s		{margin-top:var(--space-s);     margin-bottom:var(--space-s);    }
    .md\:my-m		{margin-top:var(--space-m);     margin-bottom:var(--space-m);    }
    .md\:my			{margin-top:var(--space);       margin-bottom:var(--space);      }
    .md\:my-lg		{margin-top:var(--space-lg);    margin-bottom:var(--space-lg);   }
    .md\:my-xl		{margin-top:var(--space-xl);    margin-bottom:var(--space-xl);   }
    .md\:my-2xl		{margin-top:var(--space-2xl);   margin-bottom:var(--space-2xl);  }
    .md\:my-3xl		{margin-top:var(--space-3xl);   margin-bottom:var(--space-3xl);  }
    .md\:my-4xl		{margin-top:var(--space-4xl);   margin-bottom:var(--space-4xl);  }
    .md\:my-5xl		{margin-top:var(--space-5xl);   margin-bottom:var(--space-5xl);  }
 
    .md\:m-gutter-y-auto	> * {margin-top:auto;   margin-bottom:auto;}
    .md\:m-gutter-y-0		> * {margin-top:0       ; margin-bottom:0}
    .md\:m-gutter-y-xxs		> * {margin-top:var(--space-xxs);  margin-bottom:var(--space-xxs);  }
    .md\:m-gutter-y-xs		> * {margin-top:var(--space-xs);   margin-bottom:var(--space-xs);   }
    .md\:m-gutter-y-s		> * {margin-top:var(--space-s);    margin-bottom:var(--space-s);    }
    .md\:m-gutter-y-m		> * {margin-top:var(--space-m);    margin-bottom:var(--space-m);    }
    .md\:m-gutter-y			> * {margin-top:var(--space);      margin-bottom:var(--space);      }
    .md\:m-gutter-y-lg		> * {margin-top:var(--space-lg);   margin-bottom:var(--space-lg);   }
    .md\:m-gutter-y-xl		> * {margin-top:var(--space-xl);   margin-bottom:var(--space-xl);   }
    .md\:m-gutter-y-2xl		> * {margin-top:var(--space-2xl);  margin-bottom:var(--space-2xl);  }
    .md\:m-gutter-y-3xl		> * {margin-top:var(--space-3xl);  margin-bottom:var(--space-3xl);  }
    .md\:m-gutter-y-4xl		> * {margin-top:var(--space-4xl);  margin-bottom:var(--space-4xl);  }
    .md\:m-gutter-y-5xl		> * {margin-top:var(--space-5xl);  margin-bottom:var(--space-5xl);  }

    [class*="md\:m-gutter-y"] > *:first-child   {margin-top:0}
    [class*="md\:m-gutter-y"] > *:last-child    {margin-bottom:0}

    .md\:m-gutter-x-auto	> *{margin-left:auto; margin-right:auto}
    .md\:m-gutter-x-0		> *{margin-left:0;  margin-right:0}
    .md\:m-gutter-x-xxs		> *{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .md\:m-gutter-x-xs		> *{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .md\:m-gutter-x-s		> *{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .md\:m-gutter-x-m		> *{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .md\:m-gutter-x			> *{margin-left:var(--space);      margin-right:var(--space);      }
    .md\:m-gutter-x-lg		> *{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .md\:m-gutter-x-xl		> *{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .md\:m-gutter-x-2xl		> *{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .md\:m-gutter-x-3xl		> *{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .md\:m-gutter-x-4xl		> *{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .md\:m-gutter-x-5xl		> *{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }

    [class*="md\:m-gutter-x"] > *:first-child   {margin-left:0}
    [class*="md\:m-gutter-x"] > *:last-child    {margin-right:0}
 
    .md\:gap-0				{gap:0}
    .md\:gap-xxs			{gap:var(--space-xxs)}
    .md\:gap-xs				{gap:var(--space-xs)}
    .md\:gap-s				{gap:var(--space-s)}
    .md\:gap-m				{gap:var(--space-m)}
    .md\:gap				{gap:var(--space)}	
    .md\:gap-lg				{gap:var(--space-lg)}
    .md\:gap-xl				{gap:var(--space-xl)}
    .md\:gap-2xl			{gap:var(--space-2xl)}
    .md\:gap-3xl			{gap:var(--space-3xl)}
    .md\:gap-4xl			{gap:var(--space-4xl)}
    .md\:gap-5xl			{gap:var(--space-5xl)}

    .md\:row-gap-0			{row-gap:0}
    .md\:row-gap-xxs		{row-gap:var(--space-xxs)}
    .md\:row-gap-xs			{row-gap:var(--space-xs)}
    .md\:row-gap-s			{row-gap:var(--space-s)}
    .md\:row-gap-m			{row-gap:var(--space-m)}
    .md\:row-gap			{row-gap:var(--space)}	
    .md\:row-gap-lg			{row-gap:var(--space-lg)}
    .md\:row-gap-xl			{row-gap:var(--space-xl)}
    .md\:row-gap-2xl		{row-gap:var(--space-2xl)}
    .md\:row-gap-3xl		{row-gap:var(--space-3xl)}
    .md\:row-gap-4xl		{row-gap:var(--space-4xl)}
    .md\:row-gap-5xl		{row-gap:var(--space-5xl)}

    .md\:col-gap-0			{column-gap:0}
    .md\:col-gap-xxs		{column-gap:var(--space-xxs)}
    .md\:col-gap-xs			{column-gap:var(--space-xs)}
    .md\:col-gap-s			{column-gap:var(--space-s)}
    .md\:col-gap-m			{column-gap:var(--space-m)}
    .md\:col-gap			{column-gap:var(--space)}	
    .md\:col-gap-lg			{column-gap:var(--space-lg)}
    .md\:col-gap-xl			{column-gap:var(--space-xl)}
    .md\:col-gap-2xl		{column-gap:var(--space-2xl)}
    .md\:col-gap-3xl		{column-gap:var(--space-3xl)}
    .md\:col-gap-4xl		{column-gap:var(--space-4xl)}
    .md\:col-gap-5xl		{column-gap:var(--space-5xl)}

    .md\:min-w-0		{min-width: 0px;}
    .md\:min-w-full		{min-width: 100%;}
    .md\:min-w-screen	{min-width: 100vw;}
    .md\:min-w-min		{min-width: min-content;}
    .md\:min-w-max		{min-width: max-content;}
    .md\:min-w-max		{min-width: max-content;}

    .md\:w-full			{width: 100%;}
    .md\:w-half	        {width: 50%;}
    .md\:w-screen		{width: 100vw;}
    .md\:w-auto			{width: auto;}
    .md\:w-min			{width: min-content;}
    .md\:w-max			{width: max-content;}
    .md\:w-1			{width: 8.3333%;}
    .md\:w-2			{width: 16.6667%;}
    .md\:w-3			{width: 25%;}
    .md\:w-4			{width: 33.3333%;}
    .md\:w-5			{width: 41.6667%;}
    .md\:w-6			{width: 50%;}
    .md\:w-7			{width: 58.3333%;}
    .md\:w-8			{width: 66.6667%;}
    .md\:w-9			{width: 75%;}
    .md\:w-10			{width: 83.3333%;}
    .md\:w-11			{width: 91.6667%;}
    .md\:w-12			{width: 100%;}

    .md\:w-64px		    {width: 64px}
    .md\:w-128px		{width: 128px}

    .md\:max-w-0		{max-width: 0px;}
    .md\:max-w-full		{max-width: 100%;}
    .md\:max-w-screen	{max-width: 100vw;}
    .md\:max-w-min		{max-width: min-content;}
    .md\:max-w-max		{max-width: max-content;}
    .md\:max-w-640      {max-width:640px}

    .md\:min-h-0		{min-height: 0px;}
    .md\:min-h-full		{min-height: 100%;}
    .md\:min-h-screen	{min-height: 100vh;}

    .md\:h-full			{height: 100%;}
    .md\:h-screen		{height: 100vh;}
    .md\:h-auto			{height: auto;}

    .md\:max-h-0		{max-height: 0px;}
    .md\:max-h-full		{max-height: 100%;}
    .md\:max-h-screen	{max-height: 100vh;}

    .md\:text-center	{text-align: center;}
    .md\:text-justify	{text-align: justify;}
    .md\:text-left		{text-align: left;}
    .md\:text-right		{text-align: right;}

}
@media (min-width: 1200px) {
	:root {
			--container		: 970px;
		}
	
    .container  {width:var(--container)}
    desktop,.desktop     {display:inherit;}
    mobile,.mobile       {display:none}

    .lg\:d-none,hidden                  {display: none;}
    .lg\:d-block						{display: block;}
    .lg\:d-inline						{display: inline;}
    .lg\:d-inline-block					{display: inline-block;}
    .lg\:d-flex							{display: flex;}
    .lg\:d-flex-a-center				{display: flex; align-items:center}
    .lg\:d-flex-j-center				{display: flex; justify-content:center}
    .lg\:d-flex-center					{display: flex; place-content:center; place-items:center}
    .lg\:d-table-cell				    {display:table-cell;}
    .lg\:d-inline-flex					{display: inline-flex;}
 
    .lg\:overscroll-auto				{overscroll-behavior: auto;}
    .lg\:overscroll-contain				{overscroll-behavior: contain;}
    .lg\:overscroll-none				{overscroll-behavior: none;}
    .lg\:overscroll-y-auto				{overscroll-behavior-y: auto;}
    .lg\:overscroll-y-contain			{overscroll-behavior-y: contain;}
    .lg\:overscroll-y-none				{overscroll-behavior-y: none;}
    .lg\:overscroll-x-auto				{overscroll-behavior-x: auto;}
    .lg\:overscroll-x-contain			{overscroll-behavior-x: contain;}
    .lg\:overscroll-x-none				{overscroll-behavior-x: none;}

    .lg\:of-auto		{overflow: auto;}
    .lg\:of-hidden	    {overflow: hidden;}
    .lg\:of-visible	    {overflow: visible;}
    .lg\:of-scroll	    {overflow: scroll;}
    .lg\:of-x-auto	    {overflow-x: auto;}
    .lg\:of-x-hidden	{overflow-x: hidden;}
    .lg\:of-x-visible	{overflow-x: visible;}
    .lg\:of-x-scroll	{overflow-x: scroll;}
    .lg\:of-y-auto	    {overflow-y: auto;}
    .lg\:of-y-hidden	{overflow-y: hidden;}
    .lg\:of-y-visible	{overflow-y: visible;}
    .lg\:of-y-scroll	{overflow-y: scroll;}

    .lg\:position-static	{position: static;}
    .lg\:position-fixed		{position: fixed;}
    .lg\:position-relative	{position: relative;}
    .lg\:position-absolute	{position: absolute;}
    .lg\:position-sticky	{position: sticky;}

    .lg\:top-auto			{top: auto;}
    .lg\:top-0				{top: 0;}
    .lg\:top-50				{top: 50%;}
    .lg\:top-100			{top: 100%;}
    .lg\:right-auto			{right: auto;}
    .lg\:right-0			{right: 0;}
    .lg\:right-50			{right: 50%;}
    .lg\:right-100			{right: 100%;}
    .lg\:bottom-auto		{bottom: auto;}
    .lg\:bottom-0			{bottom: 0;}
    .lg\:bottom-50			{bottom: 50%;}
    .lg\:bottom-100			{bottom: 100%;}
    .lg\:left-auto			{left: auto;}
    .lg\:left-0				{left: 0;}
    .lg\:left-50			{left: 50%;}
    .lg\:left-100			{left: 100%;}

    .lg\:z-auto				{z-index: auto;}
    .lg\:z-0				{z-index: 0;}
    .lg\:z-1				{z-index: 1;}
    .lg\:z-2				{z-index: 2;}
    .lg\:z-3				{z-index: 3;}
    .lg\:z-4				{z-index: 4;}
    .lg\:z-5				{z-index: 5;}
    .lg\:z-100				{z-index: 100;}
    .lg\:z-101				{z-index: 101;}
    .lg\:z-102				{z-index: 102;}
    .lg\:z-1050				{z-index: 1050;}
    .lg\:z-1060				{z-index: 1060;}
    .lg\:z-1070				{z-index: 1070;}
    .lg\:z-1080				{z-index: 1080;}
    .lg\:z-1090				{z-index: 1090;}

    .lg\:row						{display: flex;flex-wrap: wrap;}
    .lg\:row > *					{flex-shrink: 0;width: 100%; min-width:0; max-width: 100%;}
    .lg\:col						{flex: 1 0 0%}
    .lg\:row-cols-auto > *			{flex: 0 0 auto;width: auto}
    .lg\:row-cols-1 > *				{flex: 0 0 auto;width: 100%}
    .lg\:row-cols-2 > *				{flex: 0 0 auto;width: 50%}
    .lg\:row-cols-3 > *				{flex: 0 0 auto;width: 33.3333333333%}
    .lg\:row-cols-4 > *				{flex: 0 0 auto;width: 25%}
    .lg\:row-cols-5 > *				{flex: 0 0 auto;width: 20%}
    .lg\:row-cols-6 > *				{flex: 0 0 auto;width: 16.6666666667%}

    .lg\:col-auto					{flex: 0 0 auto;width: auto}
    .lg\:col-1						{flex: 0 0 auto;width: 8.33333333%}
    .lg\:col-2						{flex: 0 0 auto;width: 16.66666667%}
    .lg\:col-3						{flex: 0 0 auto;width: 25%}
    .lg\:col-4						{flex: 0 0 auto;width: 33.33333333%}
    .lg\:col-5						{flex: 0 0 auto;width: 41.66666667%}
    .lg\:col-6						{flex: 0 0 auto;width: 50%}
    .lg\:col-7						{flex: 0 0 auto;width: 58.33333333%}
    .lg\:col-8						{flex: 0 0 auto;width: 66.66666667%}
    .lg\:col-9						{flex: 0 0 auto;width: 75%}
    .lg\:col-10						{flex: 0 0 auto;width: 83.33333333%}
    .lg\:col-11						{flex: 0 0 auto;width: 91.66666667%}
    .lg\:col-12						{flex: 0 0 auto;width: 100%}
    .lg\:col-300					{flex: 0 0 auto;width: 300px}
    .lg\:col-220					{flex: 0 0 auto;width: 220px}

    .lg\:grid						{display:grid; grid-template-columns:repeat(12,minmax(1px, 8.33333333333333333%));}
    .lg\:grid-cols-1				{display:grid; grid-template-columns:repeat(1,minmax(1px,100%))}
    .lg\:grid-cols-2				{display:grid; grid-template-columns:repeat(2,minmax(1px, 50%))}
    .lg\:grid-cols-3				{display:grid; grid-template-columns:repeat(3,minmax(1px,33.3333333333%))}
    .lg\:grid-cols-4				{display:grid; grid-template-columns:repeat(4,minmax(1px,25%))}
    .lg\:grid-cols-5				{display:grid; grid-template-columns:repeat(5,minmax(1px,20%))}
    .lg\:grid-cols-6				{display:grid; grid-template-columns:repeat(6,minmax(1px,16.6666666667%))}

    .lg\:grid-cols-auto	            {display:grid; grid-auto-flow: column; grid-auto-columns: min-content; align-items:center}
    .lg\:grid-cols-template	        {display:grid; grid-template-columns:var(--template); align-items:center}
    .lg\:grid-cols-300  	        {display:grid; grid-template-columns:1fr 300px}

    .lg\:g-col-1				{grid-column:auto/span 1}
    .lg\:g-col-2				{grid-column:auto/span 2}
    .lg\:g-col-3				{grid-column:auto/span 3}
    .lg\:g-col-4				{grid-column:auto/span 4}
    .lg\:g-col-5				{grid-column:auto/span 5}
    .lg\:g-col-6				{grid-column:auto/span 6}
    .lg\:g-col-7				{grid-column:auto/span 7}
    .lg\:g-col-8				{grid-column:auto/span 8}
    .lg\:g-col-9				{grid-column:auto/span 9}
    .lg\:g-col-10				{grid-column:auto/span 10}
    .lg\:g-col-11				{grid-column:auto/span 11}
    .lg\:g-col-12				{grid-column:auto/span 12}

    .lg\:g-row-1				{grid-row:auto/span 1}
    .lg\:g-row-2				{grid-row:auto/span 2}
    .lg\:g-row-3				{grid-row:auto/span 3}
    .lg\:g-row-4				{grid-row:auto/span 4}
    .lg\:g-row-5				{grid-row:auto/span 5}
    .lg\:g-row-6				{grid-row:auto/span 6}
    .lg\:g-row-7				{grid-row:auto/span 7}
    .lg\:g-row-8				{grid-row:auto/span 8}
    .lg\:g-row-9				{grid-row:auto/span 9}
    .lg\:g-row-10				{grid-row:auto/span 10}
    .lg\:g-row-11				{grid-row:auto/span 11}
    .lg\:g-row-12				{grid-row:auto/span 12}

    .lg\:g-start-1			{grid-column-start:1}
    .lg\:g-start-2			{grid-column-start:2}
    .lg\:g-start-3			{grid-column-start:3}
    .lg\:g-start-4			{grid-column-start:4}
    .lg\:g-start-5			{grid-column-start:5}
    .lg\:g-start-6			{grid-column-start:6}
    .lg\:g-start-7			{grid-column-start:7}
    .lg\:g-start-8			{grid-column-start:8}
    .lg\:g-start-9			{grid-column-start:9}
    .lg\:g-start-10			{grid-column-start:10}
    .lg\:g-start-11			{grid-column-start:11}

    .lg\:flex-row				{flex-direction: row;}
    .lg\:flex-row-reverse		{flex-direction: row-reverse;}
    .lg\:flex-col			    {flex-direction: column;}
    .lg\:flex-col-reverse	    {flex-direction: column-reverse;}

    .lg\:flex-wrap				{flex-wrap: wrap;}
    .lg\:flex-wrap-reverse		{flex-wrap: wrap-reverse;}
    .lg\:flex-nowrap			{flex-wrap: nowrap;}
     lg\:
    .lg\:flex-1 > *				{flex: 1 0 0%;}
    .lg\:flex-auto > *			{flex: 0 0 auto; width:auto}
    .lg\:flex-initial > *		{flex: 1 1 0;}
    .lg\:flex-none > *			{flex: none;}

    .lg\:flex-grow-0			{flex-grow: 0;}
    .lg\:flex-grow-1			{flex-grow: 1;}
    
    .lg\:flex-shrink-0			{flex-shrink: 0;}
    .lg\:flex-shrink-1			{flex-shrink: 1;}

    .lg\:order-0			{order: 0;}
    .lg\:order-1			{order: 1;}
    .lg\:order-2			{order: 2;}
    .lg\:order-3			{order: 3;}
    .lg\:order-4			{order: 4;}
    .lg\:order-5			{order: 5;}
    .lg\:order-6			{order: 6;}

    .lg\:justify-content-start		{justify-content: flex-start;}
    .lg\:justify-content-end		{justify-content: flex-end;}
    .lg\:justify-content-center		{justify-content: center;}
    .lg\:justify-content-between	{justify-content: space-between;}
    .lg\:justify-content-around		{justify-content: space-around;}
    .lg\:justify-content-evenly		{justify-content: space-evenly;}

    .lg\:align-content-start		{align-content: flex-start;}
    .lg\:align-content-end			{align-content: flex-end;}
    .lg\:align-content-center		{align-content: center;}
    .lg\:align-content-between		{align-content: space-between;}
    .lg\:align-content-around		{align-content: space-around;}
    .lg\:align-content-evenly		{align-content: space-evenly;}
     
    .lg\:align-items-stretch		{align-items: stretch;}
    .lg\:align-items-start			{align-items: flex-start;}
    .lg\:align-items-center			{align-items: center;}
    .lg\:align-items-end			{align-items: flex-end;}
    .lg\:align-items-baseline		{align-items: baseline;}

    .lg\:place-center               {place-items:center; place-content:center}
     
    .lg\:float-start		{float:left}
    .lg\:float-end			{float:right}
    .lg\:float-none			{float:none}
    .lg\:clear			    {clear:both;}

    .lg\:vertical-align-baseline	{vertical-align: baseline;}
    .lg\:vertical-align-top			{vertical-align: top;}
    .lg\:vertical-align-middle		{vertical-align: middle;}
    .lg\:vertical-align-bottom		{vertical-align: bottom;}
    .lg\:vertical-align-text-top	{vertical-align: text-top;}
    .lg\:vertical-align-text-bottom	{vertical-align: text-bottom;}
    .lg\:vertical-align-sub			{vertical-align: sub;}
    .lg\:vertical-align-super		{vertical-align: super;}

    .lg\:p-0		{padding:0}
    .lg\:p-1        {padding:1px;}
    .lg\:p-2        {padding:2px;}
    .lg\:p-xxs		{padding:var(--space-xxs);}
    .lg\:p-xs		{padding:var(--space-xs);}
    .lg\:p-s		{padding:var(--space-s);}   
    .lg\:p-m		{padding:var(--space-m);}
    .lg\:p			{padding:var(--space);}  
    .lg\:p-lg		{padding:var(--space-lg);}
    .lg\:p-xl		{padding:var(--space-xl);} 
    .lg\:p-2xl		{padding:var(--space-2xl);} 
    .lg\:p-3xl		{padding:var(--space-3xl);}
    .lg\:p-4xl		{padding:var(--space-4xl);} 
    .lg\:p-5xl		{padding:var(--space-5xl);}

    .lg\:pl-0		{padding-left:0        }
    .lg\:pl-xxs		{padding-left:var(--space-xxs);}
    .lg\:pl-xs		{padding-left:var(--space-xs);}
    .lg\:pl-s		{padding-left:var(--space-s);}   
    .lg\:pl-m		{padding-left:var(--space-m);}
    .lg\:pl			{padding-left:var(--space);}  
    .lg\:pl-lg		{padding-left:var(--space-lg);}
    .lg\:pl-xl		{padding-left:var(--space-xl);} 
    .lg\:pl-2xl		{padding-left:var(--space-2xl);} 
    .lg\:pl-3xl		{padding-left:var(--space-3xl);}
    .lg\:pl-4xl		{padding-left:var(--space-4xl);} 
    .lg\:pl-5xl		{padding-left:var(--space-5xl);}

    .lg\:pr-0		{padding-right:0        }
    .lg\:pr-xxs		{padding-right:var(--space-xxs);}
    .lg\:pr-xs		{padding-right:var(--space-xs);}
    .lg\:pr-s		{padding-right:var(--space-s);}   
    .lg\:pr-m		{padding-right:var(--space-m);}
    .lg\:pr			{padding-right:var(--space);}  
    .lg\:pr-lg		{padding-right:var(--space-lg);}
    .lg\:pr-xl		{padding-right:var(--space-xl);} 
    .lg\:pr-2xl		{padding-right:var(--space-2xl);} 
    .lg\:pr-3xl		{padding-right:var(--space-3xl);}
    .lg\:pr-4xl		{padding-right:var(--space-4xl);} 
    .lg\:pr-5xl		{padding-right:var(--space-5xl);}

    .lg\:pt-0		{padding-top:0        }
    .lg\:pt-xxs		{padding-top:var(--space-xxs);}
    .lg\:pt-xs		{padding-top:var(--space-xs);}
    .lg\:pt-s		{padding-top:var(--space-s);}   
    .lg\:pt-m		{padding-top:var(--space-m);}
    .lg\:pt			{padding-top:var(--space);}  
    .lg\:pt-lg		{padding-top:var(--space-lg);}
    .lg\:pt-xl		{padding-top:var(--space-xl);} 
    .lg\:pt-2xl		{padding-top:var(--space-2xl);} 
    .lg\:pt-3xl		{padding-top:var(--space-3xl);}
    .lg\:pt-4xl		{padding-top:var(--space-4xl);} 
    .lg\:pt-5xl		{padding-top:var(--space-5xl);}

    .lg\:pb-0		{padding-bottom:0        }
    .lg\:pb-xxs		{padding-bottom:var(--space-xxs);}
    .lg\:pb-xs		{padding-bottom:var(--space-xs);}
    .lg\:pb-s		{padding-bottom:var(--space-s);}   
    .lg\:pb-m		{padding-bottom:var(--space-m);}
    .lg\:pb			{padding-bottom:var(--space);}  
    .lg\:pb-lg		{padding-bottom:var(--space-lg);}
    .lg\:pb-xl		{padding-bottom:var(--space-xl);} 
    .lg\:pb-2xl		{padding-bottom:var(--space-2xl);} 
    .lg\:pb-3xl		{padding-bottom:var(--space-3xl);}
    .lg\:pb-4xl		{padding-bottom:var(--space-4xl);} 
    .lg\:pb-5xl		{padding-bottom:var(--space-5xl);}

    .lg\:px-0		{padding-left:0       ; padding-right:0       ;}
    .lg\:px-xxs		{padding-left:var(--space-xxs);  padding-right:var(--space-xxs); }
    .lg\:px-xs		{padding-left:var(--space-xs);   padding-right:var(--space-xs);  }
    .lg\:px-s		{padding-left:var(--space-s);    padding-right:var(--space-s);   }
    .lg\:px-m		{padding-left:var(--space-m);    padding-right:var(--space-m);   }
    .lg\:px			{padding-left:var(--space);      padding-right:var(--space);     }
    .lg\:px-lg		{padding-left:var(--space-lg);   padding-right:var(--space-lg);  }
    .lg\:px-xl		{padding-left:var(--space-xl);   padding-right:var(--space-xl);  }
    .lg\:px-2xl		{padding-left:var(--space-2xl);  padding-right:var(--space-2xl); }
    .lg\:px-3xl		{padding-left:var(--space-3xl);  padding-right:var(--space-3xl); }
    .lg\:px-4xl		{padding-left:var(--space-4xl);  padding-right:var(--space-4xl); }
    .lg\:px-5xl		{padding-left:var(--space-5xl);  padding-right:var(--space-5xl); }

    .lg\:py-0		{padding-top:0       ;padding-bottom:0       ;}
    .lg\:py-xxs		{padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .lg\:py-xs		{padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .lg\:py-s		{padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .lg\:py-m		{padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .lg\:py			{padding-top:var(--space);     padding-bottom:var(--space);     }
    .lg\:py-lg		{padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .lg\:py-xl		{padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .lg\:py-2xl		{padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .lg\:py-3xl		{padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .lg\:py-4xl		{padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .lg\:py-5xl		{padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }

    .lg\:p-gutter-y-0		> * {padding-top:0       ;padding-bottom:0       ;}
    .lg\:p-gutter-y-xxs		> * {padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .lg\:p-gutter-y-xs		> * {padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .lg\:p-gutter-y-s		> * {padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .lg\:p-gutter-y-m		> * {padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .lg\:p-gutter-y			> * {padding-top:var(--space);     padding-bottom:var(--space);     }
    .lg\:p-gutter-y-lg		> * {padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .lg\:p-gutter-y-xl		> * {padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .lg\:p-gutter-y-2xl		> * {padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .lg\:p-gutter-y-3xl		> * {padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .lg\:p-gutter-y-4xl		> * {padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .lg\:p-gutter-y-5xl		> * {padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }
    [class*="lg\:p-gutter-y"] > *:first-child   {padding-top:0}
    [class*="lg\:p-gutter-y"] > *:last-child    {padding-bottom:0}

    .lg\:p-gutter-x-0 > *	    {padding-left:0       ; padding-right:0       ;}
    .lg\:p-gutter-x-xxs	 > *	{padding-left:var(--space-xxs); padding-right:var(--space-xxs); }
    .lg\:p-gutter-x-xs	 > *	{padding-left:var(--space-xs);  padding-right:var(--space-xs);  }
    .lg\:p-gutter-x-s	 > *	{padding-left:var(--space-s);   padding-right:var(--space-s);   }
    .lg\:p-gutter-x-m	 > *	{padding-left:var(--space-m);   padding-right:var(--space-m);   }
    .lg\:p-gutter-x		 > *	{padding-left:var(--space);     padding-right:var(--space);     }
    .lg\:p-gutter-x-lg	 > *	{padding-left:var(--space-lg);  padding-right:var(--space-lg);  }
    .lg\:p-gutter-x-xl	 > *	{padding-left:var(--space-xl);  padding-right:var(--space-xl);  }
    .lg\:p-gutter-x-2xl	 > *	{padding-left:var(--space-2xl); padding-right:var(--space-2xl); }
    .lg\:p-gutter-x-3xl	 > *	{padding-left:var(--space-3xl); padding-right:var(--space-3xl); }
    .lg\:p-gutter-x-4xl	 > *	{padding-left:var(--space-4xl); padding-right:var(--space-4xl); }
    .lg\:p-gutter-x-5xl	 > *	{padding-left:var(--space-5xl); padding-right:var(--space-5xl); }
 
    [class*="lg\:p-gutter-x"] > *:first-child   {padding-left:0}
    [class*="lg\:p-gutter-x"] > *:last-child    {padding-right:0}
 
    .lg\:m-auto		{margin:auto}
    .lg\:m-0		{margin:0}
    .lg\:m-xxs		{margin:var(--space-xxs);  }
    .lg\:m-xs		{margin:var(--space-xs);   }
    .lg\:m-s		{margin:var(--space-s);    }
    .lg\:m-m		{margin:var(--space-m);    }
    .lg\:m			{margin:var(--space);      }
    .lg\:m-lg		{margin:var(--space-lg);   }
    .lg\:m-xl		{margin:var(--space-xl);   }
    .lg\:m-2xl		{margin:var(--space-2xl);  }
    .lg\:m-3xl		{margin:var(--space-3xl);  }
    .lg\:m-4xl		{margin:var(--space-4xl);  }
    .lg\:m-5xl		{margin:var(--space-5xl);  }
 
    .lg\:ml-auto	{margin-left:auto}
    .lg\:ml-0		{margin-left:0}
    .lg\:ml-xxs		{margin-left:var(--space-xxs);  }
    .lg\:ml-xs		{margin-left:var(--space-xs);   }
    .lg\:ml-s		{margin-left:var(--space-s);    }
    .lg\:ml-m		{margin-left:var(--space-m);    }
    .lg\:ml			{margin-left:var(--space);      }
    .lg\:ml-lg		{margin-left:var(--space-lg);   }
    .lg\:ml-xl		{margin-left:var(--space-xl);   }
    .lg\:ml-2xl		{margin-left:var(--space-2xl);  }
    .lg\:ml-3xl		{margin-left:var(--space-3xl);  }
    .lg\:ml-4xl		{margin-left:var(--space-4xl);  }
    .lg\:ml-5xl		{margin-left:var(--space-5xl);  }
 
    .lg\:mr-auto	{margin-right:auto}
    .lg\:mr-0		{margin-right:0}
    .lg\:mr-xxs		{margin-right:var(--space-xxs);  }
    .lg\:mr-xs		{margin-right:var(--space-xs);   }
    .lg\:mr-s		{margin-right:var(--space-s);    }
    .lg\:mr-m		{margin-right:var(--space-m);    }
    .lg\:mr			{margin-right:var(--space);      }
    .lg\:mr-lg		{margin-right:var(--space-lg);   }
    .lg\:mr-xl		{margin-right:var(--space-xl);   }
    .lg\:mr-2xl		{margin-right:var(--space-2xl);  }
    .lg\:mr-3xl		{margin-right:var(--space-3xl);  }
    .lg\:mr-4xl		{margin-right:var(--space-4xl);  }
    .lg\:mr-5xl		{margin-right:var(--space-5xl);  }
 
    .lg\:mt-auto	{margin-top:auto}
    .lg\:mt-0		{margin-top:0}
    .lg\:mt-xxs		{margin-top:var(--space-xxs);  }
    .lg\:mt-xs		{margin-top:var(--space-xs);   }
    .lg\:mt-s		{margin-top:var(--space-s);    }
    .lg\:mt-m		{margin-top:var(--space-m);    }
    .lg\:mt			{margin-top:var(--space);      }
    .lg\:mt-lg		{margin-top:var(--space-lg);   }
    .lg\:mt-xl		{margin-top:var(--space-xl);   }
    .lg\:mt-2xl		{margin-top:var(--space-2xl);  }
    .lg\:mt-3xl		{margin-top:var(--space-3xl);  }
    .lg\:mt-4xl		{margin-top:var(--space-4xl);  }
    .lg\:mt-5xl		{margin-top:var(--space-5xl);  }
 
    .lg\:mb-auto	{margin-bottom:auto}
    .lg\:mb-0		{margin-bottom:0}
    .lg\:mb-xxs		{margin-bottom:var(--space-xxs);  }
    .lg\:mb-xs		{margin-bottom:var(--space-xs);   }
    .lg\:mb-s		{margin-bottom:var(--space-s);    }
    .lg\:mb-m		{margin-bottom:var(--space-m);    }
    .lg\:mb			{margin-bottom:var(--space);      }
    .lg\:mb-lg		{margin-bottom:var(--space-lg);   }
    .lg\:mb-xl		{margin-bottom:var(--space-xl);   }
    .lg\:mb-2xl		{margin-bottom:var(--space-2xl);  }
    .lg\:mb-3xl		{margin-bottom:var(--space-3xl);  }
    .lg\:mb-4xl		{margin-bottom:var(--space-4xl);  }
    .lg\:mb-5xl		{margin-bottom:var(--space-5xl);  }
 
    .lg\:mx-auto	{margin-left:auto; margin-right:auto}
    .lg\:mx-0		{margin-left:0;  margin-right:0}
    .lg\:mx-xxs		{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .lg\:mx-xs		{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .lg\:mx-s		{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .lg\:mx-m		{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .lg\:mx			{margin-left:var(--space);      margin-right:var(--space);      }
    .lg\:mx-lg		{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .lg\:mx-xl		{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .lg\:mx-2xl		{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .lg\:mx-3xl		{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .lg\:mx-4xl		{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .lg\:mx-5xl		{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }
 
    .lg\:my-auto	{margin-top:auto; margin-bottom:auto;}
    .lg\:my-0		{margin-top:0       ; margin-bottom:0}
    .lg\:my-xxs		{margin-top:var(--space-xxs);   margin-bottom:var(--space-xxs);  }
    .lg\:my-xs		{margin-top:var(--space-xs);    margin-bottom:var(--space-xs);   }
    .lg\:my-s		{margin-top:var(--space-s);     margin-bottom:var(--space-s);    }
    .lg\:my-m		{margin-top:var(--space-m);     margin-bottom:var(--space-m);    }
    .lg\:my			{margin-top:var(--space);       margin-bottom:var(--space);      }
    .lg\:my-lg		{margin-top:var(--space-lg);    margin-bottom:var(--space-lg);   }
    .lg\:my-xl		{margin-top:var(--space-xl);    margin-bottom:var(--space-xl);   }
    .lg\:my-2xl		{margin-top:var(--space-2xl);   margin-bottom:var(--space-2xl);  }
    .lg\:my-3xl		{margin-top:var(--space-3xl);   margin-bottom:var(--space-3xl);  }
    .lg\:my-4xl		{margin-top:var(--space-4xl);   margin-bottom:var(--space-4xl);  }
    .lg\:my-5xl		{margin-top:var(--space-5xl);   margin-bottom:var(--space-5xl);  }
 
    .lg\:m-gutter-y-auto	> * {margin-top:auto;   margin-bottom:auto;}
    .lg\:m-gutter-y-0		> * {margin-top:0       ; margin-bottom:0}
    .lg\:m-gutter-y-xxs		> * {margin-top:var(--space-xxs);  margin-bottom:var(--space-xxs);  }
    .lg\:m-gutter-y-xs		> * {margin-top:var(--space-xs);   margin-bottom:var(--space-xs);   }
    .lg\:m-gutter-y-s		> * {margin-top:var(--space-s);    margin-bottom:var(--space-s);    }
    .lg\:m-gutter-y-m		> * {margin-top:var(--space-m);    margin-bottom:var(--space-m);    }
    .lg\:m-gutter-y			> * {margin-top:var(--space);      margin-bottom:var(--space);      }
    .lg\:m-gutter-y-lg		> * {margin-top:var(--space-lg);   margin-bottom:var(--space-lg);   }
    .lg\:m-gutter-y-xl		> * {margin-top:var(--space-xl);   margin-bottom:var(--space-xl);   }
    .lg\:m-gutter-y-2xl		> * {margin-top:var(--space-2xl);  margin-bottom:var(--space-2xl);  }
    .lg\:m-gutter-y-3xl		> * {margin-top:var(--space-3xl);  margin-bottom:var(--space-3xl);  }
    .lg\:m-gutter-y-4xl		> * {margin-top:var(--space-4xl);  margin-bottom:var(--space-4xl);  }
    .lg\:m-gutter-y-5xl		> * {margin-top:var(--space-5xl);  margin-bottom:var(--space-5xl);  }

    [class*="lg\:m-gutter-y"] > *:first-child   {margin-top:0}
    [class*="lg\:m-gutter-y"] > *:last-child    {margin-bottom:0}

    .lg\:m-gutter-x-auto	> *{margin-left:auto; margin-right:auto}
    .lg\:m-gutter-x-0		> *{margin-left:0;  margin-right:0}
    .lg\:m-gutter-x-xxs		> *{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .lg\:m-gutter-x-xs		> *{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .lg\:m-gutter-x-s		> *{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .lg\:m-gutter-x-m		> *{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .lg\:m-gutter-x			> *{margin-left:var(--space);      margin-right:var(--space);      }
    .lg\:m-gutter-x-lg		> *{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .lg\:m-gutter-x-xl		> *{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .lg\:m-gutter-x-2xl		> *{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .lg\:m-gutter-x-3xl		> *{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .lg\:m-gutter-x-4xl		> *{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .lg\:m-gutter-x-5xl		> *{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }

    [class*="lg\:m-gutter-x"] > *:first-child   {margin-left:0}
    [class*="lg\:m-gutter-x"] > *:last-child    {margin-right:0}
 
    .lg\:gap-0				{gap:0}
    .lg\:gap-xxs			{gap:var(--space-xxs)}
    .lg\:gap-xs				{gap:var(--space-xs)}
    .lg\:gap-s				{gap:var(--space-s)}
    .lg\:gap-m				{gap:var(--space-m)}
    .lg\:gap				{gap:var(--space)}	
    .lg\:gap-lg				{gap:var(--space-lg)}
    .lg\:gap-xl				{gap:var(--space-xl)}
    .lg\:gap-2xl			{gap:var(--space-2xl)}
    .lg\:gap-3xl			{gap:var(--space-3xl)}
    .lg\:gap-4xl			{gap:var(--space-4xl)}
    .lg\:gap-5xl			{gap:var(--space-5xl)}
     
    .lg\:row-gap-0			{row-gap:0}
    .lg\:row-gap-xxs		{row-gap:var(--space-xxs)}
    .lg\:row-gap-xs			{row-gap:var(--space-xs)}
    .lg\:row-gap-s			{row-gap:var(--space-s)}
    .lg\:row-gap-m			{row-gap:var(--space-m)}
    .lg\:row-gap			{row-gap:var(--space)}	
    .lg\:row-gap-lg			{row-gap:var(--space-lg)}
    .lg\:row-gap-xl			{row-gap:var(--space-xl)}
    .lg\:row-gap-2xl		{row-gap:var(--space-2xl)}
    .lg\:row-gap-3xl		{row-gap:var(--space-3xl)}
    .lg\:row-gap-4xl		{row-gap:var(--space-4xl)}
    .lg\:row-gap-5xl		{row-gap:var(--space-5xl)}
     
    .lg\:col-gap-0			{column-gap:0}
    .lg\:col-gap-xxs		{column-gap:var(--space-xxs)}
    .lg\:col-gap-xs			{column-gap:var(--space-xs)}
    .lg\:col-gap-s			{column-gap:var(--space-s)}
    .lg\:col-gap-m			{column-gap:var(--space-m)}
    .lg\:col-gap			{column-gap:var(--space)}	
    .lg\:col-gap-lg			{column-gap:var(--space-lg)}
    .lg\:col-gap-xl			{column-gap:var(--space-xl)}
    .lg\:col-gap-2xl		{column-gap:var(--space-2xl)}
    .lg\:col-gap-3xl		{column-gap:var(--space-3xl)}
    .lg\:col-gap-4xl		{column-gap:var(--space-4xl)}
    .lg\:col-gap-5xl		{column-gap:var(--space-5xl)}

    .lg\:min-w-0		{min-width: 0px;}
    .lg\:min-w-full		{min-width: 100%;}
    .lg\:min-w-screen	{min-width: 100vw;}
    .lg\:min-w-min		{min-width: min-content;}

    .lg\:w-full			{width: 100%;}
    .lg\:w-half	        {width: 50%;}
    .lg\:w-screen		{width: 100vw;}
    .lg\:w-auto			{width: auto;}
    .lg\:w-min			{width: min-content;}
    .lg\:w-max			{width: max-content;}
    .lg\:w-1			{width: 8.3333%;}
    .lg\:w-2			{width: 16.6667%;}
    .lg\:w-3			{width: 25%;}
    .lg\:w-4			{width: 33.3333%;}
    .lg\:w-5			{width: 41.6667%;}
    .lg\:w-6			{width: 50%;}
    .lg\:w-7			{width: 58.3333%;}
    .lg\:w-8			{width: 66.6667%;}
    .lg\:w-9			{width: 75%;}
    .lg\:w-10			{width: 83.3333%;}
    .lg\:w-11			{width: 91.6667%;}
    .lg\:w-12			{width: 100%;}

    .lg\:w-64px		    {width: 64px}
    .lg\:w-128px		{width: 128px}

    .lg\:max-w-0		{max-width: 0px;}
    .lg\:max-w-full		{max-width: 100%;}
    .lg\:max-w-screen	{max-width: 100vw;}
    .lg\:max-w-min		{max-width: min-content;}
    .lg\:max-w-max		{max-width: max-content;}
    .lg\:max-w-640      {max-width:640px}

    .lg\:min-h-0		{min-height: 0px;}
    .lg\:min-h-full		{min-height: 100%;}
    .lg\:min-h-screen	{min-height: 100vh;}

    .lg\:h-full			{height: 100%;}
    .lg\:h-screen		{height: 100vh;}
    .lg\:h-auto			{height: auto;}

    .lg\:max-h-0		{max-height: 0px;}
    .lg\:max-h-full		{max-height: 100%;}
    .lg\:max-h-screen	{max-height: 100vh;}

    .lg\:text-center	{text-align: center;}
    .lg\:text-justify	{text-align: justify;}
    .lg\:text-left		{text-align: left;}
    .lg\:text-right		{text-align: right;}
}
@media (min-width: 1400px) {
	:root {
			--container		: 1320px;
		}
	.container  {width:var(--container)}
    .xl\:d-none,hidden                  {display: none;}
    .xl\:d-block						{display: block;}
    .xl\:d-inline						{display: inline;}
    .xl\:d-inline-block					{display: inline-block;}
    .xl\:d-flex							{display: flex;}
    .xl\:d-flex-a-center				{display: flex; align-items:center}
    .xl\:d-flex-j-center				{display: flex; justify-content:center}
    .xl\:d-flex-center					{display: flex; place-content:center; place-items:center}
    .xl\:d-table-cell				    {display:table-cell;}
    .xl\:d-inline-flex					{display: inline-flex;}
 
    .xl\:overscroll-auto				{overscroll-behavior: auto;}
    .xl\:overscroll-contain				{overscroll-behavior: contain;}
    .xl\:overscroll-none				{overscroll-behavior: none;}
    .xl\:overscroll-y-auto				{overscroll-behavior-y: auto;}
    .xl\:overscroll-y-contain			{overscroll-behavior-y: contain;}
    .xl\:overscroll-y-none				{overscroll-behavior-y: none;}
    .xl\:overscroll-x-auto				{overscroll-behavior-x: auto;}
    .xl\:overscroll-x-contain			{overscroll-behavior-x: contain;}
    .xl\:overscroll-x-none				{overscroll-behavior-x: none;}

    .xl\:of-auto		{overflow: auto;}
    .xl\:of-hidden	    {overflow: hidden;}
    .xl\:of-visible	    {overflow: visible;}
    .xl\:of-scroll	    {overflow: scroll;}
    .xl\:of-x-auto	    {overflow-x: auto;}
    .xl\:of-x-hidden	{overflow-x: hidden;}
    .xl\:of-x-visible	{overflow-x: visible;}
    .xl\:of-x-scroll	{overflow-x: scroll;}
    .xl\:of-y-auto	    {overflow-y: auto;}
    .xl\:of-y-hidden	{overflow-y: hidden;}
    .xl\:of-y-visible	{overflow-y: visible;}
    .xl\:of-y-scroll	{overflow-y: scroll;}

    .xl\:position-static	{position: static;}
    .xl\:position-fixed		{position: fixed;}
    .xl\:position-relative	{position: relative;}
    .xl\:position-absolute	{position: absolute;}
    .xl\:position-sticky	{position: sticky;}

    .xl\:top-auto			{top: auto;}
    .xl\:top-0				{top: 0;}
    .xl\:top-50				{top: 50%;}
    .xl\:top-100			{top: 100%;}
    .xl\:right-auto			{right: auto;}
    .xl\:right-0			{right: 0;}
    .xl\:right-50			{right: 50%;}
    .xl\:right-100			{right: 100%;}
    .xl\:bottom-auto		{bottom: auto;}
    .xl\:bottom-0			{bottom: 0;}
    .xl\:bottom-50			{bottom: 50%;}
    .xl\:bottom-100			{bottom: 100%;}
    .xl\:left-auto			{left: auto;}
    .xl\:left-0				{left: 0;}
    .xl\:left-50			{left: 50%;}
    .xl\:left-100			{left: 100%;}

    .xl\:z-auto				{z-index: auto;}
    .xl\:z-0				{z-index: 0;}
    .xl\:z-1				{z-index: 1;}
    .xl\:z-2				{z-index: 2;}
    .xl\:z-3				{z-index: 3;}
    .xl\:z-4				{z-index: 4;}
    .xl\:z-5				{z-index: 5;}
    .xl\:z-100				{z-index: 100;}
    .xl\:z-101				{z-index: 101;}
    .xl\:z-102				{z-index: 102;}
    .xl\:z-1050				{z-index: 1050;}
    .xl\:z-1060				{z-index: 1060;}
    .xl\:z-1070				{z-index: 1070;}
    .xl\:z-1080				{z-index: 1080;}
    .xl\:z-1090				{z-index: 1090;}

    .xl\:row						{display: flex;flex-wrap: wrap;}
    .xl\:row > *					{flex-shrink: 0;width: 100%; min-width:0; max-width: 100%;}
    .xl\:col						{flex: 1 0 0%}
    .xl\:row-cols-auto > *			{flex: 0 0 auto;width: auto}
    .xl\:row-cols-1 > *				{flex: 0 0 auto;width: 100%}
    .xl\:row-cols-2 > *				{flex: 0 0 auto;width: 50%}
    .xl\:row-cols-3 > *				{flex: 0 0 auto;width: 33.3333333333%}
    .xl\:row-cols-4 > *				{flex: 0 0 auto;width: 25%}
    .xl\:row-cols-5 > *				{flex: 0 0 auto;width: 20%}
    .xl\:row-cols-6 > *				{flex: 0 0 auto;width: 16.6666666667%}

    .xl\:col-auto					{flex: 0 0 auto;width: auto}
    .xl\:col-1						{flex: 0 0 auto;width: 8.33333333%}
    .xl\:col-2						{flex: 0 0 auto;width: 16.66666667%}
    .xl\:col-3						{flex: 0 0 auto;width: 25%}
    .xl\:col-4						{flex: 0 0 auto;width: 33.33333333%}
    .xl\:col-5						{flex: 0 0 auto;width: 41.66666667%}
    .xl\:col-6						{flex: 0 0 auto;width: 50%}
    .xl\:col-7						{flex: 0 0 auto;width: 58.33333333%}
    .xl\:col-8						{flex: 0 0 auto;width: 66.66666667%}
    .xl\:col-9						{flex: 0 0 auto;width: 75%}
    .xl\:col-10						{flex: 0 0 auto;width: 83.33333333%}
    .xl\:col-11						{flex: 0 0 auto;width: 91.66666667%}
    .xl\:col-12						{flex: 0 0 auto;width: 100%}
    .xl\:col-300					{flex: 0 0 auto;width: 300px}
    .xl\:col-220					{flex: 0 0 auto;width: 220px}

    .xl\:grid						{display:grid; grid-template-columns:repeat(12,minmax(1px, 8.33333333333333333%));}
    .xl\:grid-cols-1				{display:grid; grid-template-columns:repeat(1,minmax(1px,100%))}
    .xl\:grid-cols-2				{display:grid; grid-template-columns:repeat(2,minmax(1px, 50%))}
    .xl\:grid-cols-3				{display:grid; grid-template-columns:repeat(3,minmax(1px,33.3333333333%))}
    .xl\:grid-cols-4				{display:grid; grid-template-columns:repeat(4,minmax(1px,25%))}
    .xl\:grid-cols-5				{display:grid; grid-template-columns:repeat(5,minmax(1px,20%))}
    .xl\:grid-cols-6				{display:grid; grid-template-columns:repeat(6,minmax(1px,16.6666666667%))}

    .xl\:grid-cols-auto	            {display:grid; grid-auto-flow: column; grid-auto-columns: min-content; align-items:center}
    .xl\:grid-cols-template	        {display:grid; grid-template-columns:var(--template); align-items:center}

    .xl\:g-col-1				{grid-column:auto/span 1}
    .xl\:g-col-2				{grid-column:auto/span 2}
    .xl\:g-col-3				{grid-column:auto/span 3}
    .xl\:g-col-4				{grid-column:auto/span 4}
    .xl\:g-col-5				{grid-column:auto/span 5}
    .xl\:g-col-6				{grid-column:auto/span 6}
    .xl\:g-col-7				{grid-column:auto/span 7}
    .xl\:g-col-8				{grid-column:auto/span 8}
    .xl\:g-col-9				{grid-column:auto/span 9}
    .xl\:g-col-10				{grid-column:auto/span 10}
    .xl\:g-col-11				{grid-column:auto/span 11}
    .xl\:g-col-12				{grid-column:auto/span 12}

    .xl\:g-row-1				{grid-row:auto/span 1}
    .xl\:g-row-2				{grid-row:auto/span 2}
    .xl\:g-row-3				{grid-row:auto/span 3}
    .xl\:g-row-4				{grid-row:auto/span 4}
    .xl\:g-row-5				{grid-row:auto/span 5}
    .xl\:g-row-6				{grid-row:auto/span 6}
    .xl\:g-row-7				{grid-row:auto/span 7}
    .xl\:g-row-8				{grid-row:auto/span 8}
    .xl\:g-row-9				{grid-row:auto/span 9}
    .xl\:g-row-10				{grid-row:auto/span 10}
    .xl\:g-row-11				{grid-row:auto/span 11}
    .xl\:g-row-12				{grid-row:auto/span 12}


    .xl\:g-start-1			{grid-column-start:1}
    .xl\:g-start-2			{grid-column-start:2}
    .xl\:g-start-3			{grid-column-start:3}
    .xl\:g-start-4			{grid-column-start:4}
    .xl\:g-start-5			{grid-column-start:5}
    .xl\:g-start-6			{grid-column-start:6}
    .xl\:g-start-7			{grid-column-start:7}
    .xl\:g-start-8			{grid-column-start:8}
    .xl\:g-start-9			{grid-column-start:9}
    .xl\:g-start-10			{grid-column-start:10}
    .xl\:g-start-11			{grid-column-start:11}

    .xl\:flex-row				{flex-direction: row;}
    .xl\:flex-row-reverse		{flex-direction: row-reverse;}
    .xl\:flex-col			    {flex-direction: column;}
    .xl\:flex-col-reverse	    {flex-direction: column-reverse;}

    .xl\:flex-wrap				{flex-wrap: wrap;}
    .xl\:flex-wrap-reverse		{flex-wrap: wrap-reverse;}
    .xl\:flex-nowrap			{flex-wrap: nowrap;}
     
    .xl\:flex-1 > *				{flex: 1 0 0%;}
    .xl\:flex-auto > *			{flex: 0 0 auto; width:auto}
    .xl\:flex-initial > *		{flex: 1 1 0;}
    .xl\:flex-none > *			{flex: none;}

    .xl\:flex-grow-0			{flex-grow: 0;}
    .xl\:flex-grow-1			{flex-grow: 1;}
     
    .xl\:flex-shrink-0			{flex-shrink: 0;}
    .xl\:flex-shrink-1			{flex-shrink: 1;}

    .xl\:order-0			{order: 0;}
    .xl\:order-1			{order: 1;}
    .xl\:order-2			{order: 2;}
    .xl\:order-3			{order: 3;}
    .xl\:order-4			{order: 4;}
    .xl\:order-5			{order: 5;}
    .xl\:order-6			{order: 6;}

    .xl\:justify-content-start		{justify-content: flex-start;}
    .xl\:justify-content-end		{justify-content: flex-end;}
    .xl\:justify-content-center		{justify-content: center;}
    .xl\:justify-content-between	{justify-content: space-between;}
    .xl\:justify-content-around		{justify-content: space-around;}
    .xl\:justify-content-evenly		{justify-content: space-evenly;}

    .xl\:justify-items-start		{justify-items: flex-start;}
    .xl\:justify-items-end		    {justify-items: flex-end;}
    .xl\:justify-items-center		{justify-items: center;}

    .xl\:align-content-start		{align-content: flex-start;}
    .xl\:align-content-end			{align-content: flex-end;}
    .xl\:align-content-center		{align-content: center;}
    .xl\:align-content-between		{align-content: space-between;}
    .xl\:align-content-around		{align-content: space-around;}
    .xl\:align-content-evenly		{align-content: space-evenly;}
     
    .xl\:align-items-stretch		{align-items: stretch;}
    .xl\:align-items-start			{align-items: flex-start;}
    .xl\:align-items-center			{align-items: center;}
    .xl\:align-items-end			{align-items: flex-end;}
    .xl\:align-items-baseline		{align-items: baseline;}

    .xl\:place-center               {place-items:center; place-content:center}
     
    .xl\:float-start		{float:left}
    .xl\:float-end			{float:right}
    .xl\:float-none			{float:none}
    .xl\:clear			    {clear:both;}

    .xl\:vertical-align-baseline	{vertical-align: baseline;}
    .xl\:vertical-align-top			{vertical-align: top;}
    .xl\:vertical-align-middle		{vertical-align: middle;}
    .xl\:vertical-align-bottom		{vertical-align: bottom;}
    .xl\:vertical-align-text-top	{vertical-align: text-top;}
    .xl\:vertical-align-text-bottom	{vertical-align: text-bottom;}
    .xl\:vertical-align-sub			{vertical-align: sub;}
    .xl\:vertical-align-super		{vertical-align: super;}

    .xl\:p-0		{padding:0}
    .xl\:p-1        {padding:1px;}
    .xl\:p-2        {padding:2px;}
    .xl\:p-xxs		{padding:var(--space-xxs);}
    .xl\:p-xs		{padding:var(--space-xs);}
    .xl\:p-s		{padding:var(--space-s);}   
    .xl\:p-m		{padding:var(--space-m);}
    .xl\:p			{padding:var(--space);}  
    .xl\:p-lg		{padding:var(--space-lg);}
    .xl\:p-xl		{padding:var(--space-xl);} 
    .xl\:p-2xl		{padding:var(--space-2xl);} 
    .xl\:p-3xl		{padding:var(--space-3xl);}
    .xl\:p-4xl		{padding:var(--space-4xl);} 
    .xl\:p-5xl		{padding:var(--space-5xl);}

    .xl\:pl-0		{padding-left:0        }
    .xl\:pl-xxs		{padding-left:var(--space-xxs);}
    .xl\:pl-xs		{padding-left:var(--space-xs);}
    .xl\:pl-s		{padding-left:var(--space-s);}   
    .xl\:pl-m		{padding-left:var(--space-m);}
    .xl\:pl			{padding-left:var(--space);}  
    .xl\:pl-lg		{padding-left:var(--space-lg);}
    .xl\:pl-xl		{padding-left:var(--space-xl);} 
    .xl\:pl-2xl		{padding-left:var(--space-2xl);} 
    .xl\:pl-3xl		{padding-left:var(--space-3xl);}
    .xl\:pl-4xl		{padding-left:var(--space-4xl);} 
    .xl\:pl-5xl		{padding-left:var(--space-5xl);}

    .xl\:pr-0		{padding-right:0        }
    .xl\:pr-xxs		{padding-right:var(--space-xxs);}
    .xl\:pr-xs		{padding-right:var(--space-xs);}
    .xl\:pr-s		{padding-right:var(--space-s);}   
    .xl\:pr-m		{padding-right:var(--space-m);}
    .xl\:pr			{padding-right:var(--space);}  
    .xl\:pr-lg		{padding-right:var(--space-lg);}
    .xl\:pr-xl		{padding-right:var(--space-xl);} 
    .xl\:pr-2xl		{padding-right:var(--space-2xl);} 
    .xl\:pr-3xl		{padding-right:var(--space-3xl);}
    .xl\:pr-4xl		{padding-right:var(--space-4xl);} 
    .xl\:pr-5xl		{padding-right:var(--space-5xl);}

    .xl\:pt-0		{padding-top:0        }
    .xl\:pt-xxs		{padding-top:var(--space-xxs);}
    .xl\:pt-xs		{padding-top:var(--space-xs);}
    .xl\:pt-s		{padding-top:var(--space-s);}   
    .xl\:pt-m		{padding-top:var(--space-m);}
    .xl\:pt			{padding-top:var(--space);}  
    .xl\:pt-lg		{padding-top:var(--space-lg);}
    .xl\:pt-xl		{padding-top:var(--space-xl);} 
    .xl\:pt-2xl		{padding-top:var(--space-2xl);} 
    .xl\:pt-3xl		{padding-top:var(--space-3xl);}
    .xl\:pt-4xl		{padding-top:var(--space-4xl);} 
    .xl\:pt-5xl		{padding-top:var(--space-5xl);}

    .xl\:pb-0		{padding-bottom:0        }
    .xl\:pb-xxs		{padding-bottom:var(--space-xxs);}
    .xl\:pb-xs		{padding-bottom:var(--space-xs);}
    .xl\:pb-s		{padding-bottom:var(--space-s);}   
    .xl\:pb-m		{padding-bottom:var(--space-m);}
    .xl\:pb			{padding-bottom:var(--space);}  
    .xl\:pb-lg		{padding-bottom:var(--space-lg);}
    .xl\:pb-xl		{padding-bottom:var(--space-xl);} 
    .xl\:pb-2xl		{padding-bottom:var(--space-2xl);} 
    .xl\:pb-3xl		{padding-bottom:var(--space-3xl);}
    .xl\:pb-4xl		{padding-bottom:var(--space-4xl);} 
    .xl\:pb-5xl		{padding-bottom:var(--space-5xl);}

    .xl\:px-0		{padding-left:0       ; padding-right:0       ;}
    .xl\:px-xxs		{padding-left:var(--space-xxs); padding-right:var(--space-xxs); }
    .xl\:px-xs		{padding-left:var(--space-xs);  padding-right:var(--space-xs);  }
    .xl\:px-s		{padding-left:var(--space-s);   padding-right:var(--space-s);   }
    .xl\:px-m		{padding-left:var(--space-m);   padding-right:var(--space-m);   }
    .xl\:px			{padding-left:var(--space);     padding-right:var(--space);     }
    .xl\:px-lg		{padding-left:var(--space-lg);  padding-right:var(--space-lg);  }
    .xl\:px-xl		{padding-left:var(--space-xl);  padding-right:var(--space-xl);  }
    .xl\:px-2xl		{padding-left:var(--space-2xl); padding-right:var(--space-2xl); }
    .xl\:px-3xl		{padding-left:var(--space-3xl); padding-right:var(--space-3xl); }
    .xl\:px-4xl		{padding-left:var(--space-4xl); padding-right:var(--space-4xl); }
    .xl\:px-5xl		{padding-left:var(--space-5xl); padding-right:var(--space-5xl); }

    .xl\:py-0		{padding-top:0       ;padding-bottom:0       ;}
    .xl\:py-xxs		{padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .xl\:py-xs		{padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .xl\:py-s		{padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .xl\:py-m		{padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .xl\:py			{padding-top:var(--space);     padding-bottom:var(--space);     }
    .xl\:py-lg		{padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .xl\:py-xl		{padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .xl\:py-2xl		{padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .xl\:py-3xl		{padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .xl\:py-4xl		{padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .xl\:py-5xl		{padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }

    .xl\:p-gutter-y-0		> * {padding-top:0       ;padding-bottom:0       ;}
    .xl\:p-gutter-y-xxs		> * {padding-top:var(--space-xxs); padding-bottom:var(--space-xxs); }
    .xl\:p-gutter-y-xs		> * {padding-top:var(--space-xs);  padding-bottom:var(--space-xs);  }
    .xl\:p-gutter-y-s		> * {padding-top:var(--space-s);   padding-bottom:var(--space-s);   }
    .xl\:p-gutter-y-m		> * {padding-top:var(--space-m);   padding-bottom:var(--space-m);   }
    .xl\:p-gutter-y			> * {padding-top:var(--space);     padding-bottom:var(--space);     }
    .xl\:p-gutter-y-lg		> * {padding-top:var(--space-lg);  padding-bottom:var(--space-lg);  }
    .xl\:p-gutter-y-xl		> * {padding-top:var(--space-xl);  padding-bottom:var(--space-xl);  }
    .xl\:p-gutter-y-2xl		> * {padding-top:var(--space-2xl); padding-bottom:var(--space-2xl); }
    .xl\:p-gutter-y-3xl		> * {padding-top:var(--space-3xl); padding-bottom:var(--space-3xl); }
    .xl\:p-gutter-y-4xl		> * {padding-top:var(--space-4xl); padding-bottom:var(--space-4xl); }
    .xl\:p-gutter-y-5xl		> * {padding-top:var(--space-5xl); padding-bottom:var(--space-5xl); }
    [class*="lg\:p-gutter-y"] > *:first-child   {padding-top:0}
    [class*="lg\:p-gutter-y"] > *:last-child    {padding-bottom:0}

    .xl\:p-gutter-x-0 > *	    {padding-left:0       ; padding-right:0       ;}
    .xl\:p-gutter-x-xxs	 > *	{padding-left:var(--space-xxs); padding-right:var(--space-xxs); }
    .xl\:p-gutter-x-xs	 > *	{padding-left:var(--space-xs);  padding-right:var(--space-xs);  }
    .xl\:p-gutter-x-s	 > *	{padding-left:var(--space-s);   padding-right:var(--space-s);   }
    .xl\:p-gutter-x-m	 > *	{padding-left:var(--space-m);   padding-right:var(--space-m);   }
    .xl\:p-gutter-x		 > *	{padding-left:var(--space);     padding-right:var(--space);     }
    .xl\:p-gutter-x-lg	 > *	{padding-left:var(--space-lg);  padding-right:var(--space-lg);  }
    .xl\:p-gutter-x-xl	 > *	{padding-left:var(--space-xl);  padding-right:var(--space-xl);  }
    .xl\:p-gutter-x-2xl	 > *	{padding-left:var(--space-2xl); padding-right:var(--space-2xl); }
    .xl\:p-gutter-x-3xl	 > *	{padding-left:var(--space-3xl); padding-right:var(--space-3xl); }
    .xl\:p-gutter-x-4xl	 > *	{padding-left:var(--space-4xl); padding-right:var(--space-4xl); }
    .xl\:p-gutter-x-5xl	 > *	{padding-left:var(--space-5xl); padding-right:var(--space-5xl); }
 
    [class*="lg\:p-gutter-x"] > *:first-child   {padding-left:0}
    [class*="lg\:p-gutter-x"] > *:last-child    {padding-right:0}
 
    .xl\:m-auto		{margin:auto}
    .xl\:m-0		{margin:0}
    .xl\:m-xxs		{margin:var(--space-xxs);  }
    .xl\:m-xs		{margin:var(--space-xs);   }
    .xl\:m-s		{margin:var(--space-s);    }
    .xl\:m-m		{margin:var(--space-m);    }
    .xl\:m			{margin:var(--space);      }
    .xl\:m-lg		{margin:var(--space-lg);   }
    .xl\:m-xl		{margin:var(--space-xl);   }
    .xl\:m-2xl		{margin:var(--space-2xl);  }
    .xl\:m-3xl		{margin:var(--space-3xl);  }
    .xl\:m-4xl		{margin:var(--space-4xl);  }
    .xl\:m-5xl		{margin:var(--space-5xl);  }
 
    .xl\:ml-auto	{margin-left:auto}
    .xl\:ml-0		{margin-left:0}
    .xl\:ml-xxs		{margin-left:var(--space-xxs);  }
    .xl\:ml-xs		{margin-left:var(--space-xs);   }
    .xl\:ml-s		{margin-left:var(--space-s);    }
    .xl\:ml-m		{margin-left:var(--space-m);    }
    .xl\:ml			{margin-left:var(--space);      }
    .xl\:ml-lg		{margin-left:var(--space-lg);   }
    .xl\:ml-xl		{margin-left:var(--space-xl);   }
    .xl\:ml-2xl		{margin-left:var(--space-2xl);  }
    .xl\:ml-3xl		{margin-left:var(--space-3xl);  }
    .xl\:ml-4xl		{margin-left:var(--space-4xl);  }
    .xl\:ml-5xl		{margin-left:var(--space-5xl);  }
 
    .xl\:mr-auto	{margin-right:auto}
    .xl\:mr-0		{margin-right:0}
    .xl\:mr-xxs		{margin-right:var(--space-xxs);  }
    .xl\:mr-xs		{margin-right:var(--space-xs);   }
    .xl\:mr-s		{margin-right:var(--space-s);    }
    .xl\:mr-m		{margin-right:var(--space-m);    }
    .xl\:mr			{margin-right:var(--space);      }
    .xl\:mr-lg		{margin-right:var(--space-lg);   }
    .xl\:mr-xl		{margin-right:var(--space-xl);   }
    .xl\:mr-2xl		{margin-right:var(--space-2xl);  }
    .xl\:mr-3xl		{margin-right:var(--space-3xl);  }
    .xl\:mr-4xl		{margin-right:var(--space-4xl);  }
    .xl\:mr-5xl		{margin-right:var(--space-5xl);  }
 
    .xl\:mt-auto	{margin-top:auto}
    .xl\:mt-0		{margin-top:0}
    .xl\:mt-xxs		{margin-top:var(--space-xxs);  }
    .xl\:mt-xs		{margin-top:var(--space-xs);   }
    .xl\:mt-s		{margin-top:var(--space-s);    }
    .xl\:mt-m		{margin-top:var(--space-m);    }
    .xl\:mt			{margin-top:var(--space);      }
    .xl\:mt-lg		{margin-top:var(--space-lg);   }
    .xl\:mt-xl		{margin-top:var(--space-xl);   }
    .xl\:mt-2xl		{margin-top:var(--space-2xl);  }
    .xl\:mt-3xl		{margin-top:var(--space-3xl);  }
    .xl\:mt-4xl		{margin-top:var(--space-4xl);  }
    .xl\:mt-5xl		{margin-top:var(--space-5xl);  }
 
    .xl\:mb-auto	{margin-bottom:auto}
    .xl\:mb-0		{margin-bottom:0}
    .xl\:mb-xxs		{margin-bottom:var(--space-xxs);  }
    .xl\:mb-xs		{margin-bottom:var(--space-xs);   }
    .xl\:mb-s		{margin-bottom:var(--space-s);    }
    .xl\:mb-m		{margin-bottom:var(--space-m);    }
    .xl\:mb			{margin-bottom:var(--space);      }
    .xl\:mb-lg		{margin-bottom:var(--space-lg);   }
    .xl\:mb-xl		{margin-bottom:var(--space-xl);   }
    .xl\:mb-2xl		{margin-bottom:var(--space-2xl);  }
    .xl\:mb-3xl		{margin-bottom:var(--space-3xl);  }
    .xl\:mb-4xl		{margin-bottom:var(--space-4xl);  }
    .xl\:mb-5xl		{margin-bottom:var(--space-5xl);  }
 
    .xl\:mx-auto	{margin-left:auto; margin-right:auto}
    .xl\:mx-0		{margin-left:0;  margin-right:0}
    .xl\:mx-xxs		{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .xl\:mx-xs		{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .xl\:mx-s		{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .xl\:mx-m		{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .xl\:mx			{margin-left:var(--space);      margin-right:var(--space);      }
    .xl\:mx-lg		{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .xl\:mx-xl		{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .xl\:mx-2xl		{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .xl\:mx-3xl		{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .xl\:mx-4xl		{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .xl\:mx-5xl		{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }
 
    .xl\:my-auto	{margin-top:auto; margin-bottom:auto;}
    .xl\:my-0		{margin-top:0       ; margin-bottom:0}
    .xl\:my-xxs		{margin-top:var(--space-xxs);  margin-bottom:var(--space-xxs);  }
    .xl\:my-xs		{margin-top:var(--space-xs);   margin-bottom:var(--space-xs);   }
    .xl\:my-s		{margin-top:var(--space-s);    margin-bottom:var(--space-s);    }
    .xl\:my-m		{margin-top:var(--space-m);    margin-bottom:var(--space-m);    }
    .xl\:my			{margin-top:var(--space);      margin-bottom:var(--space);      }
    .xl\:my-lg		{margin-top:var(--space-lg);   margin-bottom:var(--space-lg);   }
    .xl\:my-xl		{margin-top:var(--space-xl);   margin-bottom:var(--space-xl);   }
    .xl\:my-2xl		{margin-top:var(--space-2xl);  margin-bottom:var(--space-2xl);  }
    .xl\:my-3xl		{margin-top:var(--space-3xl);  margin-bottom:var(--space-3xl);  }
    .xl\:my-4xl		{margin-top:var(--space-4xl);  margin-bottom:var(--space-4xl);  }
    .xl\:my-5xl		{margin-top:var(--space-5xl);  margin-bottom:var(--space-5xl);  }
 
    .xl\:m-gutter-y-auto	> * {margin-top:auto;   margin-bottom:auto;}
    .xl\:m-gutter-y-0		> * {margin-top:0       ; margin-bottom:0}
    .xl\:m-gutter-y-xxs		> * {margin-top:var(--space-xxs);  margin-bottom:var(--space-xxs);  }
    .xl\:m-gutter-y-xs		> * {margin-top:var(--space-xs);   margin-bottom:var(--space-xs);   }
    .xl\:m-gutter-y-s		> * {margin-top:var(--space-s);    margin-bottom:var(--space-s);    }
    .xl\:m-gutter-y-m		> * {margin-top:var(--space-m);    margin-bottom:var(--space-m);    }
    .xl\:m-gutter-y			> * {margin-top:var(--space);      margin-bottom:var(--space);      }
    .xl\:m-gutter-y-lg		> * {margin-top:var(--space-lg);   margin-bottom:var(--space-lg);   }
    .xl\:m-gutter-y-xl		> * {margin-top:var(--space-xl);   margin-bottom:var(--space-xl);   }
    .xl\:m-gutter-y-2xl		> * {margin-top:var(--space-2xl);  margin-bottom:var(--space-2xl);  }
    .xl\:m-gutter-y-3xl		> * {margin-top:var(--space-3xl);  margin-bottom:var(--space-3xl);  }
    .xl\:m-gutter-y-4xl		> * {margin-top:var(--space-4xl);  margin-bottom:var(--space-4xl);  }
    .xl\:m-gutter-y-5xl		> * {margin-top:var(--space-5xl);  margin-bottom:var(--space-5xl);  }

    [class*="lg\:m-gutter-y"] > *:first-child   {margin-top:0}
    [class*="lg\:m-gutter-y"] > *:last-child    {margin-bottom:0}

    .xl\:m-gutter-x-auto	> *{margin-left:auto; margin-right:auto}
    .xl\:m-gutter-x-0		> *{margin-left:0;  margin-right:0}
    .xl\:m-gutter-x-xxs		> *{margin-left:var(--space-xxs);  margin-right:var(--space-xxs);  }
    .xl\:m-gutter-x-xs		> *{margin-left:var(--space-xs);   margin-right:var(--space-xs);   }
    .xl\:m-gutter-x-s		> *{margin-left:var(--space-s);    margin-right:var(--space-s);    }
    .xl\:m-gutter-x-m		> *{margin-left:var(--space-m);    margin-right:var(--space-m);    }
    .xl\:m-gutter-x			> *{margin-left:var(--space);      margin-right:var(--space);      }
    .xl\:m-gutter-x-lg		> *{margin-left:var(--space-lg);   margin-right:var(--space-lg);   }
    .xl\:m-gutter-x-xl		> *{margin-left:var(--space-xl);   margin-right:var(--space-xl);   }
    .xl\:m-gutter-x-2xl		> *{margin-left:var(--space-2xl);  margin-right:var(--space-2xl);  }
    .xl\:m-gutter-x-3xl		> *{margin-left:var(--space-3xl);  margin-right:var(--space-3xl);  }
    .xl\:m-gutter-x-4xl		> *{margin-left:var(--space-4xl);  margin-right:var(--space-4xl);  }
    .xl\:m-gutter-x-5xl		> *{margin-left:var(--space-5xl);  margin-right:var(--space-5xl);  }

    [class*="lg\:m-gutter-x"] > *:first-child   {margin-left:0}
    [class*="lg\:m-gutter-x"] > *:last-child    {margin-right:0}
 
    .xl\:gap-0				{gap:0}
    .xl\:gap-xxs			{gap:var(--space-xxs)}
    .xl\:gap-xs				{gap:var(--space-xs)}
    .xl\:gap-s				{gap:var(--space-s)}
    .xl\:gap-m				{gap:var(--space-m)}
    .xl\:gap				{gap:var(--space)}	
    .xl\:gap-lg				{gap:var(--space-lg)}
    .xl\:gap-xl				{gap:var(--space-xl)}
    .xl\:gap-2xl			{gap:var(--space-2xl)}
    .xl\:gap-3xl			{gap:var(--space-3xl)}
    .xl\:gap-4xl			{gap:var(--space-4xl)}
    .xl\:gap-5xl			{gap:var(--space-5xl)}
     
    .xl\:row-gap-0			{row-gap:0}
    .xl\:row-gap-xxs		{row-gap:var(--space-xxs)}
    .xl\:row-gap-xs			{row-gap:var(--space-xs)}
    .xl\:row-gap-s			{row-gap:var(--space-s)}
    .xl\:row-gap-m			{row-gap:var(--space-m)}
    .xl\:row-gap			{row-gap:var(--space)}	
    .xl\:row-gap-lg			{row-gap:var(--space-lg)}
    .xl\:row-gap-xl			{row-gap:var(--space-xl)}
    .xl\:row-gap-2xl		{row-gap:var(--space-2xl)}
    .xl\:row-gap-3xl		{row-gap:var(--space-3xl)}
    .xl\:row-gap-4xl		{row-gap:var(--space-4xl)}
    .xl\:row-gap-5xl		{row-gap:var(--space-5xl)}
     
    .xl\:col-gap-0			{column-gap:0}
    .xl\:col-gap-xxs		{column-gap:var(--space-xxs)}
    .xl\:col-gap-xs			{column-gap:var(--space-xs)}
    .xl\:col-gap-s			{column-gap:var(--space-s)}
    .xl\:col-gap-m			{column-gap:var(--space-m)}
    .xl\:col-gap			{column-gap:var(--space)}	
    .xl\:col-gap-lg			{column-gap:var(--space-lg)}
    .xl\:col-gap-xl			{column-gap:var(--space-xl)}
    .xl\:col-gap-2xl		{column-gap:var(--space-2xl)}
    .xl\:col-gap-3xl		{column-gap:var(--space-3xl)}
    .xl\:col-gap-4xl		{column-gap:var(--space-4xl)}
    .xl\:col-gap-5xl		{column-gap:var(--space-5xl)}

    .xl\:min-w-0		{min-width: 0px;}
    .xl\:min-w-full		{min-width: 100%;}
    .xl\:min-w-screen	{min-width: 100vw;}
    .xl\:min-w-min		{min-width: min-content;}
    .xl\:min-w-max		{min-width: max-content;}

    .xl\:w-full			{width: 100%;}
    .xl\:w-half	        {width: 50%;}
    .xl\:w-screen		{width: 100vw;}
    .xl\:w-auto			{width: auto;}
    .xl\:w-min			{width: min-content;}
    .xl\:w-max			{width: max-content;}
    .xl\:w-1			{width: 8.3333%;}
    .xl\:w-2			{width: 16.6667%;}
    .xl\:w-3			{width: 25%;}
    .xl\:w-4			{width: 33.3333%;}
    .xl\:w-5			{width: 41.6667%;}
    .xl\:w-6			{width: 50%;}
    .xl\:w-7			{width: 58.3333%;}
    .xl\:w-8			{width: 66.6667%;}
    .xl\:w-9			{width: 75%;}
    .xl\:w-10			{width: 83.3333%;}
    .xl\:w-11			{width: 91.6667%;}
    .xl\:w-12			{width: 100%;}

    .xl\:w-64px		    {width: 64px}
    .xl\:w-128px		{width: 128px}

    .xl\:max-w-0		{max-width: 0px;}
    .xl\:max-w-full		{max-width: 100%;}
    .xl\:max-w-screen	{max-width: 100vw;}
    .xl\:max-w-min		{max-width: min-content;}
    .xl\:max-w-max		{max-width: max-content;}
    .xl\:max-w-640      {max-width:640px}

    .xl\:min-h-0		{min-height: 0px;}
    .xl\:min-h-full		{min-height: 100%;}
    .xl\:min-h-screen	{min-height: 100vh;}

    .xl\:h-full			{height: 100%;}
    .xl\:h-screen		{height: 100vh;}
    .xl\:h-auto			{height: auto;}

    .xl\:max-h-0		{max-height: 0px;}
    .xl\:max-h-full		{max-height: 100%;}
    .xl\:max-h-screen	{max-height: 100vh;}

    .xl\:text-center	{text-align: center;}
    .xl\:text-justify	{text-align: justify;}
    .xl\:text-left		{text-align: left;}
    .xl\:text-right		{text-align: right;}
}
/*************************** /Layout/ ****************************
*****************************************************************/