#ccc {
	position: fixed;
	z-index: 2147483647;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em
}

@media (min-width:1024px) {
	#ccc {
		font-size: 16px
	}
}

#ccc-icon {
	position: fixed;
	bottom: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	z-index: 20;
	padding: 0;
	border: 0;
	background: transparent
}

#ccc-icon.ccc-icon--left {
	left: 0
}

#ccc-icon.ccc-icon--right {
	right: 0
}

#ccc-icon.ccc-icon--dark {
	fill: #000025
}

#ccc-icon.ccc-icon--dark #star path {
	fill: #fff
}

#ccc-icon.ccc-icon--light {
	fill: #555
}

#ccc-icon.ccc-icon--light #star path {
	fill: #f4f4f4
}

#ccc-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .4);
	opacity: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	perspective: 0;
	will-change: opacity;
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc-module {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2
}

#ccc-module.ccc-module--slideout {
	top: 0;
	bottom: 0;
	width: 90%;
	max-width: 520px
}

#ccc-module.ccc-module--slideout.ccc-module--left {
	left: 0;
	-webkit-animation-name: slide-right;
	animation-name: slide-right;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc-module.ccc-module--slideout.ccc-module--right {
	right: 0;
	-webkit-animation-name: slide-left;
	animation-name: slide-left;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc-content {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 24px;
	box-sizing: border-box
}

.ccc-content--dark {
	color: #fff;
	fill: #fff;
	background-color: #313147
}

.ccc-content--light {
	color: #333;
	fill: #333;
	background-color: #f4f4f4
}

#ccc-close {
	position: absolute;
	right: 16px;
	top: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	border: 0;
	background-color: transparent;
	padding: 0 !important;
	z-index: 10
}

#ccc-title,
.ccc-title {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 700;
	padding-right: 32px;
	margin: 0;
	text-align: left
}

#ccc #ccc-recommended-settings {
	margin-left: 0;
	float: none;
	clear: both
}

#ccc h3 {
	margin: 0;
	font-weight: 700;
	padding-right: 120px
}

#ccc h3,
#ccc p,
.ccc-intro {
	font-size: 1em;
	line-height: 1.5em;
	text-align: left
}

#ccc p,
.ccc-intro {
	font-weight: 400;
	margin: 1em 0
}

#ccc hr {
	height: 1px;
	border: 0;
	margin: 24px 0;
	opacity: .25
}

#ccc .ccc-svg-element {
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 6px;
	margin-left: 8px
}

#ccc .ccc-content--dark hr {
	background-color: #fff
}

#ccc .ccc-content--dark a,
#ccc .ccc-content--dark h2,
#ccc .ccc-content--dark h3,
#ccc .ccc-content--dark p,
#ccc .ccc-content--dark span {
	color: #fff;
	fill: #fff
}

#ccc .ccc-content--light hr {
	background-color: #333
}

#ccc .ccc-content--light a,
#ccc .ccc-content--light h2,
#ccc .ccc-content--light h3,
#ccc .ccc-content--light p,
#ccc .ccc-content--light span {
	color: #333;
	fill: #333
}

#ccc .optional-cookie {
	position: relative
}

.checkbox-toggle {
	position: absolute;
	top: -3px;
	right: 0;
	margin: 0
}

#ccc .checkbox-toggle-input {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0
}

#ccc .checkbox-toggle--checkbox {
	border: 2px solid #fff;
	border-radius: 4px
}

#ccc .checkbox-toggle--checkbox .checkbox-toggle-label {
	display: block;
	width: 24px;
	height: 24px
}

#ccc .checkbox-toggle--checkbox .checkbox-toggle-off,
#ccc .checkbox-toggle--checkbox .checkbox-toggle-on {
	display: none
}

#ccc .checkbox-toggle--checkbox .checkbox-toggle-toggle {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px
}

#ccc .checkbox-toggle--checkbox input:checked~.checkbox-toggle-toggle:after {
	content: "";
	position: absolute;
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg)
}

#ccc .checkbox-toggle--slider {
	border-radius: 50px;
	border: 4px solid #fff
}

#ccc .checkbox-toggle--slider .checkbox-toggle-label {
	display: flex;
	margin: 0;
	cursor: pointer;
	z-index: 1
}

#ccc .checkbox-toggle--slider .checkbox-toggle-off,
#ccc .checkbox-toggle--slider .checkbox-toggle-on {
	flex: 1;
	flex-basis: 50%;
	width: 50%;
	min-width: 40px;
	text-align: center;
	z-index: 2;
	font-size: .75em;
	font-weight: 700;
	padding: 0 6px;
	white-space: nowrap
}

