/*
 * CSS Custom for Next.js by Hayato
 */
@-webkit-keyframes appLoaderFadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
@keyframes appLoaderFadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}
@-webkit-keyframes rotation {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}
@keyframes rotation {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(359deg)
	}
}

body, .btn {
	font-family: 'Quicksand', sans-serif;
}

div#loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: var(--bs-body-bg);
	z-index: 1050;
	height: 100vh;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

div#loading.fading {
	opacity: 0;
	-webkit-animation: appLoaderFadeOut .2s ease;
	animation: appLoaderFadeOut .2s ease
}
div#loading.loaded {
	display: none;
}
div#loading.loaded .spinner {
	-webkit-animation: none;
	animation: none
}
div#loading .spinner {
	height: 36px;
	width: 36px;
	border: 2px solid #2d353c;
	border-top-color: #fff;
	border-radius: 36px;
	-webkit-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear
}
div#loading .spinner.spinner-sm {
	height: 28px;
	width: 28px
}

div.profile a {
	text-decoration: none;
}
div.profile-links a img {
	margin-top: -16px;
}

img.profile {
	width: 80px !important;
}
img.icon-24 {
	width: 24px !important;
}
img.icon-32 {
	width: 32px !important;
}
img.icon-64 {
	width: 64px !important;
}