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

.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;
}

.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;
}

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

.wrap {
	flex-wrap: wrap;
}

.row.full {
	height: 100%;
}
.column.full {
	width: 100%;
}
.height-100 {
	height: 100%;
}
.max {
	width: max-content;
}
.min {
	width: min-content;
}

.gap-narrowest				{ gap: var(--gl-narrowest);				}
.gap-narrower				{ gap: var(--gl-narrower); 				}
.gap-narrow					{ gap: var(--gl-narrow); 				}
.gap-normal					{ gap: var(--gl-normal); 				}
.gap-wide					{ gap: var(--gl-wide); 					}
.gap-wider					{ gap: var(--gl-wider); 				}
.gap-widest					{ gap: var(--gl-widest);				}

.gap-micro-1				{ gap: var(--gl-micro-1);				}
.gap-micro-2				{ gap: var(--gl-micro-2);				}
.gap-micro-3				{ gap: var(--gl-micro-3);				}
.gap-micro-4				{ gap: var(--gl-micro-4);				}
.gap-micro-5				{ gap: var(--gl-micro-5);				}
.gap-nothing				{ gap: var(--gl-nothing);				}

.row-gap-narrowest			{ row-gap: var(--gl-narrowest);			}
.row-gap-narrower			{ row-gap: var(--gl-narrower); 			}
.row-gap-narrow				{ row-gap: var(--gl-narrow); 			}
.row-gap-normal				{ row-gap: var(--gl-normal); 			}
.row-gap-wide				{ row-gap: var(--gl-wide); 				}
.row-gap-wider				{ row-gap: var(--gl-wider); 			}
.row-gap-widest				{ row-gap: var(--gl-widest);			}

.row-gap-micro-1			{ row-gap: var(--gl-micro-1);			}
.row-gap-micro-2			{ row-gap: var(--gl-micro-2);			}
.row-gap-micro-3			{ row-gap: var(--gl-micro-3);			}
.row-gap-micro-4			{ row-gap: var(--gl-micro-4);			}
.row-gap-micro-5			{ row-gap: var(--gl-micro-5);			}
.row-gap-nothing			{ row-gap: var(--gl-nothing);			}


.row.spacer-narrowest		{ height: var(--gl-narrowest);			}
.row.spacer-narrower		{ height: var(--gl-narrower); 			}
.row.spacer-narrow			{ height: var(--gl-narrow); 			}
.row.spacer-normal			{ height: var(--gl-normal); 			}
.row.spacer-wide			{ height: var(--gl-wide); 				}
.row.spacer-wider			{ height: var(--gl-wider); 				}
.row.spacer-widest			{ height: var(--gl-widest);				}

.row.spacer-micro-1			{ height: var(--gl-micro-1);			}
.row.spacer-micro-2			{ height: var(--gl-micro-2);			}
.row.spacer-micro-3			{ height: var(--gl-micro-3);			}
.row.spacer-micro-4			{ height: var(--gl-micro-4);			}
.row.spacer-micro-5			{ height: var(--gl-micro-5);			}
.row.spacer-nothing			{ height: var(--gl-nothing);			}


.column.spacer-narrowest	{ width: var(--gl-narrowest);			}
.column.spacer-narrower		{ width: var(--gl-narrower); 			}
.column.spacer-narrow		{ width: var(--gl-narrow); 				}
.column.spacer-normal		{ width: var(--gl-normal); 				}
.column.spacer-wide			{ width: var(--gl-wide); 				}
.column.spacer-wider		{ width: var(--gl-wider); 				}
.column.spacer-widest		{ width: var(--gl-widest);				}

.column.spacer-micro-1		{ width: var(--gl-micro-1);				}
.column.spacer-micro-2		{ width: var(--gl-micro-2);				}
.column.spacer-micro-3		{ width: var(--gl-micro-3);				}
.column.spacer-micro-4		{ width: var(--gl-micro-4);				}
.column.spacer-micro-5		{ width: var(--gl-micro-5);				}
.column.spacer-nothing		{ width: var(--gl-nothing);				}


div.pt-narrowest			{ padding-top: var(--gl-narrowest);		}
div.pt-narrower				{ padding-top: var(--gl-narrower); 		}
div.pt-narrow				{ padding-top: var(--gl-narrow); 		}
div.pt-normal				{ padding-top: var(--gl-normal); 		}
div.pt-wide					{ padding-top: var(--gl-wide); 			}
div.pt-wider				{ padding-top: var(--gl-wider); 		}
div.pt-widest				{ padding-top: var(--gl-widest);		}

div.pt-micro-1				{ padding-top: var(--gl-micro-1);		}
div.pt-micro-2				{ padding-top: var(--gl-micro-2);		}
div.pt-micro-3				{ padding-top: var(--gl-micro-3);		}
div.pt-micro-4				{ padding-top: var(--gl-micro-4);		}
div.pt-micro-5				{ padding-top: var(--gl-micro-5);		}
div.pt-nothing				{ padding-top: var(--gl-nothing);		}


div.pb-narrowest			{ padding-bottom: var(--gl-narrowest);	}
div.pb-narrower				{ padding-bottom: var(--gl-narrower); 	}
div.pb-narrow				{ padding-bottom: var(--gl-narrow); 	}
div.pb-normal				{ padding-bottom: var(--gl-normal); 	}
div.pb-wide					{ padding-bottom: var(--gl-wide); 		}
div.pb-wider				{ padding-bottom: var(--gl-wider); 		}
div.pb-widest				{ padding-bottom: var(--gl-widest);		}

div.pb-micro-1				{ padding-bottom: var(--gl-micro-1);	}
div.pb-micro-2				{ padding-bottom: var(--gl-micro-2);	}
div.pb-micro-3				{ padding-bottom: var(--gl-micro-3);	}
div.pb-micro-4				{ padding-bottom: var(--gl-micro-4);	}
div.pb-micro-5				{ padding-bottom: var(--gl-micro-5);	}
div.pb-nothing				{ padding-bottom: var(--gl-nothing);	}


.give-space {
	padding-top: 32px;
	padding-bottom: 32px;
}

.basis-10  		{ width: 10%;  	}
.basis-15  		{ width: 15%;  	}
.basis-20  		{ width: 20%;  	}
.basis-25  		{ width: 25%;  	}
.basis-30  		{ width: 30%;  	}
.basis-35  		{ width: 35%;  	}
.basis-40  		{ width: 40%;  	}
.basis-45  		{ width: 45%;  	}
.basis-50  		{ width: 50%;  	}
.basis-55  		{ width: 55%;  	}
.basis-60  		{ width: 60%;  	}
.basis-65  		{ width: 65%;  	}
.basis-70  		{ width: 70%;  	}
.basis-75  		{ width: 75%;  	}
.basis-80  		{ width: 80%;  	}
.basis-85  		{ width: 85%;  	}
.basis-90  		{ width: 90%;  	}
.basis-95  		{ width: 95%;  	}
.basis-100		{ width: 100%;	}