/* ── Root ── */
html body #tarteaucitronRoot {
  font-family: "DM Sans", sans-serif !important;
  font-size: 16px;
  line-height: 1.6;
  color: #f1f5f9;
  --tac-modal-px: 32px;
  --tac-close-top: 24px;
  --tac-close-min-height: 36px;
  --tac-header-pt: var(--tac-close-top);
  --tac-cat-gutter: 8px;
  --tac-cat-icon-col: 1.125rem;
}

/*
 * With useExternalCss: true, vendor tarteaucitron.css is not loaded — reproduce
 * .tac_visually-hidden so #tac_title (sr-only duplicate of the modal title) is not visible at the bottom of the page.
 */
html body #tarteaucitronRoot .tac_visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ── First-visit consent strip (AlertBig, orientation bottom) ──
   Tarteaucitron toggles display via JS; do not use display:none !important here. */
html body #tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483645 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 14px 18px max(18px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  background: rgba(6, 6, 20, 0.98) !important;
  border-top: 1px solid rgba(139, 92, 246, 0.22) !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45) !important;
  color: #f1f5f9 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* Desktop: one row — copy | Accept all | Deny all | Customize */
html body #tarteaucitronRoot.tarteaucitronBeforeVisible div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto auto !important;
  align-items: center !important;
  column-gap: 20px !important;
  row-gap: 12px !important;
  text-align: left !important;
  padding-inline: clamp(18px, 4vw, 48px) !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: #cbd5e1 !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

@media (max-width: 900px) {
  html body #tarteaucitronRoot.tarteaucitronBeforeVisible div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
    padding-inline: 18px !important;
  }

  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    text-align: center !important;
    max-width: min(960px, 100%) !important;
    margin-inline: auto !important;
  }

  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
  html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    width: 100%;
    max-width: 360px;
    margin-inline: auto !important;
  }
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  margin: 4px 6px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
  background: linear-gradient(
      135deg,
      #3b82f6 0%,
      #a855f7 55%,
      #ec4899 100%
    )
    !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.35) !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  background: transparent !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  background: rgba(148, 163, 184, 0.12) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 10px !important;
  padding: 9px 16px !important;
  margin: 4px 6px !important;
  cursor: pointer !important;
}

html body #tarteaucitronRoot #tarteaucitronPercentage {
  display: none !important;
}

/* No full-screen dimming behind the bottom strip */
html body #tarteaucitronRoot.tarteaucitronBeforeVisible::before {
  display: none !important;
}

/* ── Panel backdrop (fullscreen dim + blur) — must stay hidden until the modal opens ── */
html body #tarteaucitronRoot button#tarteaucitronBack {
  display: none !important;
}

html body.tarteaucitron-modal-open #tarteaucitronRoot button#tarteaucitronBack {
  display: block !important;
  position: fixed !important;
  z-index: 2147483646 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: none !important;
  cursor: pointer;
  color: transparent !important;
  font-size: 0 !important;
}

/*
 * Modal: vendor CSS is not loaded, so there is no default display:none on #tarteaucitron.
 * Never use display:flex !important on the base selector — it overrides JS and opens the panel on load.
 * Tarteaucitron adds body.tarteaucitron-modal-open only while the panel is open.
 */
html body #tarteaucitronRoot #tarteaucitron {
  display: none !important;
}

/* ── Panel (modal) — visible only while open ── */
html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitron {
  display: flex !important;
  flex-direction: column !important;
  position: fixed !important;
  z-index: 2147483647 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  max-height: 80vh !important;
  width: 820px !important;
  max-width: calc(100vw - 32px) !important;
  background: #0a0820 !important;
  border: 1px solid rgba(139, 92, 246, 0.2) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8) !important;
  font-family: "DM Sans", sans-serif !important;
  overflow: hidden !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  max-height: 80vh;
}