#ccc .checkbox-toggle--slider .checkbox-toggle-off {
	opacity: .65
}

#ccc .checkbox-toggle--slider .checkbox-toggle-toggle {
	display: block;
	width: 50%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border-radius: 50px;
	transition: all .4s ease;
	background-color: #000
}

#ccc .checkbox-toggle--slider input:checked~.checkbox-toggle-toggle {
	left: 50%
}

#ccc .checkbox-toggle--slider.checkbox-toggle--dark {
	background-color: #111125;
	border-color: #111125
}

#ccc .checkbox-toggle--checkbox.checkbox-toggle--dark {
	background-color: #111125;
	border-color: #fff
}

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
	background-color: #2f2f5f
}

#ccc .checkbox-toggle--light {
	background-color: #555;
	border-color: #555
}

#ccc .checkbox-toggle--light .checkbox-toggle-toggle {
	background-color: #000
}

#ccc .checkbox-toggle--light .checkbox-toggle-on,
#ccc .checkbox-toggle--slider.checkbox-toggle--light .checkbox-toggle-off {
	color: #fff
}

#ccc .ccc-alert {
	border-radius: 8px;
	margin: 24px 0;
	padding: 16px
}

#ccc .ccc-alert-title {
	display: flex;
	align-items: center;
	padding: 0
}

#ccc .ccc-alert-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 8px 0 0;
	flex-shrink: 0
}

#ccc .ccc-alert-break {
	margin: 12px 0
}

.third-party-cookie-link {
	display: flex;
	align-items: center;
	margin: 16px 0
}

.third-party-cookie-name {
	font-size: 1em;
	font-weight: 700
}

.third-party-cookie-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 16px
}

#ccc .ccc-content--dark .ccc-alert {
	color: #fff;
	fill: #fff;
	background: #111125
}

#ccc .ccc-content--dark .third-party-cookie-link {
	color: #fff;
	background: #111125
}

#ccc .ccc-content--light .ccc-alert,
#ccc .ccc-content--light .third-party-cookie-link {
	background: #eaeaea
}

#ccc .ccc-module--popup {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 1;
	-webkit-animation-name: slide-up;
	animation-name: slide-up;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc .ccc-module--popup #ccc-content {
	width: 90%;
	height: 90%;
	max-height: 600px;
	max-width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 12px
}

#ccc .ccc-notify-box-dismiss {
	display: none !important
}

@media (min-width:600px) {
	#ccc #ccc-notify.ccc-notify__box {
		opacity: 1;
		-webkit-animation-name: box-slide-up;
		animation-name: box-slide-up;
		-webkit-animation-duration: .8s;
		animation-duration: .8s;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		width: 90%;
		height: 90%;
		max-height: 240px;
		max-width: 480px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 12px;
		flex-direction: column;
		justify-content: space-around;
		box-sizing: border-box;
		padding: 32px 64px
	}

	#ccc .ccc-notify-box-dismiss {
		display: block !important;
		position: absolute !important;
		top: 16px !important;
		right: 16px !important
	}
}

#ccc #ccc-notify {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	min-height: 48px;
	padding: 16px;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
	z-index: 30;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	opacity: 1;
	-webkit-animation-name: slide-up;
	animation-name: slide-up;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc #ccc-notify,
#ccc #ccc-notify.ccc-notify__top {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}

#ccc #ccc-notify.ccc-notify__top {
	top: 0;
	bottom: auto;
	-webkit-animation-name: slide-down;
	animation-name: slide-down;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

#ccc #ccc-notify h3 {
	padding: 0
}

#ccc #ccc-notify p {
	margin: 0;
	opacity: .8;
	font-size: .9em
}

#ccc .ccc-notify-buttons {
	position: relative;
	margin-top: 16px;
	padding-right: 24px
}

#ccc .ccc-notify-button {
	border: 2px solid;
	border-radius: 4px;
	padding: 8px 16px !important;
	font-size: 1em;
	margin: 4px 8px 4px 0;
	font-weight: 400;
	line-height: 1.5em;
	background: transparent;
	cursor: pointer
}

#ccc #ccc-notify-dismiss {
	cursor: pointer;
	position: absolute;
	top: -4px;
	right: 0;
	width: 24px;
	height: 24px;
	display: inline-flex;
	padding: 0 !important;
	border: 0;
	background-color: transparent
}

@media (min-width:400px) {
	#ccc #ccc-notify-dismiss {
		position: relative;
		right: auto
	}

	#ccc .ccc-notify-buttons {
		padding-right: 0
	}
}

