@charset "utf-8";

.theme-switch
{
	position: relative;
	/* Disabling tap highlighting in Chrome for Android requires that the cursor is not a 'pointer' */
	cursor: copy;
}

.theme-switch-checkbox
{
	/* Make sure the underlying default checkbox is not displayed at all*/
	display: none;
}

.theme-switch-button
{
	position: relative;
	min-height: 1em;
	min-width: 2em;
	font-size: 2rem;
	right: 1rem;
	/* Disable tap highlighting in Chrome for Android */
	-webkit-tap-highlight-color: transparent;
}

.theme-switch-button::after
{
	content: '🌚';
	text-shadow: -10px -10px 20px rgb(128, 128, 128, 0.5), 10px 10px 20px rgb(128, 128, 128, 0.5), 10px -10px 20px rgb(128, 128, 128, 0.5), -10px 10px 20px rgb(128, 128, 128, 0.5), 0px 0px 42px rgb(128, 128, 128, 0.5);
}

.theme-switch-checkbox:checked + .theme-switch-button::after
{
	content: '🌞';
	text-shadow: -10px -10px 30px rgb(220, 50, 47, 0.3), -10px 10px 30px rgb(220, 50, 47, 0.3), 10px 10px 30px rgb(220, 50, 47, 0.3), 10px -10px 30px rgb(220, 50, 47, 0.3);
}