.spoiler {
    width: max-content;
    inline-size: fit-content;
	display: inline;
    padding: 0 0.1rem;
	color: #f9f9f9;
	background-color: #f9f9f9;
}

.spoiler:hover {
	color: var(--font-clr);
    transition-property: color;
    transition-duration: 0.2s;
}

.spoiler > input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
}

.spoiler > label {
    cursor: pointer;
}

input:checked + label{
	color: var(--font-clr);
}