html,
:root {
	--compliance-button-font-size: clamp(0.75rem, 1.5vh, 0.82rem);
}

.dyad-compliance-root {
	--dyad-text-color: #efefef;
	--dyad-font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	--dyad-container-custom-color: #000;
	position: fixed;
	left: 0.5rem;
	bottom: 0.5rem;
	/* overflow: hidden; */
	z-index: 9999;
	max-width: min(92vw, 30em);
	font-family: var(--dyad-font-family);
	font-size: var(--compliance-button-font-size);
}

.site-footer {
	/* Needed as a default so the privacy policy button can be positioned absolute */
	position: relative;
}

.site-footer .dyad-compliance-root {
	z-index: 9;
}
.transition-out .dyad-compliance-root {
	opacity: 0 !important;
	transition: 0.65s ease-in;
}

.dyad-compliance-root.dyad-compliance-root--footer {
	position: absolute;
	right: auto;
	max-width: min(100%, 30em);
	pointer-events: none;
	margin: 0;
}

.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent,
.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-popup {
	pointer-events: auto;
}

#dyad-compliance-root[data-ui-container-style="light_glass"] .dyad-consent.is-expanded {
	--dyad-text-color: #000;
}

.dyad-compliance-root[data-consent-level="disabled"] {
	display: none;
}

/* Hard reset to isolate compliance UI from theme/plugin CSS. */
.dyad-compliance-root *,
.dyad-compliance-root *::before,
.dyad-compliance-root *::after {
	all: revert;
}

/* Re-apply baseline styles after reset. */
.dyad-compliance-root * {
	box-sizing: border-box;
}

.dyad-compliance-root,
.dyad-compliance-root div,
.dyad-compliance-root p,
.dyad-compliance-root h2,
.dyad-compliance-root button,
.dyad-compliance-root a,
.dyad-compliance-root span {
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	font-family: var(--dyad-font-family) !important;
	font-size: var(--compliance-button-font-size) !important;
	line-height: 1.2 !important;
	color: var(--dyad-text-color);
}
.dyad-compliance-root span.dyad-consent-policy-link {
	line-height: 1.7 !important;
	white-space: nowrap;
}
.dyad-compliance-root button {
	color: inherit;
}

.dyad-compliance-root p {
	display: inline;
	line-height: 1.4;
}

.dyad-compliance-root a,
.dyad-compliance-root a:hover,
.dyad-compliance-root a:visited {
	color: inherit;
	text-decoration: none;
	text-underline-offset: 0.4em;
	text-decoration-color: inherit;
	text-decoration-style: dashed;
	font-style: italic;
}

.dyad-compliance-root button,
.dyad-compliance-root .dyad-consent-toggle,
.dyad-compliance-root .dyad-btn,
.dyad-compliance-root .ccpa-close {
	font: inherit;
}

.dyad-compliance-root .dyad-consent {
	position: relative;
	background: #ffffff;
	/* padding: 1.3em 1.7em; */
	padding: 1.2em 1em;
	margin-top: 0.5em;
	color: var(--dyad-text-color);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

	/* Liquid Glass Attempt */
	/* background: rgba(255, 255, 255, 0.2); */
	background: rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(11px) saturate(130%);
	border: none;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 0.6em;
	/* box-shadow: inset 0 2px 10px rgba(255, 255, 255, 0.15); */
}
.dyad-compliance-root .dyad-consent::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0.6em;
	/* transform: scale(0.995); */
	/* backdrop-filter: blur(0px); */
	box-shadow:
		7px 4px 6px -9px rgba(255, 255, 255, 1) inset,
		-7px -6px 33px -14px rgba(255, 255, 255, 0.35) inset;
	opacity: 0.6;
	z-index: -1;
	pointer-events: none;
	/* filter: blur(1px) drop-shadow(8px 0px 8px black) brightness(150%); */
}
/* End liquid glass */

.dyad-compliance-root .dyad-consent p {
	margin: 0 0 0.6em;
	padding: 0;
	line-height: 1.4;
	color: inherit;
}

.dyad-compliance-root .dyad-consent-actions {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.8em;
	gap: 0.4em;
}

#dyad-compliance-root h2 {
	font-weight: normal;
	margin: 0 0 0.5em;
	font-size: 1em;
	line-height: 1.2;
	text-transform: none;
	color: var(--dyad-text-color);
}

.dyad-compliance-root .dyad-consent-notice {
	padding: 1.3em 1.7em;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0);
	backdrop-filter: none;
	/* transform: translate(-1em, 1.5em); */
	transition:
		transform 0.85s cubic-bezier(0.57, 0.16, 0.39, 0.88),
		background-color 0.35s ease,
		border-color 0.35s ease,
		backdrop-filter 0.35s ease;
}

.dyad-compliance-root .dyad-consent-notice:not(.is-expanded) {
	background: transparent !important;
	border-color: transparent !important;
	backdrop-filter: none !important;
}

