.market_bar {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	overflow-x: auto;
}
.market_bar::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}
.market_bar_box {
    position: relative;
    display: block;
    background: #fff;
    padding: 5px 12px;
    width: 100%;
    min-width: 215px;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid #ddd;
}
.market_bar_box .rating_icon {
	width: 32px;
	height: 32px;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 11px;
	transform: translateY(-50%);
	filter: brightness(0) invert(0);
}
.market_bar_box .content {
	padding-right: 50px;
	font-size: 13px;
	color: #000;
	font-weight: 600;
	text-transform: capitalize;
}
.market_bar_box .content span {
	font-weight: 700;
	min-height: 20px;
	line-height: 20px;
	display: block;
}
.MarketCard-up span {
	color: #089b08;
}
.MarketCard-down span {
	color: #c20000;
}