.cookie-consent {
	z-index: 1080;
	animation: cookie-consent-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;
}

.cookie-consent.is-leaving {
	animation: cookie-consent-out 0.3s ease-in both;
}

.cookie-consent-card {
	max-width: 640px;
	border: 1px solid var(--tb-border);
	border-radius: var(--tb-radius-lg);
	background: var(--tb-surface);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.cookie-consent-card .fa-cookie-bite {
	color: var(--tb-orange);
}

@keyframes cookie-consent-in {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes cookie-consent-out {
	to {
		opacity: 0;
		transform: translateY(100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cookie-consent,
	.cookie-consent.is-leaving {
		animation: none;
	}
}