/* ── Panel header ──
   #tarteaucitronMainLineOffset reuses .tarteaucitronLine (flex row). Its four children
   (title, disclaimer, preference label, allow/deny) must not sit on one axis — restore a
   stacked layout + preference row similar to tarteaucitron’s intended structure. */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset.tarteaucitronLine.tarteaucitronMainLine {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 24px;
  align-items: center;
  justify-content: stretch !important;
  /* !important: beats Tailwind @layer base `* { padding: 0 }` */
  padding: var(--tac-header-pt, 24px) var(--tac-modal-px, 32px)
    clamp(18px, 3vw, 24px) !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset > span.tarteaucitronH1 {
  grid-column: 1 / -1;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--tac-close-min-height, 36px) !important;
  /* Same horizontal inset as modal padding; leave space for absolutely positioned Close */
  padding-inline-end: max(6.5rem, 112px) !important;
  margin: 0 0 12px !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset > #tarteaucitronInfo {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset > .tarteaucitronName {
  grid-column: 1;
  min-width: 0;
  margin-left: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset > .tarteaucitronAsk {
  grid-column: 2;
  align-self: center;
  margin-top: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine {
  padding: var(--tac-header-pt, 24px) var(--tac-modal-px, 32px)
    clamp(18px, 3vw, 24px) !important;
  flex-shrink: 0;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH1 {
  color: #f1f5f9 !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo a {
  color: #7aa7ff !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH2 {
  color: #f1f5f9 !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
  color: #cbd5e1 !important;
  font-size: 14px !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
  color: #f1f5f9 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk {
  margin-top: 12px;
  display: flex;
  gap: 8px;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronAsk button {
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 8px 20px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  border: 1px solid rgba(148, 163, 184, 0.15) !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronAllow {
  background: #3b82f6 !important;
  color: #fff !important;
  border-color: #3b82f6 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronAllow:hover {
  background: #4f92ff !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny {
  background: transparent !important;
  color: #94a3b8 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny:hover {
  border-color: rgba(248, 113, 113, 0.3) !important;
  color: #f87171 !important;
}

/* ── Category titles ── */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle {
  padding: 16px 0 6px;
  border-bottom: none;
}

/* ── Nested lists: UA/default styles indent inner ul → staggered margins vs header ── */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul ul > li {
  margin-left: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder > ul > li {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronDetails:not(.tarteaucitronInfoBox) {
  margin-left: 0 !important;
}

/* External CSS only: keep category blurbs in normal flow (no absolute tooltip layout). */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronDetails.tarteaucitronInfoBox {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: none !important;
  z-index: auto !important;
}

/* Align description copy with title text (after ⊞), not with the modal edge */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder > ul > li:has(button.catToggleBtn) .tarteaucitronDetails.tarteaucitronInfoBox,
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder > ul > li:has(button.catToggleBtn) .tarteaucitronDetails.tarteaucitronDetailsInline {
  padding-inline-start: calc(
    var(--tac-cat-icon-col, 1.125rem) + var(--tac-cat-gutter, 8px)
  ) !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .asCatToggleBtn,
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button {
  color: #f1f5f9 !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer;
  text-align: left;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button.catToggleBtn {
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--tac-cat-gutter, 8px) !important;
  width: 100% !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button.catToggleBtn .tarteaucitronPlus {
  flex: 0 0 var(--tac-cat-icon-col, 1.125rem);
  margin-right: 0 !important;
  text-align: center;
  color: #7aa7ff;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .tarteaucitronPlus {
  display: inline-block;
  margin-right: 6px;
  color: #7aa7ff;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronDetails {
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  padding: 6px 0 12px;
}

/* ── Scrollable service list ── */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--tac-modal-px, 32px)
    clamp(20px, 4vw, 28px);
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ── Service lines ── */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.06) !important;
  padding: clamp(14px, 2vw, 16px) 0;
}

/* Prefer services list lines align Actions with header “global” Ask on the modal edge ─ */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronLine .tarteaucitronAsk {
  margin-inline-end: 0 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:hover {
  background: rgba(59, 130, 246, 0.03) !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronName {
  flex: 1;
  min-width: 0;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  margin-top: 0;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  font-family: "DM Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 5px 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  border: 1px solid rgba(148, 163, 184, 0.15) !important;
  background: transparent !important;
  color: #94a3b8 !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #7aa7ff !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover {
  background: rgba(59, 130, 246, 0.2) !important;
}

html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover {
  border-color: rgba(248, 113, 113, 0.25) !important;
  color: #f87171 !important;
}

/* ── Status info ── */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronStatusInfo {
  font-size: 11px !important;
  color: #64748b !important;
  margin-top: 2px;
}

/* ── Close panel button ── */
html body #tarteaucitronRoot button#tarteaucitronClosePanel {
  position: absolute !important;
  z-index: 2147483648 !important;
  top: var(--tac-close-top, 24px) !important;
  right: var(--tac-modal-px, 32px) !important;
  background: rgba(148, 163, 184, 0.08) !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  border: none !important;
  width: auto !important;
  min-width: 36px !important;
  height: auto !important;
  min-height: var(--tac-close-min-height, 36px) !important;
  padding: 8px 14px !important;
  box-sizing: border-box !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s !important;
}

html body #tarteaucitronRoot button#tarteaucitronClosePanel:hover {
  background: rgba(248, 113, 113, 0.12) !important;
  color: #f87171 !important;
}

/* ── Save button ── */
html body #tarteaucitronRoot #tarteaucitronSave {
  flex-shrink: 0;
  padding: 18px var(--tac-modal-px, 32px)
    clamp(18px, 3vw, 22px);
  border-top: 1px solid rgba(148, 163, 184, 0.08);
}

html body #tarteaucitronRoot #tarteaucitronSave #tarteaucitronSaveButton {
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 10px 28px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  border: none !important;
  background: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.25) !important;
}

html body #tarteaucitronRoot #tarteaucitronSave #tarteaucitronSaveButton:hover {
  background: #4f92ff !important;
  box-shadow: 0 0 22px rgba(59, 130, 246, 0.4) !important;
}

/* ── Hide recall icon ── */
html body #tarteaucitronRoot #tarteaucitronIcon {
  display: none !important;
}

/* ── Hide check/cross icons ─ */
html body #tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCheck,
html body #tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCross {
  display: none;
}

