.consent-btn {
	cursor: pointer;
}

.consent-btn.reject {
	background: none;
	border: none;
	color: var(--text-color-2, #808080);
	font-size: 12px;
}

#cmp {
	display: none;
}

#cmp-underlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: grayscale(1);
	backdrop-filter: grayscale(1);
	z-index: 99999900
}

#cmp-inner * {
	background: transparent;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}

#cmp-inner #cmp-Nav :after,
#cmp-inner #cmp-Nav :before {
	content: none
}

#cmp-inner label {
	width: auto
}

#cmp-inner {
	background-color: var(--head-bg-color, #ffffff);
	border-radius: 8px;
	box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	color: var(--text-color-1, #141414);
	font-family: 'Assistant', 'Roboto', 'Roboto-Regular', sans-serif;
	font-size: 15px;
	left: 50%;
	letter-spacing: .1px;
	line-height: 24px;
	max-height: calc(100% - 16px);
	overflow: hidden;
	position: fixed;
	text-align: initial;
	top: 16px;
	transform: translate(-50%, 0);
	transition: all .5s ease;
	transition-property: width, max-width, top, bottom, left, opacity;
	width: calc(100% - 16px);
	z-index: 99999901
}

:root #cmp-,
:root #cmp-inner #cmp-TabContent,
_:-ms-fullscreen {
	height: 100%
}

#cmp-inner .cmp-ContentWrapper {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	width: 100%
}

@media screen and (min-width:601px) {
	#cmp-inner {
		max-width: 900px
	}
}

@media screen and (min-width:1280px) {
	#cmp-inner {
		left: 50%;
		max-height: 80vh;
		top: 16px;
		transform: translate(-50%)
	}

	#cmp-[data-template=bottom] {
		top: 100%;
		transform: translate(-50%, -100%)
	}

	#cmp-[data-template=pushdown],
	#cmp-[data-template=slidedown] {
		top: -100%;
		transform: translate(-50%)
	}

	#cmp-[data-template=pushdown].active,
	#cmp-[data-template=slidedown].active {
		top: 0
	}

	#cmp-[data-template=slideup] {
		top: 200%;
		transform: translate(-50%, -100%)
	}

	#cmp-[data-template=slideup].active {
		top: 100%
	}

	#cmp-[data-template=overlay],
	#cmp-[data-template=popup] {
		opacity: 0;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	#cmp-[data-template=overlay].active,
	#cmp-[data-template=popup].active {
		opacity: 1
	}
}

#cmp-Header {
	align-items: center;
	border-bottom: 1px solid var(--ui-color-1);
	display: flex;
	justify-content: space-between;
	padding: 1em;
	width: 100%
}

#cmp-Nav {
	border-bottom: 1px solid var(--ui-color-1);
	position: relative;
	width: 100%
}

#cmp-Nav .cmp-NavItems {
	display: flex;
	list-style: none;
	overflow-x: auto
}

#cmp-Nav .cmp-NavItems::-webkit-scrollbar {
	height: 0;
	width: 0
}

#cmp-Nav .cmp-NavItem {
	flex: 1 1 0%;
	margin: 0 auto
}

#cmp-Nav .cmp-NavItemLink {
	border-bottom: 1px solid var(--head-bg-color, #ffffff);
	color: var(--text-color-1, #141414);
	display: block;
	font-weight: 600;
	height: 100%;
	outline-offset: -5px;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s ease, background-color 0.15s ease
}

#cmp-Nav .cmp-NavItemLink:hover {
	color: var(--brand-primary);
	background-color: color-mix(in srgb, var(--brand-primary) 10%, transparent)
}

#cmp-Nav .cmp-NavItemLink.active {
	border-bottom: 1px solid var(--brand-primary);
	color: var(--brand-primary)
}

@media screen and (min-width:1280px) {
	#cmp-Nav .cmp-NavItemLink.active {
		border-width: 3px
	}
}

#cmp-TabContent {
	height: auto;
	overflow: auto;
	width: 100%
}

#cmp-TabContent .cmp-TabPanel {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%
}

