#cookie-consent-overlay {
	position: fixed;
	inset: 0;
	background: rgba(5, 7, 10, 0.48);
	backdrop-filter: blur(6px);
	z-index: 9998;
}
#cookie-consent-banner {
	position: fixed;
	right: 16px;
	bottom: 16px;
	left: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	box-sizing: border-box;
	max-width: 760px;
	margin: 0 auto;
	padding: 10px 12px;
	border: 1px solid var(--ui-border);
	border-left: 2px solid var(--app-focus-border);
	border-radius: 8px;
	background: var(--ui-surface);
	color: var(--ui-text);
	box-shadow: var(--ui-shadow);
	z-index: 9999;
	font-family:
		'Artifakt Element', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
		monospace;
	font-size: 12px;
	line-height: 1.45;
}
#cookie-consent-banner p {
	min-width: 0;
	margin: 0;
	color: var(--ui-text-dim);
}
#cookie-consent-banner a {
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--app-focus-border);
	border-radius: 0;
	background: transparent;
	color: var(--shd-link, #8ecbff);
	font: inherit;
	text-decoration: none;
	transition:
		color 0.2s,
		border-bottom-color 0.2s;
	cursor: pointer;
}
#cookie-consent-banner a:hover {
	background: transparent;
	color: var(--ui-text);
	border-bottom-color: var(--ui-text);
}
#cookie-consent-banner button {
	box-sizing: border-box;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 78px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid var(--ui-border);
	border-radius: 8px;
	background: var(--ui-surface-hover);
	color: var(--ui-text);
	font:
		500 12px/1 'Artifakt Element',
		monospace;
	cursor: pointer;
}
#cookie-consent-banner button:hover {
	background: rgba(255, 255, 255, 0.13);
	border-color: rgba(255, 255, 255, 0.36);
}
@media (max-width: 640px) {
	#cookie-consent-banner {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
		padding: 12px;
	}
	#cookie-consent-banner button {
		width: 100%;
	}
}