<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.flex {
	display:flex;
}
.column {
	flex-direction:column;
}
.space-between {
	justify-content:space-between;
}
.flex-grow {
	flex:1 1 0;
	border:1px solid red;
}
.flex-wrap {
	flex-wrap:wrap;
}
.a-center {
	align-items:center;
}
.a-end {
	align-items:flex-end;
}
.j-center {
	justify-content:center;
}
.j-start {
	justify-content:flex-start;
}
.j-end {
	justify-content:flex-end;
}

.col-1 {
	flex:1;
}
.col-2 {
	flex:2;
}
.col-3 {
	flex:3;
}
.col-4 {
	flex:4;
}
.col-5 {
	flex:5;
}
.col-6 {
	flex:6;
}
.col-7 {
	flex:7;
}
.col-8 {
	flex:8;
}
.col-9 {
	flex:9;
}
.col-10 {
	flex:10;
}
.col-11 {
	flex:11;
}
.col-12 {
	flex:12;
}
.col-13 {
	flex:13;
}
.col-14 {
	flex:14;
}
.col-15 {
	flex:15;
}
.col-31 {
	flex:0 0 auto;
	width:31%;
}
.col-32 {
	flex:0 0 auto;
	width:32%;
}
.col-40 {
	flex:0 0 auto;
	width:40%;
}
.col-21 {
	flex:0 0 auto;
	width:21%;
}
.col-24 {
	flex:0 0 auto;
	width:24%;
}
.col-48 {
	flex:0 0 auto;
	width:46%;
}
.col-50 {
	flex:0 0 auto;
	width:50%;
}
.col-56 {
	flex:0 0 auto;
	width:56%;
}
.col-66 {
	flex:0 0 auto;
	width:64%;
}</pre></body></html>