/**
 * Footer credit [site-footer__credit] and copyright [current_year].
 */

.site-footer__credit {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
}

.site-footer__credit-label {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: #FFFFFF80;
}

.site-footer__credit-link {
	color: inherit;
	text-decoration: none;
}

.site-footer__credit-link:hover,
.site-footer__credit-link:focus-visible {
	text-decoration: none;
	color: inherit;
}

.site-footer__credit .made-by {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.site-footer__credit .made-by path {
	fill: #FFFFFF80;
}

.site-footer__credit .made-by::before,
.site-footer__credit .made-by::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.site-footer__credit .made-by:hover path {
	fill: #FFFFFF80;
}

.site-footer__credit .made-by::before {
	background: transparent;
}

.site-footer__credit .made-by:hover::before {
	animation: spilgute-typewriter 1s steps(1) forwards;
}

.site-footer__credit .made-by .letter-a,
.site-footer__credit .made-by .letter-i,
.site-footer__credit .made-by .letter-m,
.site-footer__credit .made-by .letter-t {
	transition: 1s;
}

.site-footer__credit .made-by:hover .letter-a,
.site-footer__credit .made-by:hover .letter-i,
.site-footer__credit .made-by:hover .letter-m,
.site-footer__credit .made-by:hover .letter-t {
	transition: 0.1s !important;
}

.site-footer__credit .made-by:hover .letter-t {
	animation: spilgute-opacity-key 0.75s ease forwards;
}

.site-footer__credit .made-by:hover .letter-m {
	animation: spilgute-opacity-key 1.5s ease forwards;
}

.site-footer__credit .made-by:hover .letter-a {
	animation: spilgute-opacity-key 2.25s ease forwards;
}

.site-footer__credit .made-by .letter-i {
	z-index: 999;
}

@keyframes spilgute-opacity-key {
	0% { opacity: 0; }
	10% { opacity: 0; }
	25% { opacity: 0.1; }
	50% { opacity: 0.3; }
	75% { opacity: 0.8; }
	100% { opacity: 1; }
}

@keyframes spilgute-typewriter {
	0% { left: 10%; }
	33% { left: 36%; }
	66% { left: 70%; }
	to { left: 100%; }
}

.site-footer__copyright {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF80;
}