/* ── Mobile ── */
@media (max-width: 640px) {
  html body #tarteaucitronRoot {
    --tac-modal-px: 20px;
    --tac-close-top: 20px;
    --tac-header-pt: var(--tac-close-top);
  }

  html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitron {
    max-width: calc(100vw - 16px) !important;
    max-height: 85vh !important;
    border-radius: 16px !important;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices {
    max-height: 85vh;
  }

  html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine {
    padding: var(--tac-header-pt, 20px) var(--tac-modal-px, 20px)
      clamp(16px, 3vw, 20px) !important;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices
    #tarteaucitronMainLineOffset.tarteaucitronLine.tarteaucitronMainLine {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: var(--tac-header-pt, 20px) var(--tac-modal-px, 20px)
      clamp(16px, 3vw, 20px) !important;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices
    #tarteaucitronMainLineOffset
    > span.tarteaucitronH1 {
    padding-inline-end: max(5.5rem, min(26vw, 7rem)) !important;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices
    #tarteaucitronMainLineOffset
    > .tarteaucitronAsk {
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
    flex-wrap: wrap;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices
    #tarteaucitronMainLineOffset
    > .tarteaucitronAsk
    .tarteaucitronAllow,
  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    #tarteaucitronServices
    #tarteaucitronMainLineOffset
    > .tarteaucitronAsk
    .tarteaucitronDeny {
    flex: 1;
    min-width: 0;
    text-align: center;
  }

  html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
    padding: 0 var(--tac-modal-px, 20px)
      clamp(16px, 4vw, 22px);
  }

  html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitron .tarteaucitronLine {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    .tarteaucitronLine
    .tarteaucitronAsk {
    width: 100%;
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    .tarteaucitronLine
    .tarteaucitronAsk
    .tarteaucitronAllow,
  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitron
    .tarteaucitronLine
    .tarteaucitronAsk
    .tarteaucitronDeny {
    flex: 1;
    text-align: center;
  }

  html body.tarteaucitron-modal-open #tarteaucitronRoot #tarteaucitronSave {
    padding: 14px var(--tac-modal-px, 20px)
      clamp(14px, 3vw, 18px);
  }

  html body.tarteaucitron-modal-open
    #tarteaucitronRoot
    #tarteaucitronSave
    #tarteaucitronSaveButton {
    width: 100%;
    text-align: center;
  }
}