.canvas {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.canvas .blk {
	flex: 1 1 calc(50% - 20px); /* 4 per row */
	padding: 15px;
	background-color: rgba(255,255,255,0.10);
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 3px 0px #ccc;
}
.canvas .blk.sml {
	flex: 1 1 calc(25% - 20px); /* 4 per row */
}
.canvas .blk.big {
	flex: 1 1 calc(100% - 20px); /* 4 per row */
}
.canvas .blk em {
	color: rgba(255,255,255,0.70);
	font-style: normal;
	display: block;
	font-size: 14px;
}
.canvas .blk strong {
	float: left;
	width: 65%;
	margin: 20px 0px 0px 0px;
	font-size: 24px;
}
.canvas .blk .symbol {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	font-size: 24px;
}
.canvas .blk .vs {
	float: right;
	width: 35%;
	font-weight: 500;
	margin: 20px 0px 0px 0px;
	font-size: 11px;
}
.canvas .blk .vs.up, .canvas .blk .up  {
	color: #2C9A00;
}
.canvas .blk .vs.down, .canvas .blk .down {
	color:rgba(220,0,3,1.00);
}
.canvas .blk .vs span {
	float: left;
	width: calc(100% - 30px);
}
.canvas .blk .vs span.material-symbols-outlined {
	width: 30px;
	margin: 5px 0px 0px 0px;
}
h3 span.material-symbols-outlined {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}