#cmp-SpecialFeaturesText ul {
	margin: .25em 0 .25em 2em
}

#cmp-inner .CmpScrollContainer {
	border-bottom: 1px solid var(--ui-color-1);
	height: 100%;
	padding: .375em;
	position: relative
}

#cmp-inner .CmpScrollArea {
	height: 100%
}

#cmp-inner .cmp-BodyBottomWrapper {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 100%
}

@media screen and (min-width:601px) {
	#cmp-inner .CmpScrollContainer {
		min-height: auto
	}
}

#cmp-inner .CmpFader {
	bottom: 0;
	height: 5em;
	left: 1px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity .3s;
	width: calc(100% - 1em);
	z-index: 10
}

#cmp-[dir=rtl] .CmpFader:not(.CmpFaderLeft) {
	left: auto;
	right: 1px
}

#cmp-inner .CmpFader.active {
	opacity: 1;
	background-image: linear-gradient(
		to top,
		var(--head-bg-color, #ffffff),
		color-mix(in srgb, var(--head-bg-color, #ffffff) 80%, transparent),
		transparent
	)
}

#cmp-inner .CmpFaderLeft,
#cmp-inner .CmpFaderRight {
	height: 100%;
	width: 3.5em
}

#cmp-inner .CmpFaderLeft {
	left: 0
}

#cmp-inner .CmpFaderRight {
	left: auto;
	right: 0
}

#cmp-inner .CmpFaderLeft.active {
	background-image: linear-gradient(
		90deg,
		var(--head-bg-color, #ffffff),
		color-mix(in srgb, var(--head-bg-color, #ffffff) 80%, transparent),
		transparent
	)
}

#cmp-inner .CmpFaderRight.active {
	background-image: linear-gradient(
		270deg,
		var(--head-bg-color, #ffffff),
		color-mix(in srgb, var(--head-bg-color, #ffffff) 80%, transparent),
		transparent
	)
}

@media screen and (min-width:1280px) {
	#cmp-inner .CmpFader:not(.CmpFaderLeft):not(.CmpFaderRight) {
		width: calc(100% - 1.5em)
	}
}

#cmp-Body {
	display: flex;
	flex-direction: column;
	height: 100%
}

#cmp-Body .CmpScrollContainer {
	max-height: 18em
}

#cmp-inner h2 {
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: .25px;
	line-height: 1.6em;
	margin-bottom: .5em;
	font-family: 'Nunito', 'Assistant', 'Roboto-Bold', 'Roboto'
}

#cmp-BodyContent {
	height: 100%;
	letter-spacing: .5px;
	line-height: 1.6em;
	max-height: 100%;
	overflow-x: hidden;
	padding: .625em .625em 1.625em
}

#cmp-BodyContentText {
	margin-bottom: 35px;
}

#cmp-DetailFooter {
	letter-spacing: .3px;
	line-height: 1.6em;
	padding: 0 1em 1em
}

#cmp-DetailFooter a {
	color: var(--link-color)
}

@media screen and (min-width:1280px) {

	#cmp-inner #cmp-Body .CmpScrollContainer {
		height: auto;
		max-height: 15.5em;
		overflow: hidden
	}

	#cmp-BodyContent {
		padding: 1.125em
	}

	#cmp-DetailFooter {
		padding: 0 2em 1.125em
	}
}

#cmp-Footer {
	padding: 1em;
	width: 100%
}

#cmp-footer-buttons {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

@media screen and (min-width:601px) {
	#cmp-footer-buttons {
		align-items: center;
		flex-direction: row
	}
}

@media screen and (min-width:1280px) {
	#cmp-inner #cmp-Footer {
		padding: 1em 1.5em 1.5em
	}
}

#cmp-inner .CmpScrollContainer>div:first-of-type::-webkit-scrollbar {
	width: .25em
}

#cmp-inner .CmpScrollContainer>div:first-of-type::-webkit-scrollbar-track {
	background: var(--ui-color-2, #f2f2f2);
	border-radius: .313em
}

