/* CONVENIENT/INTUITIVE STYLING */

html *, html ::before, html ::after {
	/* Background images are not repeated. */
	background-repeat: no-repeat;
	/* Mask images are not repeated. */
	mask-repeat: no-repeat;
}

html ::before, html ::after {
	/* Inherit border-radius. */
	border-radius: inherit;
	/* Inherit vertical alignment. */
	vertical-align: inherit;
}

/* REDUCE MOTION */

@media (prefers-reduced-motion: reduce) {
	html *, html ::before, html ::after {
		/* Remove animations and transitions when user prefers it. */
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}