html.show--consent,
html.show--preferences {
	&::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 9999;
		background-color: rgba(0, 0, 0, 0.3);
	}
}

#cc-main {
	--cc-btn-primary-color: var(--e-global-color);
	--cc-btn-border-radius: 0.25rem;
    --cc-btn-primary-bg: var(--e-global-color-secondary, #00458C);
    --cc-btn-primary-border-color: transparent;
}
	
#cc-main .cm {
	width: min(37em, 100%);
	max-width: inherit;			
}

#cc-main .cm--box.cm--wide {
	width: min(42em, 100%);
	max-width: inherit;
}

#cc-main .pm__btn[data-role="all"],
#cc-main .cm__btn[data-role="all"] {
	color: var(--cc-btn-primary-color);
	border-color: var(--cc-btn-primary-border-color);
	background-color: var(--cc-btn-primary-bg);
}

#cc-main .pm__btn[data-role="necessary"],
#cc-main .cm__btn[data-role="necessary"] {
	color: var(--cc-btn-secondary-color);
	border-color: var(--cc-btn-secondary-border-color);
	background-color: var(--cc-btn-secondary-bg);

	&:where(:focus, :hover) {
		background: var(--cc-btn-secondary-hover-bg);
		border-color: var(--cc-btn-secondary-hover-border-color);
		color: var(--cc-btn-secondary-hover-color);							
	}			
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	border-radius: 100vmax;
}

#cc-main .cm__desc {
	margin-top: 1em !important;
}

#cc-main .cc_link {
	text-decoration: underline;
}

#cc-main .cm__link-group > * + * {
	margin-left: 1em;
}

#cc-main .cc_poweredby {
	font-style: italic;
	margin-left: auto;
	margin-right: 0;
}

#cc-main .cc_poweredby_desktop {
	display: none;

	@media (width > 430px) {
		display: inline-block;
	}
}