#cmp-inner .CmpScrollContainer>div:first-of-type::-webkit-scrollbar-thumb {
	background: var(--text-color-2, #141414);
	border-radius: .313em
}

#cmp-inner .CmpScrollContainer>div:first-of-type {
	scrollbar-track-color: var(--ui-color-2, #f2f2f2);
	scrollbar-face-color: var(--text-color-2, #141414);
	scrollbar-color: var(--text-color-2, #141414) var(--ui-color-2, #f2f2f2);
	scrollbar-width: thin
}

#cmp-Footer #cmp-footer-buttons-wrapper {
	display: flex;
	flex-direction: column-reverse;
	width: 100%
}

#cmp-footer-buttons .cmp-BodyButton:not(:last-of-type),
#cmp-Footer .cmp-BodyButton:not(:first-of-type) {
	margin-bottom: .5em
}

#cmp-footer-buttons .cmp-BodyContentControlsWrapper {
	align-self: flex-start;
	margin-right: .5em;
	padding: 1em 0
}

#cmp-footer-buttons .cmp-BodyContentControlsWrapper #cmp-BodyContentCheckboxPersonalInformation {
	height: 1em;
	margin-right: .5em;
	width: 1em
}

#cmp-[dir=rtl] #cmp-footer-buttons .cmp-BodyContentControlsWrapper #cmp-BodyContentCheckboxPersonalInformation {
	margin-left: .5em;
	margin-right: 0
}

#cmp-footer-buttons .cmp-BodyContentControlsWrapper .cmp-BodyContentLabelPersonalInformation {
	vertical-align: text-bottom
}

#cmp-Footer .cmp-BodyButton {
	background-color: var(--field-surface-bg, #ffffff);
	border: 2px solid var(--brand-primary);
	border-radius: var(--button-border-radius);
	color: var(--brand-primary);
	display: flex;
	font-weight: 600;
	justify-content: center;
	padding: 1em;
	user-select: none;
	width: 100%;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease,
		box-shadow 0.15s ease, opacity 0.15s ease
}

/* Outline-style footer buttons: visible hover/focus (replaces faint opacity-only) */
#cmp-Footer #cmp-footer-button-decline:hover,
#cmp-Footer #cmp-footer-button-decline:focus-visible,
#cmp-Footer #cmp-footer-button-allow-selection:hover,
#cmp-Footer #cmp-footer-button-allow-selection:focus-visible,
#cmp-Footer #cmp-footer-button-customize:hover,
#cmp-Footer #cmp-footer-button-customize:focus-visible {
	background-color: color-mix(in srgb, var(--brand-primary) 14%, var(--field-surface-bg, #ffffff));
	border-color: color-mix(in srgb, var(--brand-primary) 72%, black);
	color: var(--brand-primary);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
	opacity: 1;
	outline: none
}

#cmp-Footer #cmp-footer-button-decline:focus-visible,
#cmp-Footer #cmp-footer-button-allow-selection:focus-visible,
#cmp-Footer #cmp-footer-button-customize:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 45%, transparent), 0 2px 10px rgba(0, 0, 0, 0.12)
}

#cmp-Footer #cmp-footer-button-customize,
#cmp-Footer #cmp-footer-button-allow-selection {
	background-color: var(--field-surface-bg, #ffffff);
	border-color: var(--brand-primary);
	color: var(--brand-primary)
}

#cmp-Footer #cmp-BodyButtonAccept,
#cmp-Footer #cmp-BodyLevelButtonAccept {
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
	color: var(--cta-btn-txt-color)
}

#cmp-Footer #cmp-BodyButtonAccept:hover,
#cmp-Footer #cmp-BodyButtonAccept:focus-visible,
#cmp-Footer #cmp-BodyLevelButtonAccept:hover,
#cmp-Footer #cmp-BodyLevelButtonAccept:focus-visible {
	background-color: color-mix(in srgb, var(--brand-primary) 80%, black);
	border-color: color-mix(in srgb, var(--brand-primary) 65%, black);
	color: var(--cta-btn-txt-color);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	opacity: 1;
	outline: none
}

