#cc-main {
	--cc-font-family: 'Fira Sans', sans-serif;
	--cc-modal-border-radius: 5px;
	--cc-btn-border-radius: 5px;
	--cc-bg: #fff;
	--cc-primary-color: #4d4d4d;
	--cc-secondary-color: #4d4d4d;
	--cc-btn-primary-bg: #468ff9;
	--cc-btn-primary-color: #fff;
	--cc-btn-primary-border-color: #468ff9;
	--cc-btn-primary-hover-bg: #0c558a;
	--cc-btn-primary-hover-color: #fff;
	--cc-btn-primary-hover-border-color: #0c558a;
	--cc-btn-secondary-bg: #fff;
	--cc-btn-secondary-color: #004289;
	--cc-btn-secondary-border-color: #004289;
	--cc-btn-secondary-hover-bg: #004289;
	--cc-btn-secondary-hover-color: #fff;
	--cc-btn-secondary-hover-border-color: #004289;
	--cc-separator-border-color: #d8e5f8;
	--cc-toggle-on-bg: #468ff9;
	--cc-toggle-off-bg: #6e6f71;
	--cc-toggle-readonly-bg: #004289;
	--cc-toggle-readonly-knob-icon-color: #004289;
	--cc-cookie-category-block-bg: #f2f2f2;
	--cc-cookie-category-block-border: #d8e5f8;
	--cc-cookie-category-block-hover-bg: #e8f1ff;
	--cc-cookie-category-block-hover-border: #468ff9;
	--cc-overlay-bg: rgba(0, 0, 0, 0.68);
}

#cc-main .cm,
#cc-main .pm {
	border: 1px solid #d8e5f8;
	box-shadow: 0 14px 36px rgba(0, 66, 137, 0.24);
}

#cc-main .cm {
	border-top: 8px solid #468ff9;
	max-width: 30rem;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

#cc-main .cm__title {
	color: #004289;
	font-size: 22px;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__body {
	line-height: 1.5;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	min-height: 46px;
	text-transform: none;
	transition: background 300ms ease-in-out, border-color 300ms ease-in-out, color 300ms ease-in-out;
}

#cc-main .pm__header {
	background: #004289;
	border-bottom: 8px solid #468ff9;
	color: #fff;
}

#cc-main .pm__title {
	color: #fff;
	font-size: 22px;
}

#cc-main .pm__close-btn {
	background: #468ff9;
	border-color: #468ff9;
}

#cc-main .pm__close-btn svg {
	stroke: #fff;
}

#cc-main .pm__close-btn:hover {
	background: #0c558a;
	border-color: #0c558a;
}

#cc-main .pm__section--toggle .pm__section-title {
	color: #004289;
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
	stroke: #fff;
}

#cc-main .pm__badge {
	background: #004289;
	color: #fff;
	font-family: 'Fira Sans', sans-serif;
}

@media screen and (max-width: 640px) {
	#cc-main .cm {
		border-radius: 5px;
	}

	#cc-main .cm__btn,
	#cc-main .pm__btn {
		width: 100%;
	}
}