.atlasnic-logo-widget {
	display: block;
	line-height: 0;
}

.atlasnic-logo-widget__link {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
}

.atlasnic-logo-widget__flash {
	--atlasnic-logo-flash-duration: 5.2s;
	position: relative;
	display: inline-block;
	overflow: hidden;
	line-height: 0;
	vertical-align: middle;
	isolation: isolate;
	border-radius: inherit;
}

.atlasnic-logo-widget__flash::before {
	content: '';
	position: absolute;
	inset: -8%;
	z-index: 2;
	background: radial-gradient(
		ellipse 70% 55% at 50% 50%,
		rgba(255, 255, 255, 0.55) 0%,
		rgba(255, 255, 255, 0.12) 42%,
		transparent 72%
	);
	opacity: 0;
	transform: scale(0.86);
	animation: atlasnic-logo-glow var(--atlasnic-logo-flash-duration) ease-in-out infinite;
	pointer-events: none;
	mix-blend-mode: soft-light;
}

.atlasnic-logo-widget__flash::after {
	content: '';
	position: absolute;
	top: -20%;
	bottom: -20%;
	left: 0;
	z-index: 3;
	width: 55%;
	background: linear-gradient(
		100deg,
		transparent 0%,
		rgba(255, 255, 255, 0) 28%,
		rgba(255, 255, 255, 0.22) 42%,
		rgba(255, 255, 255, 0.95) 50%,
		rgba(255, 255, 255, 0.28) 58%,
		rgba(255, 255, 255, 0) 72%,
		transparent 100%
	);
	transform: translateX(-160%) skewX(-18deg);
	filter: blur(0.4px);
	opacity: 0;
	animation: atlasnic-logo-sheen var(--atlasnic-logo-flash-duration) cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
	pointer-events: none;
	mix-blend-mode: screen;
}

.atlasnic-logo-widget__image {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	transform-origin: center center;
	animation: atlasnic-logo-lift var(--atlasnic-logo-flash-duration) ease-in-out infinite;
	will-change: filter, transform;
}

.atlasnic-logo-widget--empty {
	line-height: 1.4;
}

.atlasnic-logo-widget__placeholder {
	display: inline-block;
	padding: 12px 16px;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
	background: #f6f7f7;
	color: #50575e;
	font-size: 13px;
}

@keyframes atlasnic-logo-sheen {
	0%,
	58% {
		transform: translateX(-160%) skewX(-18deg);
		opacity: 0;
	}

	64% {
		opacity: 1;
	}

	78% {
		transform: translateX(220%) skewX(-18deg);
		opacity: 1;
	}

	84%,
	100% {
		transform: translateX(220%) skewX(-18deg);
		opacity: 0;
	}
}

@keyframes atlasnic-logo-glow {
	0%,
	60% {
		opacity: 0;
		transform: scale(0.86);
	}

	68% {
		opacity: 0.85;
		transform: scale(1.05);
	}

	78% {
		opacity: 0.35;
		transform: scale(1.12);
	}

	88%,
	100% {
		opacity: 0;
		transform: scale(1.18);
	}
}

@keyframes atlasnic-logo-lift {
	0%,
	60% {
		filter: brightness(1) contrast(1) drop-shadow(0 0 0 transparent);
		transform: scale(1);
	}

	68% {
		filter: brightness(1.18) contrast(1.04) drop-shadow(0 0 10px rgba(255, 255, 255, 0.45));
		transform: scale(1.03);
	}

	78% {
		filter: brightness(1.08) contrast(1.02) drop-shadow(0 0 6px rgba(255, 255, 255, 0.28));
		transform: scale(1.015);
	}

	88%,
	100% {
		filter: brightness(1) contrast(1) drop-shadow(0 0 0 transparent);
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.atlasnic-logo-widget__flash::before,
	.atlasnic-logo-widget__flash::after,
	.atlasnic-logo-widget__image {
		animation: none;
	}
}