#ccm-cookie-notice {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	transition: opacity 0.36s ease, transform 0.48s ease, display 0.48s ease allow-discrete;
	will-change: opacity, transform;
	z-index: 999999;
	background: var(--background-color, #fff);
	border: none;
	box-shadow: 0px 1rem 3rem rgba(0, 0, 0, 0.15);
	outline-offset: -4px;
	outline-color: currentColor;
}
#ccm-cookie-notice::backdrop {
	background: rgba(0, 0, 0, 0.2);
	transition: opacity 0.48s ease, display 0.48s ease allow-discrete;
}
#ccm-cookie-notice[open] {
	/* normal state */
	opacity: 1;
	transform: translateY(0);

	/* entry animation */
	@starting-style {
		opacity: 0;
		transform: translateY(2rem);
	}
}
#ccm-cookie-notice[open]::backdrop {
	opacity: 1;
	@starting-style {
		opacity: 0;
	}
}
#ccm-cookie-notice:not([open]) {
	/* exit animation */
	transition: opacity 0.24s ease, transform 0.24s ease, display 0.24s ease allow-discrete;
	opacity: 0;
	transform: translateY(1rem);
}
#ccm-cookie-notice:not([open])::backdrop {
	opacity: 0;
}
#ccm-cookie-notice:focus,
#ccm-cookie-notice:focus-within {
	outline-offset: -2px;
	outline-color: #fff;
}
#ccm-cookie-notice .content h3 {
	margin-bottom: 1rem;
	line-height: 1;
}
#ccm-cookie-notice .content a {
	color: var(--main-color);
	font-weight: 600;
	transition: color 0.24s ease, opacity 0.24s ease;
	will-change: color, opacity;
}

#ccm-cookie-notice .content a:hover,
#ccm-cookie-notice .content a:focus {
	outline: none;
}
#ccm-cookie-notice .content a:focus-visible {
	outline: 1px auto var(--main-color, #0078d4);
	outline-offset: 2px;
}
#ccm-cookie-notice .buttons {
	display: flex;
	gap: 1rem;
	margin-top: 1.5rem;
}

#ccm-cookie-notice .buttons .button {
	flex: 1 1 0;
	border: none;
	display: block;
}

#ccm-cookie-notice[data-position="bottom-right"] {
	position: fixed;
	top: unset;
	left: unset;
	bottom: 2rem;
	right: 2rem;
	width: 27.5em;
	max-width: 100%;
	padding: 2rem;
}

@media screen and (max-width: 690px) {
	#ccm-cookie-notice[data-position="bottom-right"] {
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}