.cmplz-cookiebanner.cmplz-cookiebanner { --cmplz_category_header_always_active_color: var(--color-text-on-light, #4c4c4c);
font-family: var(--font-sans, "Noto Sans", sans-serif);
color: var(--color-text-on-light, #4c4c4c);
box-shadow: 14px 12px 40px rgba(0, 0, 0, 0.22);
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-title {
font-family: var(--font-serif, "DM Serif Display", serif);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.2;
color: var(--color-surface-hero, #847180);
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-description {
line-height: 1.5;
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn {
font-family: var(--font-sans, "Noto Sans", sans-serif);
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.02em;
text-transform: uppercase;
border-width: var(--panel-border-width, 2px);
border-style: solid;
border-radius: var(--radius-pill, 999px);
transition: outline-offset 0.2s ease;
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn:hover,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn:focus-visible {
outline: var(--space-3xs, 3px) solid var(--color-text-on-light, #4c4c4c);
outline-offset: var(--space-3xs, 3px);
text-decoration: none;
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message a {
text-decoration: underline;
text-underline-offset: 0.15em;
} .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-documents .cmplz-link.cookie-statement {
display: none;
}
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-category-title {
font-weight: 600;
} .helen-consent {
position: fixed;
inset-block-end: var(--space-s);
inset-inline-start: var(--space-s);
z-index: 90;
display: flex;
align-items: center;
justify-content: center;
inline-size: var(--space-l);
block-size: var(--space-l);
padding: 0;
border: var(--panel-border-width) solid var(--color-text-on-dark, #ffffff);
border-radius: var(--radius-pill);
background-color: var(--color-button-fill, #a37176);
color: var(--color-text-on-dark, #ffffff);
box-shadow: 0 0 0 0 var(--color-focus-on-dark, #ffffff), 14px 12px 40px rgba(0, 0, 0, 0.22);
cursor: pointer;
transition: box-shadow 0.3s ease;
}
.helen-consent:hover,
.helen-consent:focus {
background-color: var(--color-button-fill, #a37176);
color: var(--color-text-on-dark, #ffffff);
}
.helen-consent:hover,
.helen-consent:focus-visible {
outline: var(--space-3xs) solid var(--color-text-on-light, #4c4c4c);
outline-offset: var(--space-3xs);
box-shadow: 0 0 0 var(--space-3xs) var(--color-focus-on-dark, #ffffff), 14px 12px 40px rgba(0, 0, 0, 0.22);
} body:has(.cmplz-cookiebanner.cmplz-show) .helen-consent {
visibility: hidden;
}
.helen-consent svg {
display: block;
}
@media (max-width: 767px) {
.helen-consent {
inset-block-end: var(--space-xs);
inset-inline-start: var(--space-xs);
}
}
@media (prefers-reduced-motion: reduce) {
.helen-consent,
.cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn {
transition: none;
}
}