.dyad-compliance-root .dyad-consent-notice.is-expanded {
	transform: translate3d(0, 0, 0);
	background: rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(11px) saturate(130%);
	border: 1px solid rgba(255, 255, 255, 0.32);
	transition:
		transform 0.6s cubic-bezier(0.15, 0.67, 0.6, 0.99),
		background-color 0.6s ease,
		border-color 0.6s ease,
		backdrop-filter 0.6s ease;
}

.dyad-compliance-root .dyad-consent-notice::after {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.dyad-compliance-root .dyad-consent-notice.is-expanded::after {
	opacity: 0.6;
}

.dyad-compliance-root .dyad-consent-toggle {
	appearance: none;
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	color: var(--dyad-text-color);
	cursor: pointer;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	padding-bottom: 0.35em;
}
.dyad-compliance-root[data-ui-font-family="serif"] .dyad-consent-toggle {
	font-style: italic;
}
.dyad-compliance-root .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle {
	color: var(--dyad-toggle-text-color, var(--dyad-text-color));
}

.dyad-compliance-root.dyad-compliance-root--footer {
	--dyad-toggle-text-color: var(--dyad-footer-toggle-color, var(--dyad-text-color));
}

.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-toggle {
	display: block;
	margin-left: 0;
}

.dyad-compliance-root .dyad-consent-toggle:focus {
	outline: 2px solid rgba(255, 255, 255, 0.55);
	outline-offset: 4px;
}

.dyad-compliance-root .dyad-consent-notice.is-expanded .dyad-consent-toggle {
	opacity: 1 !important;
	cursor: text;
}

.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-popup {
	position: absolute;
	left: 0;
	bottom: calc(100% + 0.75rem);
	right: auto;
	width: 27em;
	max-width: min(92vw, 27em);
	margin: 0;
	z-index: 100000;
}

.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-popup .dyad-popup-card {
	max-width: 100%;
}

.dyad-compliance-root .dyad-consent-details,
.dyad-compliance-root .dyad-consent-notice .ccpa-close {
	opacity: 0;
	transform: translateY(-0.4em) scale(0.985);
	pointer-events: none;
	max-height: 0;
	overflow: hidden;
	transition:
		max-height 0.6s cubic-bezier(0.22, 0.01, 0, 1),
		opacity 0.6s ease,
		transform 0.6s ease-out;
}

.dyad-compliance-root .dyad-consent-notice.is-expanded .dyad-consent-details,
.dyad-compliance-root .dyad-consent-notice.is-expanded .ccpa-close {
	opacity: 0.999;
	max-height: var(--dyad-detail-max-height, 20em);
	transform: translateY(0) scale(1);
	pointer-events: auto;
	transition:
		max-height 0.6s cubic-bezier(0.22, 0.01, 0, 1),
		opacity 0.8s 0.1s cubic-bezier(0.44, 0.02, 0.52, 0.99),
		transform 0.6s ease-out;
}

.dyad-compliance-root .dyad-consent-notice.is-collapsing,
.dyad-compliance-root .dyad-consent-notice.is-collapsing::after,
.dyad-compliance-root .dyad-consent-notice.is-collapsing .dyad-consent-details,
.dyad-compliance-root .dyad-consent-notice.is-collapsing .ccpa-close {
	transition-duration: 0.35s;
}

.dyad-compliance-root button.ccpa-close {
	position: absolute;
	z-index: 99;
	cursor: pointer;
	top: 0.35em;
	right: 0;
	bottom: auto;
	left: auto;
	padding: 0.5em 1em;
	height: 2em;
	width: 3em;
	border: none;
	background: transparent;
}
.dyad-compliance-root button.ccpa-close::before,
.dyad-compliance-root button.ccpa-close::after {
	content: "";
	position: absolute;
	top: 1em;
	right: 1em;
	height: 1px;
	width: 0.85em;
	background: var(--dyad-text-color);
	pointer-events: none;
	transform: rotate(45deg);
}
.dyad-compliance-root button.ccpa-close::after {
	transform: rotate(135deg);
}

.dyad-btn {
	cursor: pointer;
	/* border: 1px solid rgba(255, 255, 255, 0.46);
	background: rgba(255, 255, 255, 0.63);
	border-radius: 1rem;
	color: #111111;
	padding: 0.5rem 0.85rem; */
	font-size: var(--compliance-button-font-size);
	line-height: 1.2;
	margin: 0.35em 0.25em 0;
	cursor: pointer;
	border: none;
	background: transparent;
	color: inherit;
	border-radius: 0;
	font-size: var(--compliance-button-font-size);
	line-height: 1.2;
	padding: 0;
	margin: 0 0.25em 0.55em 0;
	text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-color: inherit;
	text-decoration-style: dashed;
}
/* .dyad-compliance-root .dyad-btn#dyad-consent-opt-out {
	cursor: pointer;
	border: none;
	background: transparent;
	color: inherit;
	border-radius: 0;
	font-size: var(--compliance-button-font-size);
	line-height: 1.2;
	padding: 0;
	margin: 0 0.25em 0.55em 0;
	text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-color: inherit;
	text-decoration-style: dashed;
} */
/* .dyad-compliance-root .dyad-btn:first-of-type {
	margin-left: -0.6em;
}

.dyad-compliance-root .dyad-btn:hover,
.dyad-compliance-root .dyad-btn:focus {
	background: #f2f2f2;
}

.dyad-compliance-root .dyad-btn-primary {
	background: #111111;
	color: #ffffff;
}

.dyad-compliance-root .dyad-btn-primary:hover,
.dyad-compliance-root .dyad-btn-primary:focus {
	background: #333333;
}

.dyad-compliance-root .dyad-btn-secondary {
	color: #111111;
} */

.dyad-compliance-root .dyad-btn-ghost {
	background: transparent;
}

.dyad-compliance-root .dyad-btn-link {
	text-decoration: underline;
	border: none;
	padding: 0;
	background: transparent;
	font-size: var(--compliance-button-font-size);
}

.dyad-compliance-root[data-ui-text-color-mode="black"] {
	--dyad-text-color: #000000;
}

.dyad-compliance-root[data-ui-text-color-mode="white"] {
	--dyad-text-color: #ffffff;
}

.dyad-compliance-root[data-ui-text-color-mode="custom"] {
	--dyad-text-color: var(--dyad-custom-text-color);
}

.dyad-compliance-root[data-ui-font-family="serif"] {
	--dyad-font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.dyad-compliance-root[data-ui-container-style="dark_glass"] .dyad-consent {
	background: rgba(0, 0, 0, 0.34);
	backdrop-filter: blur(11px) saturate(130%);
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 0.6em;
}

.dyad-compliance-root[data-ui-container-style="light_glass"] .dyad-consent {
	background: rgba(255, 255, 255, 0.44);
	backdrop-filter: blur(11px) saturate(130%);
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 0.6em;
	color: #111111;
}

.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-consent {
	background: var(--dyad-container-custom-color);
	backdrop-filter: none;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 0;
}

.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-consent::after,
.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-btn,
.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-btn-secondary,
.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-btn-primary,
.dyad-compliance-root[data-ui-container-style="custom_color"] .dyad-btn-ghost {
	border-radius: 0;
}

.dyad-compliance-root .dyad-inquiry-notice {
	margin: 0 0 1rem;
	padding: 0.75rem;
	border: 1px solid #111111;
	background: #fbfbfb;
	font-size: var(--compliance-button-font-size);
	line-height: 1.4;
}

.dyad-compliance-root .dyad-inquiry-notice p {
	margin: 0;
}

@media (max-width: 640px) {
	.dyad-compliance-root {
		left: 0.75rem;
		right: 0.75rem;
		max-width: none;
	}

	.dyad-compliance-root.dyad-compliance-root--footer {
		left: 0;
		right: auto;
		max-width: 100%;
	}
}

/* Jay-specific Styles */
[data-barba-namespace="privacy-policy-page"],
[data-title="privacy-policy"],
body.privacy-policy-page footer {
	background-color: var(--jay-gray);
}
.dyad-compliance-root .dyad-consent-toggle {
	font-style: italic;
}
.dyad-compliance-root.dyad-compliance-root--footer {
	bottom: 3.2em;
}
.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-notice.is-expanded {
	transform: translate3d(0, 0, 0) translateY(2em);
}
.home-page .dyad-compliance-root .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle,
.contact-page .dyad-compliance-root .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle {
	color: rgba(255, 255, 255, 0.44);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.home-page .dyad-compliance-root .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle {
	opacity: 0;
}
.home-page.remove-intro .dyad-compliance-root .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle {
	opacity: 1;
	transition: opacity 0.6s 1.6s ease;
}
.buzz-page .dyad-compliance-root[data-ui-container-style="light_glass"] .dyad-consent:not(.is-expanded) .dyad-consent-toggle {
	color: #a6a6a6;
}
@media screen and (max-width: 40em) {
	.dyad-compliance-root.dyad-compliance-root--footer {
		position: relative;
		bottom: auto !important;
		margin: 0 auto !important;
	}
	.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-toggle {
		margin: 0 auto !important;
	}
	.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-notice:not(.is-expanded) .dyad-consent-toggle {
		color: var(--dyad-text-color);
	}
	.dyad-compliance-root .dyad-consent-actions {
		justify-content: center;
	}
	.dyad-compliance-root,
	.dyad-compliance-root div,
	.dyad-compliance-root p,
	.dyad-compliance-root h2,
	.dyad-compliance-root button,
	.dyad-compliance-root a,
	.dyad-compliance-root span {
		text-align: center !important;
	}
}
/* End Jay-specifics */