*, *::before, *::after {
	transition-timing-function: var(--ease-physics);
	transition:
		color 0.2s ease,
		background-color 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		filter 0.25s ease,
		transform 0.2s ease,
		opacity 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
	* {
		animation: none !important;
		transition: none !important;
	}
}

*, *::before, *::after {
	transition: color 0.2s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.atrament_buttons, [onclick]:not(.layer_image), .clickable, .enabled_symbol, .symbol_button, .ribbon_icon_large, #show_hide_ribbon_button {
	cursor: pointer;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.atrament_buttons, [onclick]:hover:not(.layer_image), .clickable:hover, .enabled_symbol:hover, .symbol_button:hover, .ribbon_icon_large:hover, #show_hide_ribbon_button:hover {
	transform: scale(1.08);
	opacity: 0.9;
}

.atrament_buttons, [onclick]:active:not(.layer_image), .clickable:active, .enabled_symbol:active, .symbol_button:active, .ribbon_icon_large:active, #show_hide_ribbon_button:active {
	transform: scale(0.95);
	opacity: 0.7;
}

button {
	transition: transform 0.2s ease, opacity 0.2s ease;
}

button:hover {
	transform: scale(1.1);
	opacity: 0.8;
}

button:active {
	transform: scale(0.96);
	opacity: 0.9;
}

#show_webcam_button, #show_webcam_button span, #show_webcam_button img {
	transition: transform 0.2s ease, opacity 0.2s ease;
}

#show_webcam_button:hover {
	transform: scale(1.08);
	opacity: 0.9;
}

#show_webcam_button:active {
	transform: scale(0.95);
	opacity: 0.7;
}

.atrament_buttons:hover, .atrament_buttons img:hover, [onclick]:hover, [onclick] img:hover {
	transform: scale(1.08);
	opacity: 0.9;
}

.atrament_buttons img {
	transition: transform 0.2s ease, opacity 0.2s ease;
}