#cmp-Footer #cmp-BodyButtonAccept:focus-visible,
#cmp-Footer #cmp-BodyLevelButtonAccept:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 50%, transparent), 0 2px 10px rgba(0, 0, 0, 0.18)
}

/* Same 2px border box as other footer .cmp-BodyButton; theme matches app `btn btn-cta` */
#cmp-Footer #cmp-footer-button-allow-all {
	background-color: var(--cta-btn);
	border: 2px solid var(--cta-btn);
	color: var(--cta-btn-txt-color);
}

#cmp-Footer #cmp-footer-button-allow-all:hover,
#cmp-Footer #cmp-footer-button-allow-all:focus-visible {
	background-color: color-mix(in srgb, var(--cta-btn) 80%, black);
	border-color: color-mix(in srgb, var(--cta-btn) 80%, black);
	color: var(--cta-btn-txt-color);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	opacity: 1;
	outline: none
}

#cmp-Footer #cmp-footer-button-allow-all:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--cta-btn) 45%, transparent), 0 2px 10px rgba(0, 0, 0, 0.2)
}

#cmp-Footer #cmp-footer-button-customize {
	align-items: center
}

#cmp-Footer #cmp-footer-button-customize .cmp-Arrow {
	border-style: solid;
	border-width: .15em .15em 0 0;
	height: .5em;
	margin-left: 1em;
	margin-top: 1px;
	transform: rotate(45deg);
	width: .5em
}

#cmp-[dir=rtl] #cmp-Footer #cmp-footer-button-customize .cmp-Arrow {
	margin-left: 0;
	margin-right: 1em;
	transform: rotate(-135deg)
}

@media screen and (min-width:601px) {
	#cmp-Footer #cmp-footer-buttons-wrapper {
		align-items: stretch;
		flex: 1;
		flex-direction: row;
		justify-content: flex-end
	}

	#cmp-footer-buttons .cmp-BodyContentControlsWrapper {
		align-self: auto;
		padding: 0
	}

	#cmp-Footer #cmp-footer-buttons .cmp-BodyButton:not(:last-of-type),
	#cmp-Footer .cmp-BodyButton,
	#cmp-Footer .cmp-BodyButton:not(:first-of-type) {
		margin-bottom: 0;
		width: 33%
	}

	#cmp-footer-buttons .cmp-BodyContentControlsWrapper:not(.hide)+#cmp-footer-buttons-wrapper .cmp-BodyButton {
		max-width: 286px;
		width: 100%
	}

	#cmp-footer-buttons .cmp-BodyButton:not(:last-of-type) {
		margin-right: .5em
	}

	#cmp-[dir=rtl] #cmp-Footer .cmp-BodyButton:not(:last-of-type) {
		margin-left: .5em;
		margin-right: 0
	}
}

#cmp-BodyLevelWrapper {
	width: 100%
}


#cmp-BodyLevelButtons {
	width: 100%
}

#cmp-TabContent .cmp-slider-button-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 32px;
	position: relative;
	width: 57px
}

#cmp-inner .cmp-slider-button-wrapper:hover input[type=checkbox]:not(:disabled)+.cmp-slider-button {
	opacity: .85
}

#cmp-TabContent .cmp-slider-button-wrapper input[type=checkbox].cmp-BodyLevelButton {
	opacity: 0
}

#cmp-TabContent .cmp-slider-button {
	background-color: var(--color-danger);
	border-radius: 32px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .4s
}

#cmp-TabContent .cmp-slider-button:before {
	background-color: var(--light-color);
	border-radius: 50%;
	bottom: 4px;
	content: "";
	height: 24px;
	left: 4px;
	position: absolute;
	transition: transform .4s;
	width: 24px
}

#cmp-TabContent input:checked+.cmp-slider-button {
	background-color: var(--success)
}

#cmp-[dir=rtl] #cmp-TabContent input+.cmp-slider-button:before,
#cmp-TabContent input:checked+.cmp-slider-button:before {
	background-color:  var(--light-color);
	transform: translateX(26px)
}

