sourcepoint-ui/live/TCFv2/theguardianandroid TCFv2 privacy_manager.css [182:356]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	height: 90vh !important;
	max-height: calc(100vh - 350px) !important;
}

.pm-sub-p {
	color: #121212;
	padding: 0;
}

.pm-tab {
	font-size: 17px !important;
	padding-top: 16px !important;
	line-height: initial !important;
}


.pm-tab:first-of-type {
	border-right: 1px solid #dcdcdc;
}

.pm-tab:nth-of-type(n+2) {
	border-right: 1px solid #dcdcdc;

}

.privacy-manager-tcfv2 .pm-tabs > .pm-tab.active {
	background-color: white;
	border-bottom: 2px solid white !important;
	border-top: 4px solid #007ABC !important;
	color: #121212;
	margin-bottom: -4px;
	margin-top: -2px;
	padding-top: 12px !important;
}

.pm-tab.active:after,
.pm-tab.active:before {
	border: none !important;
}

.pm-toggle {
	background-color: #DCDCDC;
	border-radius: 7px !important;
	height: 32px;
	padding: 0;
	border: 2px solid #DCDCDC;
}

.pm-toggle > span {
	background-color: transparent;
	border-radius: 6px !important;
	font-weight: normal;
	padding: 3px 19px !important;

}

.privacy-manager-tcfv2 .pm-toggle.locked > span.on,
.privacy-manager-tcfv2 .pm-toggle.locked > span.off {
	border: none !important;
	color: #121212 !important;
}

.privacy-manager-tcfv2 .pm-toggle.locked > span.off {
	cursor: not-allowed !important;
	opacity: 0.3;
}

.privacy-manager-tcfv2 .pm-toggle.locked > span.on {
	background-color: white !important;
}

.stack-toggle.accept-toggle,
.stack-toggle.reject-toggle {
	border: none;
	border-radius: 6px !important;
	color: #121212;
	font-weight: normal;
	margin-right: 0!important;
	padding: 6px 19px;
}

.stack-toggles {
	background-color: #DCDCDC;
	border: 2px solid #DCDCDC;
	border-radius: 7px;
	display: inline-block;
	float: right;
	margin-top: 8px;
	width: auto;

}

.stack-status {
	display: inline-block;
	margin-top: 8px;
	margin-right: 30px;
}

.stack-status > span.grey,
.stack-status > span.green,
.stack-status > span.yellow {
	color: #555;
}

.stack-toggle.choice {
	background-color: white;
	border: none;
	color: #121212;
	margin-right: 6px;
}

.toggle-vendor .expand {
	padding: 12px 30px 12px 12px;
}

.vendor-filter {
	height: auto;
}

.view-all {
	color: #0073B4;
	text-decoration: underline;
	text-transform: Lowercase;
}

.view-all:first-letter {
	text-transform: Uppercase;
}


@media (max-width: 375px) {
	.btn-primary,
	.btn-tertiary  {
		font-size: 15px !important;
		line-height: 18px;
	}

	.accept-all,
	.accordion,
	.btn-primary,
	.btn-tertiary,
	.cta-description,
	.gu-description,
	.opener,
	.pm-type-toggle,
	.pm-features h3,
	.pm-purposes h3,
	.pm-sub-p,
	.pm-tab,
	.pm-toggle > span,
	.privacy-manager-tcfv2 .pm-tabs,
	.stack-description,
	.stack-status,
	.stack-status > span,
	.stack-title > h4,
	.stack-toggle {
		font-size: 12px !important;
		line-height: 16px !important;
	}

	.gu-privacy-headline   {
		font-size: 24px !important;
	}
}

@media (min-width: 46.25em) {
	.message {
		height: 90vh !important;
	}

	.pm-section {
		max-height: calc(90vh - 370px) !important;
	}

}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



sourcepoint-ui/live/TCFv2/theguardianios TCFv2 privacy_manager.css [182:356]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	height: 90vh !important;
	max-height: calc(100vh - 350px) !important;
}

.pm-sub-p {
	color: #121212;
	padding: 0;
}

.pm-tab {
	font-size: 17px !important;
	padding-top: 16px !important;
	line-height: initial !important;
}


.pm-tab:first-of-type {
	border-right: 1px solid #dcdcdc;
}

.pm-tab:nth-of-type(n+2) {
	border-right: 1px solid #dcdcdc;

}

.privacy-manager-tcfv2 .pm-tabs > .pm-tab.active {
	background-color: white;
	border-bottom: 2px solid white !important;
	border-top: 4px solid #007ABC !important;
	color: #121212;
	margin-bottom: -4px;
	margin-top: -2px;
	padding-top: 12px !important;
}

.pm-tab.active:after,
.pm-tab.active:before {
	border: none !important;
}

.pm-toggle {
	background-color: #DCDCDC;
	border-radius: 7px !important;
	height: 32px;
	padding: 0;
	border: 2px solid #DCDCDC;
}

.pm-toggle > span {
	background-color: transparent;
	border-radius: 6px !important;
	font-weight: normal;
	padding: 3px 19px !important;

}

.privacy-manager-tcfv2 .pm-toggle.locked > span.on,
.privacy-manager-tcfv2 .pm-toggle.locked > span.off {
	border: none !important;
	color: #121212 !important;
}

.privacy-manager-tcfv2 .pm-toggle.locked > span.off {
	cursor: not-allowed !important;
	opacity: 0.3;
}

.privacy-manager-tcfv2 .pm-toggle.locked > span.on {
	background-color: white !important;
}

.stack-toggle.accept-toggle,
.stack-toggle.reject-toggle {
	border: none;
	border-radius: 6px !important;
	color: #121212;
	font-weight: normal;
	margin-right: 0!important;
	padding: 6px 19px;
}

.stack-toggles {
	background-color: #DCDCDC;
	border: 2px solid #DCDCDC;
	border-radius: 7px;
	display: inline-block;
	float: right;
	margin-top: 8px;
	width: auto;

}

.stack-status {
	display: inline-block;
	margin-top: 8px;
	margin-right: 30px;
}

.stack-status > span.grey,
.stack-status > span.green,
.stack-status > span.yellow {
	color: #555;
}

.stack-toggle.choice {
	background-color: white;
	border: none;
	color: #121212;
	margin-right: 6px;
}

.toggle-vendor .expand {
	padding: 12px 30px 12px 12px;
}

.vendor-filter {
	height: auto;
}

.view-all {
	color: #0073B4;
	text-decoration: underline;
	text-transform: Lowercase;
}

.view-all:first-letter {
	text-transform: Uppercase;
}


@media (max-width: 375px) {
	.btn-primary,
	.btn-tertiary  {
		font-size: 15px !important;
		line-height: 18px;
	}

	.accept-all,
	.accordion,
	.btn-primary,
	.btn-tertiary,
	.cta-description,
	.gu-description,
	.opener,
	.pm-type-toggle,
	.pm-features h3,
	.pm-purposes h3,
	.pm-sub-p,
	.pm-tab,
	.pm-toggle > span,
	.privacy-manager-tcfv2 .pm-tabs,
	.stack-description,
	.stack-status,
	.stack-status > span,
	.stack-title > h4,
	.stack-toggle {
		font-size: 12px !important;
		line-height: 16px !important;
	}

	.gu-privacy-headline   {
		font-size: 24px !important;
	}
}

@media (min-width: 46.25em) {
	.message {
		height: 90vh !important;
	}

	.pm-section {
		max-height: calc(90vh - 370px) !important;
	}

}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -