html, body {
	height: 100%;
}
.bi {
	display: inline-block;
	width: 1rem;
	height: 1rem;
}
.bi-flag {
	height: 2rem;
	aspect-ratio: 1/1;
}
a:has(.bi-flag) {
	text-decoration: none;
}
pre, xmp {
	margin: 0;
	white-space: pre-wrap;
	font: inherit;
}
#loadingFrame {
	z-index: 9999999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.2);
	visibility: hidden;
}
#loadingIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2rem;
	height: 2rem;
	border: 5px solid #f3f3f3;
	border-top: 6px solid #9c41f2;
	border-radius: 100%;
	margin-left: -2rem;
	margin-top: -2rem;
	animation: spin 1s infinite linear;
}
#loadingFrame.display {
	visibility: visible;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}