#cmp-[dir=rtl] #cmp-TabContent input:checked+.cmp-slider-button:before {
	transform: translateX(0)
}

#cmp-TabContent input[type=checkbox][disabled]:checked+.cmp-slider-button {
	background-color: var(--ui-color-1);
	pointer-events: none
}

#cmp-TabContent input[type=checkbox][disabled]:not(:checked)+.cmp-slider-button {
	background-color: var(--color-danger);
	pointer-events: none
}

#cmp-selection-button-wrapper-panel {
	border-bottom: 1px solid var(--ui-color-1);
	padding: 1em 0
}

#cmp-selection-button-wrapper-panel .cmp-selection-button-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 1em;
	text-align: center;
	width: 100%
}

#cmp-selection-button-wrapper-panel .cmp-BodyLevelButtonDescription {
	font-weight: 700
}

#cmp-selection-button-wrapper-panel label:not([for=#cmp-consent-value-essential]) .cmp-BodyLevelButtonDescription:hover {
	color: var(--brand-primary)
}

@media screen and (min-width:601px) {
	#cmp-inner #cmp-selection-button-wrapper-panel {
		padding: 0
	}

	#cmp-selection-button-wrapper-panel .cmp-selection-button-wrapper {
		flex-direction: column;
		padding: 1.5em 1em;
		flex-grow: 1;
		width: 1%;
		flex-basis: 10%
	}

	#cmp-selection-button-wrapper-panel .cmp-selection-button-wrapper:not(:last-of-type) {
		border-right: 1px solid var(--ui-color-1)
	}

	#cmp-[dir=rtl] #cmp-selection-button-wrapper-panel .cmp-selection-button-wrapper:not(:last-of-type) {
		border-left: 1px solid var(--ui-color-1);
		border-right: none
	}

	#cmp-selection-button-wrapper-panel .cmp-selection-button-label {
		margin-bottom: .75em
	}

	#cmp-TabContent input:focus+.cmp-slider-button {
		box-shadow: 0 0 0 2px color-mix(in srgb, var(--success) 40%, transparent)
	}
}

#cmp-inner input[type=checkbox] {
	height: 1.5em;
	margin-right: .5em;
	width: 1.5em
}

#cmp-[dir=rtl] input[type=checkbox] {
	margin-left: .5em;
	margin-right: 0
}

#cmp-inner .cmp-slider-button-wrapper input[type=checkbox] {
	height: 100%;
	margin-right: 0;
	width: 100%
}

.cmp-DetailBodyContentCookieContainerHeader {
	display: flex;
	justify-content: space-between
}

.cmp-DetailBodyContentCookieContainerButton:before,
.cmp-DetailBodyContentIABv2Tab:before {
	border-style: solid;
	border-width: .15em .15em 0 0;
	content: "";
	display: inline-block;
	height: .5em;
	left: 0;
	margin-right: 1.875em;
	position: relative;
	top: .625em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: .5em
}

#cmp-[dir=rtl] .cmp-DetailBodyContentCookieContainerButton:before,
#cmp-[dir=rtl] .cmp-DetailBodyContentIABv2Tab:before {
	margin-left: 1.875em;
	margin-right: 0
}

.cmp-DetailBodyContentCookieContainerButton.collapsed:before,
.cmp-DetailBodyContentIABv2Tab.collapsed:before {
	top: .25em;
	transform: rotate(-225deg)
}

#cmp-inner .CookieCard {
	padding: 1.5em 0
}

#cmp-inner .CookieCard:not(:first-child) {
	padding-top: 1.5em
}

#cmp-inner .CookieCard {
	border-bottom: 1px solid var(--ui-color-1)
}

#cmp-inner #cmp-DetailBodyContentIABContainer .CookieCard {
	border-bottom: none;
	border-top: 1px solid var(--ui-color-1)
}

#cmp-DetailBodyContentCookieContainerTypes .CookieCard:last-of-type {
	margin-bottom: 1em
}

#cmp-inner .CookieCard .cmp-DetailBodyContentCookieContainerButton,
#cmp-inner .CookieCard .cmp-DetailBodyContentIABv2Tab {
	border: 1px solid transparent;
	font-weight: 700;
	line-height: 1.5em;
	padding-right: .75em;
	user-select: none
}

