::-webkit-scrollbar {
	display: none;
}
.statDataWrapper {
	padding: 12px 4px 30px;
	display: flex;
	overflow-y: auto;
	.statData {
		display: flex;
		column-gap: 10px;
		.statDataItem {
			position: relative;
			flex-shrink: 0;
			min-width: 135px;
			height: 80px;
			padding: 6px 9px;
			box-sizing: border-box;
			box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
			.title {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				height: 100%;
				.label {
					font-size: 14px;
					line-height: 20px;
					font-weight: 700;
					color: #333333;
				}
				.value {
					font-size: 18px;
					font-weight: 700;
					color: #25bae4;
					line-height: 26px;
					.unit {
						color: #333333;
						font-size: 12px;
						font-weight: 400;
					}
				}
			}
			.bgIcon {
				position: absolute;
				right: 8px;
				top: 6px;
				width: 24px;
				height: 24px;
			}
		}
	}
}
.filterWrapper {
	display: flex;
	column-gap: 6px;
	margin-bottom: 10px;
	.filterSelector {
		flex: 1;
	}
	.filterButton {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 91px;
		height: 34px;
		color: #fff;
		background-color: rgba(41, 187, 228, 1);
		.filterText {
			white-space: nowrap;
			margin: 0 8px 0 3px;
		}
	}
}