/* All About Material v1.4.9 profile and loading refinements */

.aam-profile-toggle {
	width: 46px !important;
	height: 46px !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	border: 2px solid #fff !important;
	border-radius: 50% !important;
	background: var(--aam-soft) !important;
	box-shadow: 0 5px 16px rgba(15, 31, 49, .13);
}

.aam-profile-toggle img,
.aam-profile-toggle .avatar {
	width: 42px !important;
	height: 42px !important;
	display: block !important;
	border-radius: 50% !important;
	object-fit: cover !important;
}

.aam-profile-dot {
	top: -2px;
	right: -2px;
}

.aam-preloader {
	transition: opacity .75s cubic-bezier(.22, 1, .36, 1), visibility .75s ease !important;
}

.aam-preloader-mark {
	transition: opacity .65s ease, transform .75s cubic-bezier(.22, 1, .36, 1);
}

.aam-preloader-mark span {
	animation-duration: 1.25s !important;
}

.aam-preloader.is-complete .aam-preloader-mark {
	opacity: 0;
	transform: rotate(-4deg) scale(.9);
}

.aam-preloader.is-complete small {
	opacity: 0;
	transition: opacity .45s ease;
}

@media (max-width: 520px) {
	.aam-profile-toggle {
		width: 44px !important;
		height: 44px !important;
	}

	.aam-profile-toggle img,
	.aam-profile-toggle .avatar {
		width: 40px !important;
		height: 40px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aam-preloader,
	.aam-preloader-mark,
	.aam-preloader small {
		transition: none !important;
	}

	.aam-preloader-mark span {
		animation: none !important;
	}
}