#cmp-inner .CookieCard .cmp-DetailBodyContentCookieContainerButton:hover,
#cmp-inner .CookieCard .cmp-DetailBodyContentIABv2Tab:hover,
#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider:not(.cmp-DetailBodyContentCookieInfoCount):hover {
	color: var(--brand-primary)
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyEmptyCategoryMessage {
	border: 1px solid var(--ui-color-1);
	border-radius: .5em;
	font-weight: 600;
	margin: 1em 0;
	padding: 1em 1.5em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieGroup {
	border: 1px solid var(--ui-color-1);
	border-radius: .5em;
	margin-bottom: .5em;
	padding: 1em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieGroup:not(.open):hover {
	background-color: color-mix(in srgb, var(--text-color-1) 5%, transparent)
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieGroup:last-of-type {
	margin-bottom: 0
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider {
	display: block;
	font-weight: 700;
	position: relative;
	text-decoration: none
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider>div {
	pointer-events: none
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider:not(.cmp-DetailBodyContentCookieInfoCount) {
	color: var(--text-color-1, #141414)
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider.collapsed:after,
#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider:after {
	border-style: solid;
	border-width: .15em .15em 0 0;
	content: "";
	display: inline-block;
	height: .5em;
	position: absolute;
	right: 1em;
	top: .5em;
	transform: rotate(-45deg);
	width: .5em
}

#cmp-[dir=rtl] #cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider.collapsed:after,
#cmp-[dir=rtl] #cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider:after {
	left: 1em;
	right: auto
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieProvider.collapsed:after {
	transform: rotate(-225deg)
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieLink {
	align-items: center;
	display: inline-flex;
	padding-top: 1em;
	position: relative
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo {
	background-color: color-mix(in srgb, var(--text-color-1) 5%, transparent);
	border: 1px solid var(--ui-color-1);
	border-radius: 1em;
	margin-bottom: .5em;
	padding: 1em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo:last-of-type {
	margin-bottom: 0
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo.show {
	display: block
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo.show:first-of-type {
	margin-top: 3.125em;
	position: relative
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo.show:first-of-type:before {
	border-top: 1px solid var(--ui-color-1);
	content: "";
	left: 0;
	position: absolute;
	top: -1.5em;
	width: 100%
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfoTitle {
	display: block;
	font-weight: 700;
	line-height: 1.6em;
	margin-bottom: .5em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfoDescription {
	display: block;
	letter-spacing: .3px;
	padding-bottom: 1em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfoFooter {
	border-top: 1px solid var(--ui-color-1);
	display: flex;
	flex-wrap: wrap;
	padding-top: .5em
}

#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfoFooterContent {
	margin-top: .5em;
	width: 100%
}

@media screen and (min-width:1280px) {

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieTypeTableContainer {
		margin-top: 2em
	}


	#cmp-inner .CookieCard {
		padding: 1.125em 0 1.5em
	}

	#cmp-DetailBodyContentCookieContainerTypes .CookieCard:last-of-type {
		margin-bottom: 1.5em;
		padding-bottom: 2em
	}

	#cmp-inner .CookieCard .cmp-DetailBodyContentCookieTypeIntro {
		padding-left: 3em
	}

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyEmptyCategoryMessage {
		margin: 0 0 1.5em;
		padding: 1.5em
	}

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieGroup,
	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo {
		padding: 1.5em
	}

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo.show:first-of-type {
		margin-top: 3.75em
	}

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfo.show:first-of-type:before {
		top: -2em
	}

	#cmp-DetailBodyContentCookieContainerTypes .cmp-DetailBodyContentCookieInfoFooterContent {
		width: 50%
	}
}

#cmp-inner .hide {
	display: none
}

#cmp-inner .CookieCard .cmp-DetailBodyContentCookieContainerButton:not(:disabled):not(.disabled),
#cmp-inner .CookieCard .cmp-DetailBodyContentIABv2Tab:not(:disabled):not(.disabled),
#cmp-inner .cmp-slider-button-wrapper input[type=checkbox],
#cmp-inner button,
#cmp-inner input,
#cmp-inner label:not([for=#cmp-consent-value-essential]) {
	cursor: pointer
}

#cmp-inner .cmp-slider-button-wrapper input[type=checkbox]:disabled {
	pointer-events: none
}

#cmp-inner .cmp-slider-button-wrapper-disabled {
	cursor: not-allowed
}

#cmp-inner dt {
	word-break: break-all
}

#cmp-inner fieldset {
	border: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

#cmp-inner legend.visuallyhidden {
	display: block
}

#cmp-inner .visuallyhidden {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

#cmp-inner #cmp-BodyContentText a,
#cmp-inner #cmp-BodyLevelButtonIABHeaderViewPartnersLink,
#cmp-inner #cmp-DetailFooter a,
#cmp-inner .cmp-DetailBodyContentCookieLink {
	color: var(--brand-primary);
	font-weight: 600;
	text-decoration: none
}

#cmp-inner #cmp-BodyContentText a:hover,
#cmp-inner #cmp-BodyLevelButtonIABHeaderViewPartnersLink:hover,
#cmp-inner #cmp-DetailFooter a:hover,
#cmp-inner .cmp-DetailBodyContentCookieLink:hover {
	opacity: .85
}

#cmp-inner .cmp-slider-button-wrapper input:focus-visible+span,
#cmp-:focus-visible,
#cmp-inner :focus-visible {
	outline: none
}

@media screen and (min-width:601px) {

	#cmp-inner .cmp-slider-button-wrapper input:focus-visible+span {
		outline: 2px solid var(--success)
	}

	#cmp-inner :focus-visible {
		outline: 2px solid var(--brand-primary)
	}
}

