undershoot {
  
  $undershoot_color: mix($hint_bg, $hint_fg, 50%);
	background-repeat: no-repeat;
	background-clip: border-box;
	background-image: image(gtkalpha($undershoot_color, 0.3));
	&.top {
		//background-image: linear-gradient(to bottom, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
		background-size: 100% 0.5em;
		background-position: top;
	}
	&.bottom {
		//background-image: linear-gradient(to top, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
		background-size: 100% 0.5em;
		background-position: bottom;
	}
	&.left {
		//background-image: linear-gradient(to right, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
		background-size: 0.5em 100%;
		background-position: left;	
	}
	&.right {
		//background-image: linear-gradient(to left, gtkalpha(currentColor, 0.5), gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0));
		background-size: 0.5em 100%;
		background-position: right;	
	}
	
}