:root {
	--wc-cmplz-accent: #1f2937;
	--wc-cmplz-accent-contrast: #ffffff;
	--wc-cmplz-radius: 8px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner,
#cmplz-manage-consent .cmplz-cookiebanner {
	font-family: inherit !important;
	border-radius: calc(var(--wc-cmplz-radius) * 1.35) !important;
	border: 1px solid color-mix(in srgb, var(--wc-cmplz-accent) 22%, #d7dde7) !important;
	box-shadow: 0 18px 55px rgba(15, 23, 42, 0.18) !important;
	overflow: hidden;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--wc-cmplz-accent);
	pointer-events: none;
}

#cmplz-cookiebanner-container .cmplz-title,
#cmplz-cookiebanner-container .cmplz-message,
#cmplz-cookiebanner-container .cmplz-category-title,
#cmplz-cookiebanner-container .cmplz-category-header,
#cmplz-cookiebanner-container .cmplz-always-active {
	font-family: inherit !important;
}

#cmplz-cookiebanner-container .cmplz-btn {
	font-family: inherit !important;
	font-weight: 600 !important;
	border-radius: var(--wc-cmplz-radius) !important;
	transition: filter .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-btn[data-role="accept"] {
	background: var(--wc-cmplz-accent) !important;
	border-color: var(--wc-cmplz-accent) !important;
	color: var(--wc-cmplz-accent-contrast) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-btn[data-role="accept"]:hover {
	filter: brightness(.92);
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences {
	background: color-mix(in srgb, var(--wc-cmplz-accent) 7%, #ffffff) !important;
	border-color: color-mix(in srgb, var(--wc-cmplz-accent) 22%, #d7dde7) !important;
	color: color-mix(in srgb, var(--wc-cmplz-accent) 74%, #111827) !important;
}

#cmplz-cookiebanner-container .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container a:focus-visible,
#cmplz-manage-consent button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--wc-cmplz-accent) 35%, transparent) !important;
	outline-offset: 2px !important;
}

#cmplz-cookiebanner-container .cmplz-link,
#cmplz-cookiebanner-container .cmplz-links a,
#cmplz-cookiebanner-container a:not(.cmplz-btn) {
	color: var(--wc-cmplz-accent) !important;
	text-decoration-color: color-mix(in srgb, var(--wc-cmplz-accent) 55%, transparent) !important;
}

#cmplz-cookiebanner-container .cmplz-close,
#cmplz-cookiebanner-container .cmplz-close svg,
#cmplz-cookiebanner-container .cmplz-icon,
#cmplz-cookiebanner-container .cmplz-icon svg {
	color: var(--wc-cmplz-accent) !important;
	stroke: var(--wc-cmplz-accent) !important;
}

#cmplz-manage-consent .cmplz-manage-consent,
#cmplz-manage-consent button,
.cmplz-manage-consent {
	font-family: inherit !important;
	border-radius: var(--wc-cmplz-radius) !important;
}

@media (max-width: 600px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		border-radius: calc(var(--wc-cmplz-radius) * 1.15) !important;
	}
}