.box0,
.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10,
.box11,
.box12,
.box13,
.box14,
.box15,
.box16,
.box17,
.box18,
.box19,
.box20,
.box21,
.box22 {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 8px;
	border-radius: 4px;
	font-size: 14px;
	transition: all .3s ease;
	border: 1px solid #07070724;
}

.box0:hover,
.box1:hover,
.box2:hover,
.box3:hover,
.box4:hover,
.box5:hover,
.box6:hover,
.box7:hover,
.box8:hover,
.box9:hover,
.box10:hover,
.box11:hover,
.box12:hover,
.box13:hover,
.box14:hover,
.box15:hover,
.box16:hover,
.box17:hover,
.box18:hover,
.box19:hover,
.box20:hover {
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08)
}

.box0 {
	background: none;
}

.box0 {
	background: none;
}

.box1 {
	background: #fff9e6;
	border-color: #f8dc8f;
	color: #8b5a1b
}

.box2 {
	background: #fff2eb;
	border-color: #f8c4a5;
	color: #8c3a19
}

.box3 {
	background: #ffeff3;
	border-color: #f9b5cf;
	color: #9f1d4d
}

.box4 {
	background: #faefff;
	border-color: #e2c2fb;
	color: #6b21a8
}

.box5 {
	background: #f6f1ff;
	border-color: #d0c6fe;
	color: #5b21b6
}

.box6 {
	background: #eef3ff;
	border-color: #b3c9ff;
	color: #1d4ed8
}

.box7 {
	background: #edf7ff;
	border-color: #9cd4fb;
	color: #1e3a8a
}

.box8 {
	background: #ebf8fa;
	border-color: #9adcec;
	color: #0f4c81
}

.box9 {
	background: #f2fcf4;
	border-color: #b4edc6;
	color: #2f855a
}

.box10 {
	background: #f7fbf1;
	border-color: #d3ebb7;
	color: #3f6212
}

.box11 {
	background: #f7f8fb;
	border-color: #cbd5e1;
	color: #475569
}

.box12 {
	background: #f5fbff;
	border-color: #6fcffb;
	color: #075985
}

.box13 {
	background: #e9fbfd;
	border-color: #4ad0e0;
	color: #006064
}

.box14 {
	background: #fbf6f0;
	border-color: #ebd5b8;
	color: #7b4f2f
}

.box15 {
	background: #ecfdf5;
	border-color: #6ee7b7;
	color: #065f46
}

.box16 {
	background: #f6f7fd;
	border-color: #d6def5;
	color: #2c3e78
}