@keyframes jump {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-4px);
	}
}
#bio .emoji {
	display: inline-flex;
	height: 20px;
	vertical-align: middle;
	width: 20px;
	&::after,
	img {
		filter: drop-shadow(0 0 0.5px #000a);
	}
}
#badges ul {
	gap: var(--pad-s);
	padding: 0;
}
#interests a {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	height: auto;
	justify-content: center;
	text-align: center;
	width: 160px;
	&:not(:hover, :focus) {
		background: transparent;
	}
}
#interests span:has(img)::after {
	background-image: url("/assets/img/icon/shortcut.png");
	background-size: 100%;
	content: "";
	display: block;
	height: 24px;
	margin: -1.5rem 0 0 -0.5rem;
	pointer-events: none;
	position: absolute;
	width: 24px;
	z-index: 1;
}
.games img {
	height: 48px;
}
.manga img {
	height: 128px;
}
#pkmn {
	background-image: url("/assets/img/pkmn/bg/box.png");
	border-bottom-color: #78a068;
	border-left-color: #c8f8c0;
	border-radius: 4px;
	border-right-color: #78a068;
	border-style: solid;
	border-top-color: #c8f8c0;
	border-width: 3px;
	margin: var(--pad-l) 0 0 0;
	width: fit-content;
	& li {
		display: flex;
		margin-left: -12px;
		margin-top: -8px;
		& span:hover {
			filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff)
				drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff)
				drop-shadow(0 2px 3px #000a);
			animation: jump 200ms infinite alternate;
		}
	}
}
#agender {
	background-image: var(--agender);
}
#aromantic {
	background-image: var(--aromantic);
}
#pansexual {
	background-image: var(--pansexual);
}
#badges img {
	max-height: 31px;
	width: 88px;
}