.klaro {
  --font-family: 'Nunito', system-ui, sans-serif;
  --title-font-family: 'Nunito', system-ui, sans-serif;
  --border-radius: 16px;
  --green1: rgb(var(--brand-600));
  --green2: rgb(var(--brand-700));
  --green3: rgb(var(--brand-500));
  --dark1: rgb(var(--surface));
  --dark2: rgb(var(--border));
  --dark3: rgb(var(--muted));
  --light1: rgb(var(--text));
  --light2: rgb(var(--border));
  --light3: rgb(var(--muted));
  --white2: rgb(var(--border));
  --white3: #fff;
  --button-text-color: rgb(var(--on-brand));
}
.klaro .cookie-notice:not(.cookie-modal-notice), .klaro .cookie-modal { z-index: 2147483000 !important; }
.klaro .cookie-modal .cm-modal.cm-klaro { z-index: 2147483001 !important; }
.klaro .cookie-notice, .klaro .cookie-modal .cm-modal, .klaro .context-notice {
  background: rgb(var(--surface)) !important;
  color: rgb(var(--text)) !important;
  border: 1px solid rgb(var(--border)) !important;
  border-radius: 16px !important;
  font-family: 'Nunito', system-ui, sans-serif !important;
  box-shadow: 0 18px 48px -18px rgba(39, 40, 51, .28) !important;
}
.klaro .cookie-modal .cm-header h1, .klaro .cookie-modal .cm-list-title, .klaro .cookie-notice .cn-body strong { color: rgb(var(--text)) !important; }
.klaro .cookie-notice .cn-body strong.cn-title { display: block; color: rgb(var(--brand-700)) !important; font-weight: 800; font-size: 1.08em; margin-bottom: 8px; }
.klaro .cookie-notice .cn-body, .klaro .cookie-modal .cm-body, .klaro .cookie-modal .cm-header, .klaro .cookie-modal .cm-footer { color: rgb(var(--text)) !important; }
.klaro .cookie-modal .cm-list-description, .klaro .cm-powered-by { color: rgb(var(--muted)) !important; }
.klaro a, .klaro .cm-link, .klaro .cn-learn-more { color: rgb(var(--brand-700)) !important; }
.klaro .cm-btn { border-radius: 12px !important; font-family: 'Nunito', system-ui, sans-serif !important; font-weight: 700 !important; }
.klaro .cm-btn.cm-btn-success, .klaro .cm-btn.cm-btn-accept-all { background: rgb(var(--brand-600)) !important; color: rgb(var(--on-brand)) !important; border: 1px solid rgb(var(--brand-600)) !important; }
.klaro .cm-btn.cm-btn-success:hover, .klaro .cm-btn.cm-btn-accept-all:hover { background: rgb(var(--brand-700)) !important; }
.klaro .cm-btn.cm-btn-accept, .klaro .cm-btn.cm-btn-decline, .klaro .cm-btn.cm-btn-danger { background: rgb(var(--surface)) !important; color: rgb(var(--brand-700)) !important; border: 1px solid rgb(var(--brand-500) / .38) !important; }
.klaro .cm-btn.cm-btn-accept:hover, .klaro .cm-btn.cm-btn-decline:hover, .klaro .cm-btn.cm-btn-danger:hover { background: rgb(var(--brand-50)) !important; }
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider { background: rgb(var(--brand-600)) !important; }
.klaro .cookie-modal .cm-header, .klaro .cookie-modal .cm-footer, .klaro .cookie-modal .cm-switch-container { border-color: rgb(var(--border)) !important; }
.klaro .cookie-modal .cm-modal .hide svg { stroke: rgb(var(--text)) !important; }
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a { color: rgb(var(--muted)) !important; }
@media (max-width: 640px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) { bottom: 72.5px !important; border-radius: 16px 16px 0 0 !important; }
  .klaro .cookie-modal .cm-modal {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-height: calc(100vh - 32px) !important;
  }
}