/* Tariff-manager theme: never surface the cookie CMP (also guarded in cookies.js / index.html). */
body.theme-covomo_tariff_manager #cmp,
body.theme-covomo_tariff_manager #cmp-underlay {
	display: none !important;
}

/*
 * Dark mode — CMP can appear before the Vue bundle loads; mirror core display tokens here.
 */
html[data-bs-theme="dark"] body,
body.theme-dark {
	--head-bg-color: #1c1c1c;
	--field-surface-bg: #2a2a2a;
	--text-color-1: #f2f2f2;
	--text-color-2: #c8c8c8;
	--ui-color-1: #4a4a4a;
	--ui-color-2: #242424;
	--border-color: #5a5a5a;
}

html[data-bs-theme="dark"] #cmp-inner,
body.theme-dark #cmp-inner {
	background-color: var(--head-bg-color);
	color: var(--text-color-1);
	box-shadow: 0 32px 68px rgba(0, 0, 0, 0.65);
}

html.covomo-high-contrast[data-bs-theme="light"] #cmp-inner,
html.covomo-high-contrast:not([data-bs-theme="dark"]) body.theme-light #cmp-inner {
	background-color: #ffffff;
	color: #000000;
}

html.covomo-high-contrast[data-bs-theme="dark"] #cmp-inner,
html.covomo-high-contrast body.theme-dark #cmp-inner {
	background-color: #000000;
	color: #ffffff;
}

html.covomo-high-contrast[data-bs-theme="light"] #cmp-inner .CmpFader.active,
html.covomo-high-contrast:not([data-bs-theme="dark"]) body.theme-light #cmp-inner .CmpFader.active {
	background-image: linear-gradient(
		to top,
		#ffffff,
		color-mix(in srgb, #ffffff 80%, transparent),
		transparent
	)
}

html.covomo-high-contrast[data-bs-theme="dark"] #cmp-inner .CmpFader.active,
html.covomo-high-contrast body.theme-dark #cmp-inner .CmpFader.active {
	background-image: linear-gradient(
		to top,
		#000000,
		color-mix(in srgb, #000000 80%, transparent),
		transparent
	)
}

@media print {
	#cmp,
	#cmp-underlay {
		display: none !important;
	}
}