html,
:root {
--compliance-button-font-size: clamp(0.75rem, 1.5vh, 0.82rem);
} [data-title="privacy-policy"] {
background-color: var(--jay-gray);
}
.dyad-compliance-root.dyad-compliance-root--footer {
bottom: 3.5em;
} .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; z-index: 9999;
max-width: min(92vw, 30em);
font-family: var(--dyad-font-family);
font-size: var(--compliance-button-font-size);
}
.site-footer { 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;
} .dyad-compliance-root *,
.dyad-compliance-root *::before,
.dyad-compliance-root *::after {
all: revert;
} .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.2em 1em;
margin-top: 0.5em;
color: var(--dyad-text-color);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;  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; }
.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;  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; } .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; 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; 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-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%;
}
}