@keyframes tool-save-pending-animation {
	0% {
		background-color: #314a44;
	}
	50% {
		background-color: #189e7f;
	}
	100% {
		background-color: #314a44;
	}
}

.tool-save-pending {
	animation: tool-save-pending-animation 2s infinite linear;
}

.tool-block {
	display: inline-block;
}

.tool-label {
	min-width: 180px;
	display: inline-block;
	text-align: right;
}

.tool-icon {
	width: 65px;
	height: 65px;
}

.effect-dim {
	filter: brightness(50%);
}

.tool-block-hover:hover {
	background-color: #0000ff44;
}

.tool-block-active:active {
	animation: animation-button-press 0.1s;
}

/* mobile/tablet layout */
@media (hover: none) or (pointer: coarse) {
	@media (orientation: portrait) {
	}
	@media (orientation: landscape) {
	}
}