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: #1f1f1f;
  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-text-color: #1f1f1f;
}

.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;
  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;
  max-width: 0;
  overflow: hidden;
  transition:
    max-height 0.6s cubic-bezier(0.22, 0.01, 0, 1),
    max-width 0s 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);
  max-width: 999px;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition:
    max-height 0.6s 0.1s cubic-bezier(0.22, 0.01, 0, 1),
    max-width 1s 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%;
  }
}

/* =========================================================
   CENTERED VARIANT
   ========================================================= */
/*
@media (max-width: 640px) {
	.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;
	}

	.dyad-compliance-root .dyad-consent-toggle {
		text-align: center;
	}

	.dyad-compliance-root .dyad-consent-actions {
		justify-content: center;
	}

	.dyad-compliance-root.dyad-compliance-root--footer .dyad-consent-toggle,
	.dyad-compliance-root .dyad-consent-toggle {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.dyad-compliance-root {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	.dyad-compliance-root.dyad-compliance-root--footer {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		margin: 0 auto;
	}

	.dyad-compliance-root,
	.dyad-compliance-root.dyad-compliance-root--footer {
		left: 0;
		right: 0;
		transform: none;
		margin: 0 auto;
	}
}
*/
/* End centered variant */