span.spoiler {
	filter: blur(0.25rem);
	transition: var(--transition);

	&:hover,
	&:active {
		filter: none;
	}

	&.solid {
		filter: none;
		border-radius: var(--rounded-corner-small);
		background-color: var(--fg-muted-4);
		color: transparent;

		&:hover,
		&:active {
			background-color: transparent;
			color: inherit;
		}
	}
}

img.spoiler,
img[src*="#spoiler"] {
	opacity: var(--dim-opacity);
	clip-path: inset(0% 0% 0% 0% round var(--rounded-corner));
	filter: blur(1rem);

	&:hover,
	&:active {
		opacity: 1;
		clip-path: inset(-1rem -1rem -1rem -1rem round 0);
		filter: none;
	}

	&.solid,
	&[src*="#solid"] {
		clip-path: none;
		filter: brightness(0%) contrast(50%);
		box-shadow: none;

		&:hover,
		&:active {
			filter: none;
		}
	}
}