@charset "UTF-8";

body {
	&:has(> main > section#buttons > img.eye:is(:hover, :focus, :active)) {
		> section#buttons {
			> img.eye {
				cursor: none;
			}

			> img:not(.eye) {
				opacity: 0;
				transition: opacity 0.1s ease-in;
			}
		}

		> *:not(section#buttons) {
			opacity: 0;
			transition: opacity 0.1s ease-in;
		}
	}

	> main > section#buttons {
		z-index: 450;
		position: absolute;
		top: 0;
		left: 900px;
		display: inline-flex;
		flex-direction: column;

		&:has(> img.colors:is(:hover, :focus, :active)) {
			z-index: 9999;
			mix-blend-mode: color-dodge;
			filter: contrast(50);
		}

		> img {
			margin: unset;
			width: 120px;
			overflow: hidden;
			border-radius: 0.25rem;

			&:is(.noclick) {
				cursor: not-allowed;
			}

			&:is(.antibuttons) {
				cursor: pointer;
			}

			&:is(.construction, .cogs) {
				cursor: wait;
			}
		}
	}
}
