/** biome-ignore-all lint/correctness/noUnknownTypeSelector: gtk css has more valid identifiers */
* {
	all: unset;
}

window {
	background-color: #191919c6;
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	font-family:
		"Hack Nerd Font Mono", "Font Awesome 7 Brands", "Font Awesome 7 Free",
		sans-serif;
}

popover {
	margin-top: 4px;
	font-family:
		"Hack Nerd Font Mono", "Material Icons", "Font Awesome 7 Free", sans-serif;
	padding: 6px;
	border-radius: 8px;

	background: rgba(25, 25, 25, 0.8);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(57, 57, 57, 0.71);
	font-size: 14px;
}

tooltip {
	background-color: #222222;
	color: #ffffff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
}

button {
	font-family: "Material Icons", sans-serif;
	font-size: 20px;
}

#spacer {
	font-weight: 900;
	padding: 0 5px;
	text-shadow: 0 0 5px #ffffffaa;
}

.button {
	padding: 4px 8px;
	border-radius: 4px;
	font-family: "Material Icons", sans-serif;
}

.button:hover {
	background-color: #111111;
}

.workspace-pill {
	padding: 2px 5px;
	margin-right: 6px;
	border-radius: 5px;
	text-shadow: 0 0 2px #646464;
	transition:
		background-color 0.2s,
		color 0.2s,
		box-shadow 0.2s;
}

.workspace-pill:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.workspace-pill-alive {
	background-color: rgba(255, 255, 255, 0.153);
}

.workspace-pill-presenting {
	background-color: #666666;
	color: #ffffff;
	/* animation: workspace-updown 1.2s ease-in-out infinite; */
}

.workspace-pill-focused {
	background-color: #ffffff;
	color: #1e1e1e;
	box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}

.workspace-pill-focused:hover {
	box-shadow: none;
}

.workspace-pill-urgent {
	background-color: #ff5555;
	color: #fff;
	animation: workspace-blink 1s linear infinite;
}

.workspace-pill-six {
	animation: workspace-updown 1.2s ease-in-out infinite;
	margin-left: -4px;
	margin-top: 4px;
	font-size: 12px;
}

.workspace-pill-seven {
	animation: workspace-updown 1.2s ease-in-out infinite;
	animation-delay: 0.6s;
	margin-right: -4px;
	margin-top: 4px;
	font-size: 12px;
}

@keyframes workspace-updown {
	0% {
		transform: translateY(4px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(4px);
	}
}

@keyframes workspace-blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}