@media (min-width:600px) {
	#ccc #ccc-notify {
		font-size: 12px;
		flex-direction: row;
		align-items: center
	}

	#ccc .ccc-notify-buttons {
		margin-top: 0;
		white-space: nowrap;
		flex-shrink: 0
	}
}

@media (min-width:1200px) {
	#ccc #ccc-notify {
		z-index: 10;
		font-size: 16px;
		padding: 16px 100px
	}
}

#ccc .ccc-content--dark #ccc-notify,
#ccc .ccc-content--dark #ccc-notify span {
	color: #fff;
	fill: #fff;
	background-color: #313147
}

#ccc .ccc-content--dark .ccc-notify-button,
#ccc .ccc-content--dark .ccc-notify-button span {
	color: #004666;
	border-color: #fff
}

#ccc .ccc-content--dark .ccc-button-solid,
#ccc .ccc-content--dark .ccc-button-solid span {
	color: #111125;
	background: #fff;
	font-weight: 700
}

.ccc-notify-link {
	border: 0 !important;
	text-decoration: underline
}

#ccc .ccc-content--light #ccc-notify,
#ccc .ccc-content--light #ccc-notify span {
	color: #000;
	fill: #000;
	background: #f4f4f4
}

#ccc .ccc-content--light .ccc-notify-button,
#ccc .ccc-content--light .ccc-notify-button span {
	color: #000;
	border-color: #000
}

#ccc .ccc-content--light .ccc-button-solid,
#ccc .ccc-content--light .ccc-button-solid span {
	color: #fff;
	background: #000;
	font-weight: 700
}

.ccc-info-link {
	font-size: .8em;
	font-weight: 700;
	text-decoration: none
}

.ccc-info-link .svg-element {
	width: 14px;
	height: 14px;
	margin-left: 6px
}

#ccc .ccc-module--slideout .ccc-info {
	height: 100px
}

#ccc[popup] .ccc-info {
	height: 40px
}

@media print {
	#ccc {
		display: none !important
	}
}

#ccc-close-label {
	display: block;
	font-size: 16px
}

#ccc .ccc-panel--indent #ccc-title {
	padding-right: 180px
}

#ccc-close.ccc-close--labelled {
	top: 0;
	right: 0;
	padding: 8px !important
}

#ccc-content.ccc-content--light #ccc-close.ccc-close--labelled {
	background-color: #eaeaea
}

#ccc-content.ccc-content--dark #ccc-close.ccc-close--labelled {
	background-color: #111125
}

#ccc-end {
	margin: 16px 0 32px
}

#ccc-dismiss-button {
	display: block
}

#ccc .ccc-content--highlight .ccc-link.ccc-tabbable:focus {
	padding: 8px;
	-webkit-filter: invert(100%);
	filter: invert(100%)
}

#ccc .ccc-content--highlight.ccc-content--light .ccc-link.ccc-tabbable:focus {
	border-color: #eaeaea !important;
	background-color: #eaeaea !important
}

#ccc .ccc-content--highlight.ccc-content--dark .ccc-link.ccc-tabbable:focus {
	border-color: #111125 !important;
	background-color: #111125 !important
}

#ccc .ccc-content--highlight #ccc-close:focus,
#ccc .ccc-content--highlight .ccc-button-solid:focus,
#ccc .ccc-content--highlight .checkbox-toggle-input:focus~.checkbox-toggle-toggle,
#ccc .ccc-content--highlight .third-party-cookie-link:focus {
	-webkit-filter: invert(100%);
	filter: invert(100%)
}

#ccc .ccc-content--highlight.ccc-content--light .ccc-tabbable:focus {
	box-shadow: 0 4px 8px 0 hsla(0, 0%, 100%, .2), 0 6px 20px 0 hsla(0, 0%, 100%, .2)
}

#ccc .ccc-content--highlight.ccc-content--dark .ccc-tabbable:focus {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2)
}

#ccc .checkbox-toggle:focus-within {
	outline: auto
}

#ccc #ccc-icon.ccc-icon--no-outline,
#ccc .ccc-content--no-outline *,
#ccc .ccc-content--no-outline .ccc-tabbable {
	outline: none
}

#ccc .ccc-content--highlight .ccc-tabbable:active,
#ccc .ccc-content--highlight .ccc-tabbable:hover,
#ccc .ccc-icon--highlight:active,
#ccc .ccc-icon--highlight:hover {
	box-shadow: none !important;
	-webkit-filter: none !important;
	filter: none !important
}

.ccc-panel {
	position: absolute;
	top: 24px;
	left: 24px;
	right: 24px
}

.ccc-panel.hidden {
	opacity: 0;
	height: 0;
	overflow: hidden
}

