@import './node_modules/@waca/ca-ui-toolkit/essentials/essentials';

.quickLaunchTarget {
	pointer-events: auto;
	height: 80px;
	width: 170px;
	border: 1px dashed #fff;
	margin-right: 24px;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	filter: alpha(opacity=50);
	opacity: .5;
	background: transparent;
	transition: opacity 200ms ease-in-out, background 100ms ease-in-out;

	&.hover {
		opacity: 1;
		@include theming(color, text-04);
	}

	.quickLaunchTargetIcon {
		height: 16px;
		width: 16px;
		@include theming(fill, icon-03);
		margin-bottom: 4px;
	}
}