.overviewCard {
	height: 187px;
	padding: 20px 28px 15px;
	box-sizing: border-box;
	box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
	.field {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 12px;
		color: #0f3675;
		margin-top: 10px;
		&.currentCommission {
			margin-top: 0px;
			font-size: 16px;
			.valueWrapper {
				font-size: 14px;
				.value {
					font-weight: 700;
					font-size: 18px;
				}
			}
		}
	}
	.overviewCardBtns {
		display: flex;
		column-gap: 12px;
		margin-top: 20px;
		.btn {
			height: 31px;
		}
	}
}
.filter {
	margin-top: 10px;
	.datePreset {
		margin-bottom: 10px;
		::v-deep .checklist-group .checklist-box .radio__inner {
			border-radius: 4px;
		}
		::v-deep .checklist-group .checklist-box .radio__inner .radio__inner-icon {
			border-radius: 2px;
		}
		::v-deep .checklist-group .checklist-box.is--default.is-checked .radio__inner {
			border-color: #e5e5e5 !important;
		}
	}
}
.overviewContent {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	row-gap: 16px;
	column-gap: 11px;
	margin-top: 20px;
	.overviewItem {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 8px 10px;
		height: 84px;
		box-sizing: border-box;
		box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.1);
		.label {
			font-size: 14px;
			color: #666666;
		}
		.value {
			font-size: 20px;
			color: #333333;
			font-weight: 600;
		}
	}
}