/* CookieConsent markup and behavior are configured in assets/js/cookies.js. */
#cc-main {
	font-family: inherit;
}

#cc-main .cm {
	--cc-bg: var(--color-midnight);
	--cc-primary-color: var(--color-parchment);
	--cc-secondary-color: var(--color-parchment);
	--cc-btn-primary-bg: var(--color-zest);
	--cc-btn-primary-color: var(--color-midnight);
	--cc-btn-primary-border-color: var(--color-zest);
	--cc-btn-primary-hover-bg: var(--color-parchment);
	--cc-btn-primary-hover-color: var(--color-midnight);
	--cc-btn-primary-hover-border-color: var(--color-parchment);
	--cc-btn-secondary-bg: transparent;
	--cc-btn-secondary-color: var(--color-parchment);
	--cc-btn-secondary-border-color: var(--color-parchment);
	--cc-btn-secondary-hover-bg: var(--color-parchment);
	--cc-btn-secondary-hover-color: var(--color-midnight);
	--cc-btn-secondary-hover-border-color: var(--color-parchment);
	--cc-btn-border-radius: 40px;
	--cc-modal-border-radius: 8px;
	--cc-link-color: var(--color-parchment);
	width: 448px;
	max-width: calc(100vw - 32px);
	padding: 24px;
	box-shadow: 0 0 6px rgb(0 0 0 / 8%);
}

#cc-main .cm__texts {
	padding: 0;
}

#cc-main .cm__title,
#cc-main .cm__desc,
#cc-main .cm__btns {
	/* Override the library's mobile padding as well. */
	padding: 0 !important;
}

#cc-main .cm__title {
	color: var(--cc-primary-color);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

#cc-main .cm__title + .cm__desc {
	margin-top: 8px;
}

#cc-main .cm__desc {
	font-size: 16px;
	line-height: 1.4;
}

#cc-main .cm__btns {
	margin-top: 24px;
	border: 0 !important;
}

#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
	margin: 16px 0 0 !important;
}

#cc-main .cm__btn {
	width: 100%;
	padding: 15px 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}