.line-graph{
	& .hover-group{
		& .graph-point{
			transition:transform 100ms;
			transform-box:fill-box;
			transform-origin:50% 50%;
		}

		&.hovered{
			& .graph-point{
				transform:scale(1.35);
			}
		}
	}
}

.bar-graph{
	& .g-bar-label{
		font-size:0.8rem;
	}
	& .g-bar-amount-label{
		color:white;
	}

	& .g-bar-rect.hovered{
		stroke:transparentize(blue, 0.8);
		stroke-width:5;
	}
}

.graph-tooltip-container{
	position:fixed;
	padding:18px;
	width:200px;
	box-shadow:1px 1px 0.09rem 0.12rem rgba(0,0,0,0.1);
	background-color:white;
	z-index:1050;
	pointer-events:none;

	& .g-tooltip-title{
		font-size:0.9rem;
		margin-bottom:0.35rem;
	}

	& .g-tooltip-data-container{
		display:flex;
		align-items:center;

		& .g-tooltip-color-identifier{
			flex-grow:1;
			height:2px;
			width:10px;
			margin-right:12px;
		}

		& .g-tooltip-g-label{
			flex-grow:1;
			font-size:0.88rem;
		}

		& .g-tooltip-amnt{
			flex-grow:1;
			text-align:center;
			font-size:0.88rem;
			font-weight:500;
		}
	}
}