/* Shadow classes */
.shadow-box-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-md {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-lg {
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
		0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-xl {
	--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
		0 8px 10px -6px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-2xl {
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-inner {
	--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}
.shadow-box-current {
	--tw-shadow-color: currentColor;
	--tw-shadow: var(--tw-shadow-colored);
}
.shadow-none {
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
}

/* Width */
.w-0 {
	width: 0px;
}
.w-px {
	width: 1px;
}
.w-0\.5 {
	width: 0.125rem; /* 2px */
}
.w-1 {
	width: 0.25rem; /* 4px */
}
.w-1\.5 {
	width: 0.375rem; /* 6px */
}
.w-2 {
	width: 0.5rem; /* 8px */
}
.w-2\.5 {
	width: 0.625rem; /* 10px */
}
.w-3 {
	width: 0.75rem; /* 12px */
}
.w-3\.5 {
	width: 0.875rem; /* 14px */
}
.w-4 {
	width: 1rem; /* 16px */
}
.w-5 {
	width: 1.25rem; /* 20px */
}
.w-6 {
	width: 1.5rem; /* 24px */
}
.w-7 {
	width: 1.75rem; /* 28px */
}
.w-8 {
	width: 2rem; /* 32px */
}
.w-9 {
	width: 2.25rem; /* 36px */
}
.w-10 {
	width: 2.5rem; /* 40px */
}
.w-11 {
	width: 2.75rem; /* 44px */
}
.w-12 {
	width: 3rem; /* 48px */
}
.w-14 {
	width: 3.5rem; /* 56px */
}
.w-16 {
	width: 4rem; /* 64px */
}
.w-20 {
	width: 5rem; /* 80px */
}
.w-24 {
	width: 6rem; /* 96px */
}
.w-28 {
	width: 7rem; /* 112px */
}
.w-32 {
	width: 8rem; /* 128px */
}
.w-36 {
	width: 9rem; /* 144px */
}
.w-40 {
	width: 10rem; /* 160px */
}
.w-44 {
	width: 11rem; /* 176px */
}
.w-48 {
	width: 12rem; /* 192px */
}
.w-52 {
	width: 13rem; /* 208px */
}
.w-56 {
	width: 14rem; /* 224px */
}
.w-60 {
	width: 15rem; /* 240px */
}
.w-64 {
	width: 16rem; /* 256px */
}
.w-72 {
	width: 18rem; /* 288px */
}
.w-80 {
	width: 20rem; /* 320px */
}
.w-96 {
	width: 24rem; /* 384px */
}
.w-auto {
	width: auto;
}
.w-1\/2 {
	width: 50%;
}
.w-1\/3 {
	width: 33.333333%;
}
.w-2\/3 {
	width: 66.666667%;
}
.w-1\/4 {
	width: 25%;
}
.w-2\/4 {
	width: 50%;
}
.w-3\/4 {
	width: 75%;
}
.w-1\/5 {
	width: 20%;
}
.w-2\/5 {
	width: 40%;
}
.w-3\/5 {
	width: 60%;
}
.w-4\/5 {
	width: 80%;
}
.w-1\/6 {
	width: 16.666667%;
}
.w-2\/6 {
	width: 33.333333%;
}
.w-3\/6 {
	width: 50%;
}
.w-4\/6 {
	width: 66.666667%;
}
.w-5\/6 {
	width: 83.333333%;
}
.w-1\/12 {
	width: 8.333333%;
}
.w-2\/12 {
	width: 16.666667%;
}
.w-3\/12 {
	width: 25%;
}
.w-4\/12 {
	width: 33.333333%;
}
.w-5\/12 {
	width: 41.666667%;
}
.w-6\/12 {
	width: 50%;
}
.w-7\/12 {
	width: 58.333333%;
}
.w-8\/12 {
	width: 66.666667%;
}
.w-9\/12 {
	width: 75%;
}
.w-10\/12 {
	width: 83.333333%;
}
.w-11\/12 {
	width: 91.666667%;
}
.w-full {
	width: 100%;
}
.w-screen {
	width: 100vw;
}
.w-svw {
	width: 100svw;
}
.w-lvw {
	width: 100lvw;
}
.w-dvw {
	width: 100dvw;
}
.w-min {
	width: min-content;
}
.w-max {
	width: max-content;
}
.w-fit {
	width: fit-content;
}
.w-fill {
	width: -webkit-fill-available;
}

/* Max Width */
.max-w-0 {
	max-width: 0px;
}
.max-w-px {
	max-width: 1px;
}
.max-w-0\.5 {
	max-width: 0.125rem; /* 2px */
}
.max-w-1 {
	max-width: 0.25rem; /* 4px */
}
.max-w-1\.5 {
	max-width: 0.375rem; /* 6px */
}
.max-w-2 {
	max-width: 0.5rem; /* 8px */
}
.max-w-2\.5 {
	max-width: 0.625rem; /* 10px */
}
.max-w-3 {
	max-width: 0.75rem; /* 12px */
}
.max-w-3\.5 {
	max-width: 0.875rem; /* 14px */
}
.max-w-4 {
	max-width: 1rem; /* 16px */
}
.max-w-5 {
	max-width: 1.25rem; /* 20px */
}
.max-w-6 {
	max-width: 1.5rem; /* 24px */
}
.max-w-7 {
	max-width: 1.75rem; /* 28px */
}
.max-w-8 {
	max-width: 2rem; /* 32px */
}
.max-w-9 {
	max-width: 2.25rem; /* 36px */
}
.max-w-10 {
	max-width: 2.5rem; /* 40px */
}
.max-w-11 {
	max-width: 2.75rem; /* 44px */
}
.max-w-12 {
	max-width: 3rem; /* 48px */
}
.max-w-14 {
	max-width: 3.5rem; /* 56px */
}
.max-w-16 {
	max-width: 4rem; /* 64px */
}
.max-w-20 {
	max-width: 5rem; /* 80px */
}
.max-w-24 {
	max-width: 6rem; /* 96px */
}
.max-w-28 {
	max-width: 7rem; /* 112px */
}
.max-w-32 {
	max-width: 8rem; /* 128px */
}
.max-w-36 {
	max-width: 9rem; /* 144px */
}
.max-w-40 {
	max-width: 10rem; /* 160px */
}
.max-w-44 {
	max-width: 11rem; /* 176px */
}
.max-w-48 {
	max-width: 12rem; /* 192px */
}
.max-w-52 {
	max-width: 13rem; /* 208px */
}
.max-w-56 {
	max-width: 14rem; /* 224px */
}
.max-w-60 {
	max-width: 15rem; /* 240px */
}
.max-w-64 {
	max-width: 16rem; /* 256px */
}
.max-w-72 {
	max-width: 18rem; /* 288px */
}
.max-w-80 {
	max-width: 20rem !important; /* 320px */
}
.max-w-96 {
	max-width: 24rem !important; /* 384px */
}
.max-w-none {
	max-width: none;
}
.max-w-xs {
	max-width: 20rem; /* 320px */
}
.max-w-sm {
	max-width: 24rem; /* 384px */
}
.max-w-md {
	max-width: 28rem; /* 448px */
}
.max-w-lg {
	max-width: 32rem; /* 512px */
}
.max-w-xl {
	max-width: 36rem; /* 576px */
}
.max-w-2xl {
	max-width: 42rem; /* 672px */
}
.max-w-3xl {
	max-width: 48rem; /* 768px */
}
.max-w-4xl {
	max-width: 56rem; /* 896px */
}
.max-w-5xl {
	max-width: 64rem; /* 1024px */
}
.max-w-6xl {
	max-width: 72rem; /* 1152px */
}
.max-w-7xl {
	max-width: 80rem; /* 1280px */
}
.max-w-full {
	max-width: 100%;
}
.max-w-min {
	max-width: min-content;
}
.max-w-max {
	max-width: max-content;
}
.max-w-fit {
	max-width: fit-content;
}
.max-w-prose {
	max-width: 65ch;
}
.max-w-screen-sm {
	max-width: 640px;
}
.max-w-screen-md {
	max-width: 768px;
}
.max-w-screen-lg {
	max-width: 1024px;
}
.max-w-screen-xl {
	max-width: 1280px;
}
.max-w-screen-2xl {
	max-width: 1536px;
}

/* Height */
.h-0 {
	height: 0px;
}
.h-px {
	height: 1px;
}
.h-0\.5 {
	height: 0.125rem; /* 2px */
}
.h-1 {
	height: 0.25rem; /* 4px */
}
.h-1\.5 {
	height: 0.375rem; /* 6px */
}
.h-2 {
	height: 0.5rem; /* 8px */
}
.h-2\.5 {
	height: 0.625rem; /* 10px */
}
.h-3 {
	height: 0.75rem; /* 12px */
}
.h-3\.5 {
	height: 0.875rem; /* 14px */
}
.h-4 {
	height: 1rem; /* 16px */
}
.h-5 {
	height: 1.25rem; /* 20px */
}
.h-6 {
	height: 1.5rem; /* 24px */
}
.h-7 {
	height: 1.75rem; /* 28px */
}
.h-8 {
	height: 2rem; /* 32px */
}
.h-9 {
	height: 2.25rem; /* 36px */
}
.h-10 {
	height: 2.5rem; /* 40px */
}
.h-11 {
	height: 2.75rem; /* 44px */
}
.h-12 {
	height: 3rem; /* 48px */
}
.h-14 {
	height: 3.5rem; /* 56px */
}
.h-16 {
	height: 4rem; /* 64px */
}
.h-20 {
	height: 5rem; /* 80px */
}
.h-24 {
	height: 6rem; /* 96px */
}
.h-28 {
	height: 7rem; /* 112px */
}
.h-32 {
	height: 8rem; /* 128px */
}
.h-36 {
	height: 9rem; /* 144px */
}
.h-40 {
	height: 10rem; /* 160px */
}
.h-44 {
	height: 11rem; /* 176px */
}
.h-48 {
	height: 12rem; /* 192px */
}
.h-52 {
	height: 13rem; /* 208px */
}
.h-56 {
	height: 14rem; /* 224px */
}
.h-60 {
	height: 15rem; /* 240px */
}
.h-64 {
	height: 16rem; /* 256px */
}
.h-72 {
	height: 18rem; /* 288px */
}
.h-80 {
	height: 20rem; /* 320px */
}
.h-96 {
	height: 24rem; /* 384px */
}
.h-auto {
	height: auto;
}
.h-1\/2 {
	height: 50%;
}
.h-1\/3 {
	height: 33.333333%;
}
.h-2\/3 {
	height: 66.666667%;
}
.h-1\/4 {
	height: 25%;
}
.h-2\/4 {
	height: 50%;
}
.h-3\/4 {
	height: 75%;
}
.h-1\/5 {
	height: 20%;
}
.h-2\/5 {
	height: 40%;
}
.h-3\/5 {
	height: 60%;
}
.h-4\/5 {
	height: 80%;
}
.h-1\/6 {
	height: 16.666667%;
}
.h-2\/6 {
	height: 33.333333%;
}
.h-3\/6 {
	height: 50%;
}
.h-4\/6 {
	height: 66.666667%;
}
.h-5\/6 {
	height: 83.333333%;
}
.h-full {
	height: 100%;
}
.h-screen {
	height: 100vh;
}
.h-svh {
	height: 100svh;
}
.h-lvh {
	height: 100lvh;
}
.h-dvh {
	height: 100dvh;
}
.h-min {
	height: min-content;
}
.h-max {
	height: max-content;
}
.h-fit {
	height: fit-content;
}

/* display */
.block {
	display: block !important;
}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.table {
	display: table;
}
.inline-table {
	display: inline-table;
}
.table-caption {
	display: table-caption;
}
.table-cell {
	display: table-cell;
}
.table-column {
	display: table-column;
}
.table-column-group {
	display: table-column-group;
}
.table-footer-group {
	display: table-footer-group;
}
.table-header-group {
	display: table-header-group;
}
.table-row-group {
	display: table-row-group;
}
.table-row {
	display: table-row;
}
.flow-root {
	display: flow-root;
}
.grid {
	display: grid;
}
.inline-grid {
	display: inline-grid;
}
.contents {
	display: contents;
}
.list-item {
	display: list-item;
}
.hidden {
	display: none !important;
}

/* Justify Content */
.justify-normal {
	justify-content: normal;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.justify-evenly {
	justify-content: space-evenly;
}
.justify-stretch {
	justify-content: stretch;
}

/* Align Items */
.items-start {
	align-items: flex-start;
}
.items-end {
	align-items: flex-end;
}
.items-center {
	align-items: center;
}
.items-baseline {
	align-items: baseline;
}
.items-stretch {
	align-items: stretch;
}

/* Visibility */
.visible {
	visibility: visible;
}
.invisible {
	visibility: hidden;
}
.collapse {
	visibility: collapse;
}

/* Typography */
.text-xs {
	font-size: 8px;
	line-height: 12px;
}
.text-sm {
	font-size: 12px;
	line-height: 16px;
}
.text-base {
	font-size: 14px;
	line-height: 20px;
}
.text-lg {
	font-size: 16px;
	line-height: 24px;
}
.text-xl {
	font-size: 18px;
	line-height: 28px;
}
.text-2xl {
	font-size: 20px;
	line-height: 28px;
}
.text-3xl {
	font-size: 24px;
	line-height: 32px;
}
.text-4xl {
	font-size: 30px;
	line-height: 36px;
}
.text-5xl {
	font-size: 36px;
	line-height: 40px;
}
.text-6xl {
	font-size: 48px;
	line-height: 1;
}
.text-7xl {
	font-size: 60px;
	line-height: 1;
}
.text-8xl {
	font-size: 72px;
	line-height: 1;
}
.text-9xl {
	font-size: 96px;
	line-height: 1;
}

/* Heading */
.head-1 {
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
}
.head-2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}
.head-3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}
.head-4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.head-5 {
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
}

/* Color */
/* Primary */
.text-primary-50 {
	color: rgb(var(--color-primary-50));
}
.text-primary-100 {
	color: rgb(var(--color-primary-100));
}
.text-primary-200 {
	color: rgb(var(--color-primary-200));
}
.text-primary-300 {
	color: rgb(var(--color-primary-300));
}
.text-primary-400 {
	color: rgb(var(--color-primary-400));
}
.text-primary-500 {
	color: rgb(var(--color-primary-500));
}
.text-primary-600 {
	color: rgb(var(--color-primary-600));
}
.text-primary-700 {
	color: rgb(var(--color-primary-700));
}
.text-primary-800 {
	color: rgb(var(--color-primary-800));
}
.text-primary-900 {
	color: rgb(var(--color-primary-900));
}
/* Secondary */
.text-secondary-50 {
	color: rgb(var(--color-secondary-50));
}
.text-secondary-100 {
	color: rgb(var(--color-secondary-100));
}
.text-secondary-200 {
	color: rgb(var(--color-secondary-200));
}
.text-secondary-300 {
	color: rgb(var(--color-secondary-300));
}
.text-secondary-400 {
	color: rgb(var(--color-secondary-400));
}
.text-secondary-500 {
	color: rgb(var(--color-secondary-500));
}
.text-secondary-600 {
	color: rgb(var(--color-secondary-600));
}
.text-secondary-700 {
	color: rgb(var(--color-secondary-700));
}
.text-secondary-800 {
	color: rgb(var(--color-secondary-800));
}
.text-secondary-900 {
	color: rgb(var(--color-secondary-900));
}
/* Success */
.text-success-50 {
	color: rgb(var(--color-success-50));
}
.text-success-100 {
	color: rgb(var(--color-success-100));
}
.text-success-200 {
	color: rgb(var(--color-success-200));
}
.text-success-300 {
	color: rgb(var(--color-success-300));
}
.text-success-400 {
	color: rgb(var(--color-success-400));
}
.text-success-500 {
	color: rgb(var(--color-success-500));
}
.text-success-600 {
	color: rgb(var(--color-success-600));
}
.text-success-700 {
	color: rgb(var(--color-success-700));
}
.text-success-800 {
	color: rgb(var(--color-success-800));
}
.text-success-900 {
	color: rgb(var(--color-success-900));
}
/* Info */
.text-info-50 {
	color: rgb(var(--color-info-50));
}
.text-info-100 {
	color: rgb(var(--color-info-100));
}
.text-info-200 {
	color: rgb(var(--color-info-200));
}
.text-info-300 {
	color: rgb(var(--color-info-300));
}
.text-info-400 {
	color: rgb(var(--color-info-400));
}
.text-info-500 {
	color: rgb(var(--color-info-500));
}
.text-info-600 {
	color: rgb(var(--color-info-600));
}
.text-info-700 {
	color: rgb(var(--color-info-700));
}
.text-info-800 {
	color: rgb(var(--color-info-800));
}
.text-info-900 {
	color: rgb(var(--color-info-900));
}
/* Warning */
.text-warning-50 {
	color: rgb(var(--color-warning-50));
}
.text-warning-100 {
	color: rgb(var(--color-warning-100));
}
.text-warning-200 {
	color: rgb(var(--color-warning-200));
}
.text-warning-300 {
	color: rgb(var(--color-warning-300));
}
.text-warning-400 {
	color: rgb(var(--color-warning-400));
}
.text-warning-500 {
	color: rgb(var(--color-warning-500));
}
.text-warning-600 {
	color: rgb(var(--color-warning-600));
}
.text-warning-700 {
	color: rgb(var(--color-warning-700));
}
.text-warning-800 {
	color: rgb(var(--color-warning-800));
}
.text-warning-900 {
	color: rgb(var(--color-warning-900));
}
/* Danger */
.text-danger-50 {
	color: rgb(var(--color-danger-50));
}
.text-danger-100 {
	color: rgb(var(--color-danger-100));
}
.text-danger-200 {
	color: rgb(var(--color-danger-200));
}
.text-danger-300 {
	color: rgb(var(--color-danger-300));
}
.text-danger-400 {
	color: rgb(var(--color-danger-400));
}
.text-danger-500 {
	color: rgb(var(--color-danger-500));
}
.text-danger-600 {
	color: rgb(var(--color-danger-600));
}
.text-danger-700 {
	color: rgb(var(--color-danger-700));
}
.text-danger-800 {
	color: rgb(var(--color-danger-800));
}
.text-danger-900 {
	color: rgb(var(--color-danger-900));
}
/* Surface */
.text-surface-50 {
	color: rgb(var(--color-surface-50));
}
.text-surface-100 {
	color: rgb(var(--color-surface-100));
}
.text-surface-200 {
	color: rgb(var(--color-surface-200));
}
.text-surface-300 {
	color: rgb(var(--color-surface-300));
}
.text-surface-400 {
	color: rgb(var(--color-surface-400));
}
.text-surface-500 {
	color: rgb(var(--color-surface-500));
}
.text-surface-600 {
	color: rgb(var(--color-surface-600));
}
.text-surface-700 {
	color: rgb(var(--color-surface-700));
}
.text-surface-800 {
	color: rgb(var(--color-surface-800));
}
.text-surface-900 {
	color: rgb(var(--color-surface-900));
}

/* Text Overflow */
.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-ellipsis {
	text-overflow: ellipsis;
}
.text-clip {
	text-overflow: clip;
}

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

/* Font Style */
.italic {
	font-style: italic;
}
.not-italic {
	font-style: normal;
}

/* Font Smoothing */
.antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

/* Text Align */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify;
}
.text-start {
	text-align: start;
}
.text-end {
	text-align: end;
}

/* Text Decoration */
.underline {
	text-decoration-line: underline;
}
.overline {
	text-decoration-line: overline;
}
.line-through {
	text-decoration-line: line-through;
}
.no-underline {
	text-decoration-line: none;
}

/* Whitespace */
.whitespace-normal {
	white-space: normal;
}
.whitespace-nowrap {
	white-space: nowrap;
}
.whitespace-pre {
	white-space: pre;
}
.whitespace-pre-line {
	white-space: pre-line;
}
.whitespace-pre-wrap {
	white-space: pre-wrap;
}
.whitespace-break-spaces {
	white-space: break-spaces;
}

/* Word Break */
.break-normal {
	overflow-wrap: normal;
	word-break: normal;
}
.break-words {
	overflow-wrap: break-word;
}
.break-all {
	word-break: break-all;
}
.break-keep {
	word-break: keep-all;
}

/* Vertical Align */
.align-baseline {
	vertical-align: baseline;
}
.align-top {
	vertical-align: top;
}
.align-middle {
	vertical-align: middle;
}
.align-bottom {
	vertical-align: bottom;
}
.align-text-top {
	vertical-align: text-top;
}
.align-text-bottom {
	vertical-align: text-bottom;
}
.align-sub {
	vertical-align: sub;
}
.align-super {
	vertical-align: super;
}

/* Rotate */
.rotate-0 {
	transform: rotate(0deg);
}
.rotate-45 {
	transform: rotate(45deg);
}
.rotate-90 {
	transform: rotate(90deg);
}
.rotate-180 {
	transform: rotate(180deg);
}
.rotate-270 {
	transform: rotate(270deg);
}
.rotate-360 {
	transform: rotate(360deg);
}

/* overflow */
.overflow-auto {
	overflow: auto;
}
.overflow-hidden {
	overflow: hidden;
}
.overflow-clip {
	overflow: clip;
}
.overflow-visible {
	overflow: visible;
}
.overflow-scroll {
	overflow: scroll;
}
.overflow-x-auto {
	overflow-x: auto;
}
.overflow-y-auto {
	overflow-y: auto;
}
.overflow-x-hidden {
	overflow-x: hidden;
}
.overflow-y-hidden {
	overflow-y: hidden;
}
.overflow-x-clip {
	overflow-x: clip;
}
.overflow-y-clip {
	overflow-y: clip;
}
.overflow-x-visible {
	overflow-x: visible;
}
.overflow-y-visible {
	overflow-y: visible;
}
.overflow-x-scroll {
	overflow-x: scroll;
}
.overflow-y-scroll {
	overflow-y: scroll;
}

/* Position */
.static {
	position: static;
}
.fixed {
	position: fixed;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.sticky {
	position: sticky;
}

/* Z-index */
.z-0 {
	z-index: 0;
}
.z-10 {
	z-index: 10;
}
.z-20 {
	z-index: 20;
}
.z-30 {
	z-index: 30;
}
.z-40 {
	z-index: 40;
}
.z-50 {
	z-index: 50;
}
.z-auto {
	z-index: auto;
}

/* Top / Right / Bottom / Left */
.top-0 {
	top: 0;
}
.right-0 {
	right: 0;
}
.left-0 {
	left: 0;
}
.bottom-0 {
	bottom: 0;
}

/* Background color */
.bg-inherit {
	background-color: inherit;
}
.bg-current {
	background-color: currentColor;
}
.bg-transparent {
	background-color: transparent;
}
.bg-black {
	background-color: black;
}
.bg-white {
	background-color: white;
}

/* Primary */
.bg-primary-50 {
	background-color: rgb(var(--color-primary-50));
}
.bg-primary-100 {
	background-color: rgb(var(--color-primary-100));
}
.bg-primary-200 {
	background-color: rgb(var(--color-primary-200));
}
.bg-primary-300 {
	background-color: rgb(var(--color-primary-300));
}
.bg-primary-400 {
	background-color: rgb(var(--color-primary-400));
}
.bg-primary-500 {
	background-color: rgb(var(--color-primary-500));
}
.bg-primary-600 {
	background-color: rgb(var(--color-primary-600));
}
.bg-primary-700 {
	background-color: rgb(var(--color-primary-700));
}
.bg-primary-800 {
	background-color: rgb(var(--color-primary-800));
}
.bg-primary-900 {
	background-color: rgb(var(--color-primary-900));
}

/* Secondary */
.bg-secondary-50 {
	background-color: rgb(var(--color-secondary-50));
}
.bg-secondary-100 {
	background-color: rgb(var(--color-secondary-100));
}
.bg-secondary-200 {
	background-color: rgb(var(--color-secondary-200));
}
.bg-secondary-300 {
	background-color: rgb(var(--color-secondary-300));
}
.bg-secondary-400 {
	background-color: rgb(var(--color-secondary-400));
}
.bg-secondary-500 {
	background-color: rgb(var(--color-secondary-500));
}
.bg-secondary-600 {
	background-color: rgb(var(--color-secondary-600));
}
.bg-secondary-700 {
	background-color: rgb(var(--color-secondary-700));
}
.bg-secondary-800 {
	background-color: rgb(var(--color-secondary-800));
}
.bg-secondary-900 {
	background-color: rgb(var(--color-secondary-900));
}

/* success */
.bg-success-50 {
	background-color: rgb(var(--color-success-50));
}
.bg-success-100 {
	background-color: rgb(var(--color-success-100));
}
.bg-success-200 {
	background-color: rgb(var(--color-success-200));
}
.bg-success-300 {
	background-color: rgb(var(--color-success-300));
}
.bg-success-400 {
	background-color: rgb(var(--color-success-400));
}
.bg-success-500 {
	background-color: rgb(var(--color-success-500));
}
.bg-success-600 {
	background-color: rgb(var(--color-success-600));
}
.bg-success-700 {
	background-color: rgb(var(--color-success-700));
}
.bg-success-800 {
	background-color: rgb(var(--color-success-800));
}
.bg-success-900 {
	background-color: rgb(var(--color-success-900));
}

/* Info */
.bg-info-50 {
	background-color: rgb(var(--color-info-50));
}
.bg-info-100 {
	background-color: rgb(var(--color-info-100));
}
.bg-info-200 {
	background-color: rgb(var(--color-info-200));
}
.bg-info-300 {
	background-color: rgb(var(--color-info-300));
}
.bg-info-400 {
	background-color: rgb(var(--color-info-400));
}
.bg-info-500 {
	background-color: rgb(var(--color-info-500));
}
.bg-info-600 {
	background-color: rgb(var(--color-info-600));
}
.bg-info-700 {
	background-color: rgb(var(--color-info-700));
}
.bg-info-800 {
	background-color: rgb(var(--color-info-800));
}
.bg-info-900 {
	background-color: rgb(var(--color-info-900));
}

/* Waning */
.bg-warning-50 {
	background-color: rgb(var(--color-warning-50));
}
.bg-warning-100 {
	background-color: rgb(var(--color-warning-100));
}
.bg-warning-200 {
	background-color: rgb(var(--color-warning-200));
}
.bg-warning-300 {
	background-color: rgb(var(--color-warning-300));
}
.bg-warning-400 {
	background-color: rgb(var(--color-warning-400));
}
.bg-warning-500 {
	background-color: rgb(var(--color-warning-500));
}
.bg-warning-600 {
	background-color: rgb(var(--color-warning-600));
}
.bg-warning-700 {
	background-color: rgb(var(--color-warning-700));
}
.bg-warning-800 {
	background-color: rgb(var(--color-warning-800));
}
.bg-warning-900 {
	background-color: rgb(var(--color-warning-900));
}

/* Danger */
.bg-danger-50 {
	background-color: rgb(var(--color-danger-50));
}
.bg-danger-100 {
	background-color: rgb(var(--color-danger-100));
}
.bg-danger-200 {
	background-color: rgb(var(--color-danger-200));
}
.bg-danger-300 {
	background-color: rgb(var(--color-danger-300));
}
.bg-danger-400 {
	background-color: rgb(var(--color-danger-400));
}
.bg-danger-500 {
	background-color: rgb(var(--color-danger-500));
}
.bg-danger-600 {
	background-color: rgb(var(--color-danger-600));
}
.bg-danger-700 {
	background-color: rgb(var(--color-danger-700));
}
.bg-danger-800 {
	background-color: rgb(var(--color-danger-800));
}
.bg-danger-900 {
	background-color: rgb(var(--color-danger-900));
}

/* Tertiary */
.bg-tertiary-50 {
	background-color: rgb(var(--color-tertiary-50));
}
.bg-tertiary-100 {
	background-color: rgb(var(--color-tertiary-100));
}
.bg-tertiary-200 {
	background-color: rgb(var(--color-tertiary-200));
}
.bg-tertiary-300 {
	background-color: rgb(var(--color-tertiary-300));
}
.bg-tertiary-400 {
	background-color: rgb(var(--color-tertiary-400));
}
.bg-tertiary-500 {
	background-color: rgb(var(--color-tertiary-500));
}
.bg-tertiary-600 {
	background-color: rgb(var(--color-tertiary-600));
}
.bg-tertiary-700 {
	background-color: rgb(var(--color-tertiary-700));
}
.bg-tertiary-800 {
	background-color: rgb(var(--color-tertiary-800));
}
.bg-tertiary-900 {
	background-color: rgb(var(--color-tertiary-900));
}

/* Button */
.button {
	gap: 0.25rem;
	padding: 0 12px;
	min-width: 80px;
	width: fit-content;
	text-align: center;
	white-space: nowrap;
	align-items: center;
	display: inline-flex;
	justify-content: center;
	transition: all 0.15s ease-in-out;
	transition-property: all;
	transition-duration: 150ms;
	border-width: 1px;
	border-style: outset;
	border-color: buttonborder;
	border-image: initial;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	&.icon-button-custom {
		min-width: fit-content;
		padding: 0 12px !important;
	}

	/* Hover */
	&:hover {
		--tw-brightness: brightness(1.15);
		filter: var(--tw-brightness);
	}

	/* Active */
	&:active {
		--tw-scale-x: 95%;
		--tw-scale-y: 95%;
		transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(var(--tw-scale-x))
			scaleY(var(--tw-scale-y));
		--tw-brightness: brightness(0.9);
		filter: var(--tw-brightness);
	}

	/* Disabled */
	&:disabled {
		background-color: #dadada !important;
		border-color: #dadada !important;
		color: white !important;
		cursor: not-allowed;
	}
	&:disabled:hover {
		--tw-brightness: brightness(1);
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale)
			var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
	}
	&:disabled:active {
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
			skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
			scaleY(var(--tw-scale-y));
	}

	/* Color */
	/* Color */
	&.button-primary {
		color: white;
		background-color: rgb(var(--color-primary-500));
		border-color: rgb(var(--color-primary-500));
	}
	&.button-secondary {
		color: white;
		background-color: rgb(var(--color-secondary-500));
		border-color: rgb(var(--color-secondary-500));
	}
	&.button-success {
		color: white;
		background-color: rgb(var(--color-success-500));
		border-color: rgb(var(--color-success-500));
	}
	&.button-danger {
		color: white;
		background-color: rgb(var(--color-danger-500));
		border-color: rgb(var(--color-danger-500));
	}
	&.button-warning {
		color: rgb(var(--color-secondary-900));
		background-color: rgb(var(--color-warning-500));
		border-color: rgb(var(--color-warning-500));
	}
	&.button-info {
		color: white;
		background-color: rgb(var(--color-info-500));
		border-color: rgb(var(--color-info-500));
	}
	&.button-transparent {
		color: rgb(var(--color-secondary-900));
		background-color: transparent;
		border-color: transparent;
	}
	&.button-light-primary {
		color: rgb(var(--color-secondary-900));
		background-color: rgb(var(--color-primary-50));
		border-color: rgb(var(--color-primary-50));
	}

	/* Outline Button*/
	&.button-soft-primary {
		color: rgb(var(--color-primary-700));
		background-color: rgb(var(--color-primary-100));
		border: none;
	}
	&.button-soft-secondary {
		color: rgb(var(--color-secondary-700));
		background-color: rgb(var(--color-secondary-100));
		border: none;
	}
	&.button-soft-success {
		color: rgb(var(--color-success-700));
		background-color: rgb(var(--color-success-100));
		border: none;
	}
	&.button-soft-danger {
		color: rgb(var(--color-danger-700));
		background-color: rgb(var(--color-danger-100));
		border: none;
	}
	&.button-soft-warning {
		color: rgb(var(--color-warning-700));
		background-color: rgb(var(--color-warning-100));
		border: none;
	}
	&.button-soft-info {
		color: rgb(var(--color-info-700));
		background-color: rgb(var(--color-info-100));
		border: none;
	}
	&.button-soft-transparent {
		color: rgb(var(--color-secondary-900));
		background-color: transparent;
		border: none;
	}
	&.button-soft-light-primary {
		color: rgb(var(--color-primary-700));
		background-color: rgb(var(--color-primary-50));
		border: none;
	}

	/* Size */
	&.button-xs {
		height: 24px;
	}
	&.button-sm {
		height: 32px;
	}
	&.button-md {
		height: 36px;
	}
	&.button-lg {
		height: 40px;
	}
	&.button-xl {
		height: 44px;
	}
	&.button-2xl {
		height: 48px;
	}

	/* Rounded */
	&.button-rounded-xs {
		border-radius: 4px;
	}
	&.button-rounded-sm {
		border-radius: 6px;
	}
	&.button-rounded-md {
		border-radius: 8px;
	}
	&.button-rounded-lg {
		border-radius: 12px;
	}
	&.button-rounded-xl {
		border-radius: 16px;
	}
	&.button-rounded-2xl {
		border-radius: 20px;
	}
	&.button-rounded-none {
		border-radius: 0px;
	}

	/* Pill */
	&.button-pill {
		border-radius: 999px;
	}
}

/* Border Style */
.border-solid {
	border-style: solid;
}
.border-dashed {
	border-style: dashed;
}
.border-dotted {
	border-style: dotted;
}
.border-double {
	border-style: double;
}
.border-hidden {
	border-style: hidden;
}
.border-none {
	border-style: none;
}

/* Border Width */
.border-0 {
	border-width: 0px;
}
.border-2 {
	border-width: 2px;
}
.border-4 {
	border-width: 4px;
}
.border-8 {
	border-width: 8px;
}
.border {
	border-width: 1px;
}
.border-x-0 {
	border-left-width: 0px;
	border-right-width: 0px;
}
.border-x-2 {
	border-left-width: 2px;
	border-right-width: 2px;
}
.border-x-4 {
	border-left-width: 4px;
	border-right-width: 4px;
}
.border-x-8 {
	border-left-width: 8px;
	border-right-width: 8px;
}
.border-x {
	border-left-width: 1px;
	border-right-width: 1px;
}
.border-y-0 {
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.border-y-2 {
	border-top-width: 2px;
	border-bottom-width: 2px;
}
.border-y-4 {
	border-top-width: 4px;
	border-bottom-width: 4px;
}
.border-y-8 {
	border-top-width: 8px;
	border-bottom-width: 8px;
}
.border-y {
	border-top-width: 1px;
	border-bottom-width: 1px;
}
.border-s-0 {
	border-inline-start-width: 0px;
}
.border-s-2 {
	border-inline-start-width: 2px;
}
.border-s-4 {
	border-inline-start-width: 4px;
}
.border-s-8 {
	border-inline-start-width: 8px;
}
.border-s {
	border-inline-start-width: 1px;
}
.border-e-0 {
	border-inline-end-width: 0px;
}
.border-e-2 {
	border-inline-end-width: 2px;
}
.border-e-4 {
	border-inline-end-width: 4px;
}
.border-e-8 {
	border-inline-end-width: 8px;
}
.border-e {
	border-inline-end-width: 1px;
}
.border-t-0 {
	border-top-width: 0px;
}
.border-t-2 {
	border-top-width: 2px;
}
.border-t-4 {
	border-top-width: 4px;
}
.border-t-8 {
	border-top-width: 8px;
}
.border-t {
	border-top-width: 1px;
}
.border-r-0 {
	border-right-width: 0px;
}
.border-r-2 {
	border-right-width: 2px;
}
.border-r-4 {
	border-right-width: 4px;
}
.border-r-8 {
	border-right-width: 8px;
}
.border-r {
	border-right-width: 1px;
}
.border-b-0 {
	border-bottom-width: 0px;
}
.border-b-2 {
	border-bottom-width: 2px;
}
.border-b-4 {
	border-bottom-width: 4px;
}
.border-b-8 {
	border-bottom-width: 8px;
}
.border-b {
	border-bottom-width: 1px;
}
.border-l-0 {
	border-left-width: 0px;
}
.border-l-2 {
	border-left-width: 2px;
}
.border-l-4 {
	border-left-width: 4px;
}
.border-l-8 {
	border-left-width: 8px;
}
.border-l {
	border-left-width: 1px;
}

/* Border Color */
/* Background color */
.border-inherit {
	border-color: inherit;
}
.border-current {
	border-color: currentColor;
}
.border-transparent {
	border-color: transparent;
}
.border-black {
	border-color: black;
}
.border-white {
	border-color: white;
}

/* Primary */
.border-primary-50 {
	border-color: rgb(var(--color-primary-50));
}
.border-primary-100 {
	border-color: rgb(var(--color-primary-100));
}
.border-primary-200 {
	border-color: rgb(var(--color-primary-200));
}
.border-primary-300 {
	border-color: rgb(var(--color-primary-300));
}
.border-primary-400 {
	border-color: rgb(var(--color-primary-400));
}
.border-primary-500 {
	border-color: rgb(var(--color-primary-500));
}
.border-primary-600 {
	border-color: rgb(var(--color-primary-600));
}
.border-primary-700 {
	border-color: rgb(var(--color-primary-700));
}
.border-primary-800 {
	border-color: rgb(var(--color-primary-800));
}
.border-primary-900 {
	border-color: rgb(var(--color-primary-900));
}

/* Secondary */
.border-secondary-50 {
	border-color: rgb(var(--color-secondary-50));
}
.border-secondary-100 {
	border-color: rgb(var(--color-secondary-100));
}
.border-secondary-200 {
	border-color: rgb(var(--color-secondary-200));
}
.border-secondary-300 {
	border-color: rgb(var(--color-secondary-300));
}
.border-secondary-400 {
	border-color: rgb(var(--color-secondary-400));
}
.border-secondary-500 {
	border-color: rgb(var(--color-secondary-500));
}
.border-secondary-600 {
	border-color: rgb(var(--color-secondary-600));
}
.border-secondary-700 {
	border-color: rgb(var(--color-secondary-700));
}
.border-secondary-800 {
	border-color: rgb(var(--color-secondary-800));
}
.border-secondary-900 {
	border-color: rgb(var(--color-secondary-900));
}

/* success */
.border-success-50 {
	border-color: rgb(var(--color-success-50));
}
.border-success-100 {
	border-color: rgb(var(--color-success-100));
}
.border-success-200 {
	border-color: rgb(var(--color-success-200));
}
.border-success-300 {
	border-color: rgb(var(--color-success-300));
}
.border-success-400 {
	border-color: rgb(var(--color-success-400));
}
.border-success-500 {
	border-color: rgb(var(--color-success-500));
}
.border-success-600 {
	border-color: rgb(var(--color-success-600));
}
.border-success-700 {
	border-color: rgb(var(--color-success-700));
}
.border-success-800 {
	border-color: rgb(var(--color-success-800));
}
.border-success-900 {
	border-color: rgb(var(--color-success-900));
}

/* Info */
.border-info-50 {
	border-color: rgb(var(--color-info-50));
}
.border-info-100 {
	border-color: rgb(var(--color-info-100));
}
.border-info-200 {
	border-color: rgb(var(--color-info-200));
}
.border-info-300 {
	border-color: rgb(var(--color-info-300));
}
.border-info-400 {
	border-color: rgb(var(--color-info-400));
}
.border-info-500 {
	border-color: rgb(var(--color-info-500));
}
.border-info-600 {
	border-color: rgb(var(--color-info-600));
}
.border-info-700 {
	border-color: rgb(var(--color-info-700));
}
.border-info-800 {
	border-color: rgb(var(--color-info-800));
}
.border-info-900 {
	border-color: rgb(var(--color-info-900));
}

/* Waning */
.border-warning-50 {
	border-color: rgb(var(--color-warning-50));
}
.border-warning-100 {
	border-color: rgb(var(--color-warning-100));
}
.border-warning-200 {
	border-color: rgb(var(--color-warning-200));
}
.border-warning-300 {
	border-color: rgb(var(--color-warning-300));
}
.border-warning-400 {
	border-color: rgb(var(--color-warning-400));
}
.border-warning-500 {
	border-color: rgb(var(--color-warning-500));
}
.border-warning-600 {
	border-color: rgb(var(--color-warning-600));
}
.border-warning-700 {
	border-color: rgb(var(--color-warning-700));
}
.border-warning-800 {
	border-color: rgb(var(--color-warning-800));
}
.border-warning-900 {
	border-color: rgb(var(--color-warning-900));
}

/* Danger */
.border-danger-50 {
	border-color: rgb(var(--color-danger-50));
}
.border-danger-100 {
	border-color: rgb(var(--color-danger-100));
}
.border-danger-200 {
	border-color: rgb(var(--color-danger-200));
}
.border-danger-300 {
	border-color: rgb(var(--color-danger-300));
}
.border-danger-400 {
	border-color: rgb(var(--color-danger-400));
}
.border-danger-500 {
	border-color: rgb(var(--color-danger-500));
}
.border-danger-600 {
	border-color: rgb(var(--color-danger-600));
}
.border-danger-700 {
	border-color: rgb(var(--color-danger-700));
}
.border-danger-800 {
	border-color: rgb(var(--color-danger-800));
}
.border-danger-900 {
	border-color: rgb(var(--color-danger-900));
}

/* Tertiary */
.border-tertiary-50 {
	border-color: rgb(var(--color-tertiary-50));
}
.border-tertiary-100 {
	border-color: rgb(var(--color-tertiary-100));
}
.border-tertiary-200 {
	border-color: rgb(var(--color-tertiary-200));
}
.border-tertiary-300 {
	border-color: rgb(var(--color-tertiary-300));
}
.border-tertiary-400 {
	border-color: rgb(var(--color-tertiary-400));
}
.border-tertiary-500 {
	border-color: rgb(var(--color-tertiary-500));
}
.border-tertiary-600 {
	border-color: rgb(var(--color-tertiary-600));
}
.border-tertiary-700 {
	border-color: rgb(var(--color-tertiary-700));
}
.border-tertiary-800 {
	border-color: rgb(var(--color-tertiary-800));
}
.border-tertiary-900 {
	border-color: rgb(var(--color-tertiary-900));
}

/* Border Radius */
.rounded-none {
	border-radius: 0px;
}
.rounded-sm {
	border-radius: 0.125rem;
}
.rounded {
	border-radius: 0.25rem;
}
.rounded-md {
	border-radius: 0.375rem;
}
.rounded-lg {
	border-radius: 0.5rem;
}
.rounded-xl {
	border-radius: 0.75rem;
}
.rounded-2xl {
	border-radius: 1rem;
}
.rounded-3xl {
	border-radius: 1.5rem;
}
.rounded-full {
	border-radius: 9999px;
}

/* Cursor */
.cursor-auto {
	cursor: auto;
}
.cursor-default {
	cursor: default;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-wait {
	cursor: wait;
}
.cursor-text {
	cursor: text;
}
.cursor-move {
	cursor: move;
}
.cursor-help {
	cursor: help;
}
.cursor-not-allowed {
	cursor: not-allowed;
}
.cursor-none {
	cursor: none;
}
.cursor-context-menu {
	cursor: context-menu;
}
.cursor-progress {
	cursor: progress;
}
.cursor-cell {
	cursor: cell;
}
.cursor-crosshair {
	cursor: crosshair;
}
.cursor-vertical-text {
	cursor: vertical-text;
}
.cursor-alias {
	cursor: alias;
}
.cursor-copy {
	cursor: copy;
}
.cursor-no-drop {
	cursor: no-drop;
}
.cursor-grab {
	cursor: grab;
}
.cursor-grabbing {
	cursor: grabbing;
}
.cursor-all-scroll {
	cursor: all-scroll;
}
.cursor-col-resize {
	cursor: col-resize;
}
.cursor-row-resize {
	cursor: row-resize;
}
.cursor-n-resize {
	cursor: n-resize;
}
.cursor-e-resize {
	cursor: e-resize;
}
.cursor-s-resize {
	cursor: s-resize;
}
.cursor-w-resize {
	cursor: w-resize;
}
.cursor-ne-resize {
	cursor: ne-resize;
}
.cursor-nw-resize {
	cursor: nw-resize;
}
.cursor-se-resize {
	cursor: se-resize;
}
.cursor-sw-resize {
	cursor: sw-resize;
}
.cursor-ew-resize {
	cursor: ew-resize;
}
.cursor-ns-resize {
	cursor: ns-resize;
}
.cursor-nesw-resize {
	cursor: nesw-resize;
}
.cursor-nwse-resize {
	cursor: nwse-resize;
}
.cursor-zoom-in {
	cursor: zoom-in;
}
.cursor-zoom-out {
	cursor: zoom-out;
}

/* Gap */
.gap-0 {
	gap: 0px;
}
.gap-x-0 {
	column-gap: 0px;
}
.gap-y-0 {
	row-gap: 0px;
}
.gap-px {
	gap: 1px;
}
.gap-x-px {
	column-gap: 1px;
}
.gap-y-px {
	row-gap: 1px;
}
.gap-0\.5 {
	gap: 0.125rem;
}
.gap-x-0\.5 {
	column-gap: 0.125rem;
}
.gap-y-0\.5 {
	row-gap: 0.125rem;
}
.gap-1 {
	gap: 0.25rem;
}
.gap-x-1 {
	column-gap: 0.25rem;
}
.gap-y-1 {
	row-gap: 0.25rem;
}
.gap-1\.5 {
	gap: 0.375rem;
}
.gap-x-1\.5 {
	column-gap: 0.375rem;
}
.gap-y-1\.5 {
	row-gap: 0.375rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-x-2 {
	column-gap: 0.5rem;
}
.gap-y-2 {
	row-gap: 0.5rem;
}
.gap-2\.5 {
	gap: 0.625rem;
}
.gap-x-2\.5 {
	column-gap: 0.625rem;
}
.gap-y-2\.5 {
	row-gap: 0.625rem;
}
.gap-3 {
	gap: 0.75rem;
}
.gap-x-3 {
	column-gap: 0.75rem;
}
.gap-y-3 {
	row-gap: 0.75rem;
}
.gap-3\.5 {
	gap: 0.875rem;
}
.gap-x-3\.5 {
	column-gap: 0.875rem;
}
.gap-y-3\.5 {
	row-gap: 0.875rem;
}
.gap-4 {
	gap: 1rem;
}
.gap-x-4 {
	column-gap: 1rem;
}
.gap-y-4 {
	row-gap: 1rem;
}
.gap-5 {
	gap: 1.25rem;
}
.gap-x-5 {
	column-gap: 1.25rem;
}
.gap-y-5 {
	row-gap: 1.25rem;
}
.gap-6 {
	gap: 1.5rem;
}
.gap-x-6 {
	column-gap: 1.5rem;
}
.gap-y-6 {
	row-gap: 1.5rem;
}
.gap-7 {
	gap: 1.75rem;
}
.gap-x-7 {
	column-gap: 1.75rem;
}
.gap-y-7 {
	row-gap: 1.75rem;
}
.gap-8 {
	gap: 2rem;
}
.gap-x-8 {
	column-gap: 2rem;
}
.gap-y-8 {
	row-gap: 2rem;
}
.gap-9 {
	gap: 2.25rem;
}
.gap-x-9 {
	column-gap: 2.25rem;
}
.gap-y-9 {
	row-gap: 2.25rem;
}
.gap-10 {
	gap: 2.5rem;
}
.gap-x-10 {
	column-gap: 2.5rem;
}
.gap-y-10 {
	row-gap: 2.5rem;
}
.gap-11 {
	gap: 2.75rem;
}
.gap-x-11 {
	column-gap: 2.75rem;
}
.gap-y-11 {
	row-gap: 2.75rem;
}
.gap-12 {
	gap: 3rem;
}
.gap-x-12 {
	column-gap: 3rem;
}
.gap-y-12 {
	row-gap: 3rem;
}
.gap-14 {
	gap: 3.5rem;
}
.gap-x-14 {
	column-gap: 3.5rem;
}
.gap-y-14 {
	row-gap: 3.5rem;
}
.gap-16 {
	gap: 4rem;
}
.gap-x-16 {
	column-gap: 4rem;
}
.gap-y-16 {
	row-gap: 4rem;
}
.gap-20 {
	gap: 5rem;
}
.gap-x-20 {
	column-gap: 5rem;
}
.gap-y-20 {
	row-gap: 5rem;
}
.gap-24 {
	gap: 6rem;
}
.gap-x-24 {
	column-gap: 6rem;
}
.gap-y-24 {
	row-gap: 6rem;
}
.gap-28 {
	gap: 7rem;
}
.gap-x-28 {
	column-gap: 7rem;
}
.gap-y-28 {
	row-gap: 7rem;
}
.gap-32 {
	gap: 8rem;
}
.gap-x-32 {
	column-gap: 8rem;
}
.gap-y-32 {
	row-gap: 8rem;
}
.gap-36 {
	gap: 9rem;
}
.gap-x-36 {
	column-gap: 9rem;
}
.gap-y-36 {
	row-gap: 9rem;
}
.gap-40 {
	gap: 10rem;
}
.gap-x-40 {
	column-gap: 10rem;
}
.gap-y-40 {
	row-gap: 10rem;
}
.gap-44 {
	gap: 11rem;
}
.gap-x-44 {
	column-gap: 11rem;
}
.gap-y-44 {
	row-gap: 11rem;
}
.gap-48 {
	gap: 12rem;
}
.gap-x-48 {
	column-gap: 12rem;
}
.gap-y-48 {
	row-gap: 12rem;
}
.gap-52 {
	gap: 13rem;
}
.gap-x-52 {
	column-gap: 13rem;
}
.gap-y-52 {
	row-gap: 13rem;
}
.gap-56 {
	gap: 14rem;
}
.gap-x-56 {
	column-gap: 14rem;
}
.gap-y-56 {
	row-gap: 14rem;
}
.gap-60 {
	gap: 15rem;
}
.gap-x-60 {
	column-gap: 15rem;
}
.gap-y-60 {
	row-gap: 15rem;
}
.gap-64 {
	gap: 16rem;
}
.gap-x-64 {
	column-gap: 16rem;
}
.gap-y-64 {
	row-gap: 16rem;
}
.gap-72 {
	gap: 18rem;
}
.gap-x-72 {
	column-gap: 18rem;
}
.gap-y-72 {
	row-gap: 18rem;
}
.gap-80 {
	gap: 20rem;
}
.gap-x-80 {
	column-gap: 20rem;
}
.gap-y-80 {
	row-gap: 20rem;
}
.gap-96 {
	gap: 24rem;
}
.gap-x-96 {
	column-gap: 24rem;
}
.gap-y-96 {
	row-gap: 24rem;
}

/* Flex Direction */
.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 */
.flex-1 {
	flex: 1 1 0%;
}
.flex-auto {
	flex: 1 1 auto;
}
.flex-initial {
	flex: 0 1 auto;
}
.flex-none {
	flex: none;
}