/* Consent UI is intentionally independent from the site's content styles. */
.analytics-banner {
  position: fixed;
  z-index: 100;
  right: 18px;
  bottom: 18px;
  width: min(610px, calc(100vw - 36px));
  padding: 24px;
  border: 1px solid #8f78b6;
  border-radius: 3px 18px 3px 18px;
  background: #111426;
  color: #f4f0fb;
  box-shadow: 0 18px 55px #000b;
}

.analytics-banner[hidden] { display: none; }
.analytics-banner-copy { max-width: 58ch; }
.analytics-banner-eyebrow { margin: 0 0 8px; color: #e2b86e; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.analytics-banner h2 { margin: 0 0 10px; font-size: clamp(23px, 3vw, 31px); line-height: 1.14; }
.analytics-banner p { margin: 0 0 10px; color: #cbc4d9; font-size: 15px; line-height: 1.55; }
.analytics-banner .analytics-banner-note { margin: 0; color: #a9a1bc; font-size: 13px; }
.analytics-banner-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 19px; }
.analytics-choice,
.analytics-preferences-trigger {
  appearance: none;
  border: 1px solid #ab93f4;
  border-radius: 2px 11px 2px 11px;
  padding: 11px 17px;
  background: transparent;
  color: #f4f0fb;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  line-height: 1.35;
}
.analytics-choice:hover,
.analytics-choice:focus-visible,
.analytics-preferences-trigger:hover,
.analytics-preferences-trigger:focus-visible { background: #2a2140; }
.analytics-preferences-trigger { margin-left: 8px; padding: 3px 8px; border-color: #69587e; color: #cfc6df; font-size: 13px; }

@media (max-width: 480px) {
  .analytics-banner { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 19px; }
  .analytics-banner-actions { flex-direction: column-reverse; }
  .analytics-choice { width: 100%; }
}