﻿
@keyframes blink {
	0% {
		opacity: .10;
	}

	20% {
		opacity: .25;
	}

	30% {
		opacity: .50;
	}

	40% {
		opacity: .75;
	}

	50% {
		opacity: .100;
	}

	70% {
		opacity: .75;
	}

	80% {
		opacity: .50;
	}

	90% {
		opacity: .25;
	}

	100% {
		opacity: .10;
	}
}

.detector-container {
	display: grid;
	grid-template-rows: 1fr auto;
}

.blink {
	grid-row: 1;
	animation: blink 2s linear infinite;
}

	.blink:hover {
		cursor: pointer;
	}

.detector-info {
	grid-row: 2;
	z-index: 5;
	position: absolute;
	width: 280px;
	right: 10px;
	top: calc(100% + 5px);
	font-size: 80%;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
