.disputeLedger {
	&-row {
		margin-top: 12px;
		background-color: #fff;
		padding: 12px 16px 16px 16px;
	}
	&-d {
		display: flex;
		gap: 24px;
		align-items: center;
		justify-content: space-between;
	}
	&-card {
		position: relative;
		flex: 1;
		// width: 167px;
		height: 75px;
		background: #f2f3f5;
		border: 0.5px solid #e5e6eb;
    cursor: pointer;
		border-radius: 4px;
		cursor: pointer;
		& img {
			width: 40px;
			position: absolute;
			right: 8px;
			top: 14px;
		}
		&-active {
			background: #e8f8ff;
			border: 1px solid #1a6fb8;
		}
		&-content {
			padding: 12px 16px;
			&-t {
				margin-bottom: 4px;
				&-active {
					color: #1a6fb8;
				}
			}
		}
		&-title {
			font-size: 18px;
			line-height: 26px;
		}
	}
	&-title {
		font-size: 14px;
		color: #1d2129;
	}
	&-unit {
		// color: #86909c;
		font-size: 12px;
		line-height: 20px;
	}
	&-green {
		margin: 12px 0;
		display: flex;
		gap: 12px;
		&-title {
			font-size: 16px;
      line-height: 24px;
			padding: 12px 16px;
			color: rgba(0, 0, 0, 0.85);
		}
	}
}

.big-green {
	&-main {
		&-space {
			width: 389px;
			background-color: #fff;
		}
		&-title {
			background: #105489;
			height: 36px;
			padding: 0 12px 0 8px;
			color: #fff;
			display: flex;
			align-items: center;
			&-t {
				line-height: 30px;
				height: 24px;
				margin-left: 8px;
			}
			&-display {
				display: flex;
				align-items: end;
			}
			&-bias {
				transform: rotate(-45deg);
				height: 1px;
				width: 5px;
				background-color: rgba(255, 255, 255, 0.4);
				position: relative;
				top: -2px;
				left: -1px;
			}
			&-line {
				flex: 1;
				height: 1px;
				// transform: skewX(-45deg);
				background-color: rgba(255, 255, 255, 0.4);
			}

			&-graph {
				background: #ffc97a;
				width: 20px;
				height: 3px;
				transform: skewX(-45deg);
			}
		}
	}
}