.ccc-panel.visible {
	opacity: 1;
	height: auto;
	transition: opacity .4s
}

#ccc .iab-vendor,
#ccc .optional-vendor {
	margin: 0 0 8px
}

#ccc .optional-vendor {
	font-size: .875em
}

#ccc .optional-vendor-heading {
	font-weight: 700;
	padding-left: 24px;
	text-decoration: underline
}

#ccc .ccc-vendor-reveal {
	background: transparent;
	display: flex;
	align-items: center;
	border: 1px dotted;
	font-size: .875em;
	opacity: .5;
	transition: opacity .4s
}

#ccc .ccc-vendor-reveal:focus,
#ccc .ccc-vendor-reveal:hover {
	opacity: 1
}

#ccc .ccc-legal-description {
	margin-top: 1rem
}

#ccc .ccc-vendor-reveal svg {
	width: 16px;
	height: 16px;
	margin-left: 8px
}

#ccc .optional-vendor-warning {
	display: flex;
	align-items: center
}

#ccc .optional-vendor-warning svg {
	width: 16px;
	height: 16px;
	margin-right: 8px
}

#ccc .optional-vendor-content {
	padding-left: 24px
}

#ccc .iab-vendor-heading {
	font-size: .875em;
	font-weight: 400;
	text-decoration: underline
}

#ccc .cmp-button-holder {
	font-size: .75em;
	display: flex;
	justify-content: space-between
}

#ccc .cmp-back {
	opacity: .5;
	transition: opacity .4s
}

#ccc .cmp-back:hover {
	opacity: 1
}

.ccc-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes slide-right {
	0% {
		transform: translate3d(-100%, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slide-right {
	0% {
		transform: translate3d(-100%, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slide-left {
	0% {
		transform: translate3d(100%, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slide-left {
	0% {
		transform: translate3d(100%, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slide-up {
	0% {
		transform: translate3d(0, 100%, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slide-up {
	0% {
		transform: translate3d(0, 100%, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes box-slide-up {
	0% {
		transform: translate3d(-50%, 100%, 0)
	}

	to {
		transform: translate3d(-50%, -50%, 0)
	}
}

@keyframes box-slide-up {
	0% {
		transform: translate3d(-50%, 100%, 0)
	}

	to {
		transform: translate3d(-50%, -50%, 0)
	}
}

@-webkit-keyframes slide-down {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slide-down {
	0% {
		transform: translate3d(0, -100%, 0)
	}

	to {
		transform: translateZ(0)
	}
}

#ccc .iab-object {
	position: relative;
	height: 48px;
	width: 98%
}

#ccc .iab-object.iab-object--vendor {
	width: 85%
}

#ccc .iab-object .checkbox-toggle {
	top: 4px;
	left: 0;
	right: auto
}

#ccc .iab-object .checkbox-toggle-label {
	width: 18px;
	height: 18px
}

#ccc .iab-object .checkbox-toggle--checkbox input:checked~.checkbox-toggle-toggle:after {
	left: 7px;
	top: 3px;
	width: 3px;
	height: 8px;
	border-width: 0 2px 2px 0
}

#ccc .iab-object-label {
	display: block;
	margin-left: 32px;
	font-size: .75em
}

#ccc .vendor-details {
	font-size: .75rem;
	margin-bottom: 16px
}

#ccc .vendor-details h4 {
	margin: .5rem 0
}

#ccc .ccc-title.ccc-title--iab {
	margin-bottom: 1rem
}

#ccc .iab-header-toggle {
	display: flex;
	align-items: center;
	margin-bottom: 1rem
}

#ccc .iab-header-toggle .ccc-title {
	margin: 0 0 0 16px
}

#ccc .iab-header-toggle .ccc-vendor-reveal svg {
	margin: 0
}

#ccc,
#ccc button {
	font-family: 'vwfs-sans', sans-serif !important;
}

#ccc #ccc-content,
#ccc #ccc-notify {
	background-color: #004666 !important;
}

#ccc h2,
#ccc h3 {
	font-size: 18px !important;
}

#ccc,
#ccc p,
#ccc .third-party-cookie-link {
	font-size: 14px !important;
}

#ccc #ccc-title {
	font-size: 18px !important;
}

#ccc .checkbox-toggle-on,
#ccc .checkbox-toggle-off {
	color: #fff !important;
}

#ccc .ccc-notify-button.ccc-accept-button,
#ccc .ccc-notify-button.ccc-accept-button span,
#ccc .ccc-notify-button.ccc-close-button,
#ccc .ccc-notify-button.ccc-close-button span {
	background-color: #66e4ee !important;
	border-color: #66e4ee !important;
}