/* BORDER RADIUS */
.rounded-xs {border-radius: 2px!important;}
.\*\:rounded-xs > * {border-radius: 2px!important;}
.\*\*\:rounded-xs * {border-radius: 2px!important;}
.rounded-sm {border-radius: 4px!important;}
.\*\:rounded-sm > * {border-radius: 4px!important;}
.\*\*\:rounded-sm * {border-radius: 4px!important;}
.rounded-md {border-radius: 6px!important;}
.\*\:rounded-md > * {border-radius: 6px!important;}
.\*\*\:rounded-md * {border-radius: 6px!important;}
.rounded-lg {border-radius: 8px!important;}
.\*\:rounded-lg > * {border-radius: 8px!important;}
.\*\*\:rounded-lg * {border-radius: 8px!important;}
.rounded-xl {border-radius: 12px!important;}
.\*\:rounded-xl > * {border-radius: 12px!important;}
.\*\*\:rounded-xl * {border-radius: 12px!important;}

/* FONT SIZE */
.text-xs {font-size: 12px!important;}
.\*\:text-xs > * {font-size: 12px!important;}
.\*\*\:text-xs * {font-size: 12px!important;}
.text-sm {font-size: 14px!important;}
.\*\:text-sm > * {font-size: 14px!important;}
.\*\*\:text-sm * {font-size: 14px!important;}
.text-md {font-size: 16px!important;}
.\*\:text-md > * {font-size: 16px!important;}
.\*\*\:text-md * {font-size: 16px!important;}
.text-lg {font-size: 18px!important;}
.\*\:text-lg > * {font-size: 18px!important;}
.\*\*\:text-lg * {font-size: 18px!important;}
.text-xl {font-size: 20px!important;}
.\*\:text-xl > * {font-size: 20px!important;}
.\*\*\:text-xl * {font-size: 20px!important;}

/* FONT WRAP */
.text-nowrap {white-space: nowrap!important;}
.\*\:text-nowrap > * {white-space: nowrap!important;}
.\*\*\:text-nowrap * {white-space: nowrap!important;}
.text-wrap {white-space: normal!important;}
.\*\:text-wrap > * {white-space: normal!important;}
.\*\*\:text-wrap * {white-space: normal!important;}
.text-wrap-reverse {white-space: nowrap!important;}
.\*\:text-wrap-reverse > * {white-space: nowrap!important;}
.\*\*\:text-wrap-reverse * {white-space: nowrap!important;}

/* FONT WEIGHT */
.font-normal {font-weight: 400!important;}
.\*\:font-normal > * {font-weight: 400!important;}
.\*\*\:font-normal * {font-weight: 400!important;}
.font-medium {font-weight: 500!important;}
.\*\:font-medium > * {font-weight: 500!important;}
.\*\*\:font-medium * {font-weight: 500!important;}
.font-semibold {font-weight: 600!important;}
.\*\:font-semibold > * {font-weight: 600!important;}
.\*\*\:font-semibold * {font-weight: 600!important;}

/* JUSTIFY ITEMS */
.justify-items-start {justify-items: flex-start;}
.justify-items-center {justify-items: center;}
.justify-items-end {justify-items: flex-end;}
.justify-items-between {justify-items: space-between;}
.justify-items-around {justify-items: space-around;}

/* JUSTIFY CONTENT */
.justify-start {justify-content: flex-start;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}

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

/* DISPLAY */
.flex {display: flex;}
.block {display: block;}

/* FLEX */
.flex-1 {flex: 1;}

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

/* 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 ALIGN UTILS  */
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* BOX SHADOW */
.shadow-sm {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.shadow-md {box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.shadow-lg {box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}