@charset "UTF-8";

section.loading {
	cursor: progress;
}

section.loading.center {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.loading.dark {
	backdrop-filter: brightness(50%) contrast(120%) grayscale(80%) blur(3px);
}

section.loading * {
	color: var(--text-color, var(--th-theme-text-color));
}

section.loading.dark * {
	color: var(--text-light-color, var(--text-color, var(--th-theme-text-color)));
}

section.loading:is(:disabled, [disabled="true"]) {
	opacity: 0;
	pointer-events: none;
	transition: 0.3s ease-out;
}