:root {
	--nrusso-logo-full-easing: cubic-bezier(.23,1,.32,1);
}

.nrusso-logo-full {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.nrusso-logo-full-icon {
	position: relative;
	aspect-ratio: 1/1;
	max-width: 320px;
	width: 100%;
}

.nrusso-logo-full-icon-svg {
	position: absolute;
	inset: 0;
}

.nrusso-logo-full-text {
	position: relative;
	max-width: 320px;
	width: 100%;
}

@keyframes animationLogoFull-circle {
	0% { transform: rotate(-180deg) scale(0.2); opacity: 0; }
	100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

@keyframes animationLogoFull-lock {
	0% { transform: scale(0); }
	20% { transform: scale(0); }
	100% { transform: scale(1); }
}

.nrusso-logo-full-circle {
	opacity: 0;
}

.nrusso-logo-full-lock {
	transform: scale(0);
}

.nrusso-logo-full.--animate .nrusso-logo-full-circle {
	animation: animationLogoFull-circle 4s var(--nrusso-logo-full-easing) forwards;
	transform-origin: center center;
}

.nrusso-logo-full.--animate .nrusso-logo-full-lock {
	animation: animationLogoFull-lock 3s var(--nrusso-logo-full-easing) forwards;
	transform-origin: center center;
}