/* The consent banner (tarteaucitron) dressed like the Cookiebot banner it replaces: a compact white card at the
   bottom right (half the screen's width on phones), text on the left and the buttons on the right, Cookiebot's blue,
   and the small round button that reopens the settings at the bottom left, at half its size.
   tarteaucitron adds its own stylesheet after this one, so the rules are scoped under #tarteaucitronRoot. */
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: 560px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  grid-template-columns: 1fr auto;
  grid-template-areas: "text allow" "text select" "text deny" "privacy deny";
  column-gap: 16px;
  row-gap: 6px;
  align-items: center;
  background: #fff !important;
  color: #141414 !important;
  border-radius: 8px 0 0 0 !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .3) !important;
  font: 400 12px/1.5 Geist, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important;
  text-align: left !important;
  transform: none !important;
}
/* A grid only while shown: tarteaucitron hides the banner with an inline display: none once the visitor has chosen */
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom:not([style*="display: none"]) { display: grid !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  grid-area: text;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  color: inherit !important;
  text-align: left !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
}
/* Buttons: Cookiebot's blue, "Allow all" filled, the others outlined */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  display: block !important;
  width: 100% !important;
  min-width: 150px;
  margin: 0 !important;
  padding: 7px 14px !important;
  border: 2px solid #1032CF !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #141414 !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  cursor: pointer;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { grid-area: allow; background: #1032CF !important; color: #fff !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { grid-area: select; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { grid-area: deny; align-self: start; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover { background: #2a4ae0 !important; border-color: #2a4ae0 !important; }
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover { border-color: #2a4ae0 !important; color: #1032CF !important; }
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCheck,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCross { display: none !important; }
/* The privacy link, under the text */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  grid-area: privacy;
  justify-self: start;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: #1032CF !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-decoration: underline;
  cursor: pointer;
}
/* Phones: half the screen's width, at the bottom right above the home indicator, everything stacked */
@media screen and (max-width: 768px) {
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
    width: 50vw !important;
    min-width: 0 !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    padding: 10px !important;
    grid-template-columns: 1fr;
    grid-template-areas: "text" "privacy" "allow" "select" "deny";
    font-size: 10px !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b { font-size: 11px; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { min-width: 0; padding: 5px 6px !important; font-size: 10px !important; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl { font-size: 10px !important; }
}
/* The button that reopens the settings: bottom left, half its size */
#tarteaucitronIcon #tarteaucitronManager { scale: .5; transform-origin: bottom left; }

/* The settings panel ("Customize"): a white card at the bottom right, just above the banner (rempa.js sets
   --tac-banner-h), in the banner's style; the page behind stays visible, as with Cookiebot */
#tarteaucitronRoot #tarteaucitronBack { background: transparent !important; opacity: 1 !important; backdrop-filter: none !important; }
html body div#tarteaucitronRoot#tarteaucitronRoot::before { display: none !important; }
#tarteaucitronRoot #tarteaucitron {
  position: fixed !important;
  top: auto !important;
  left: auto !important;
  right: 0 !important;
  bottom: calc(var(--tac-banner-h, 0px) + 8px) !important;
  width: 560px !important;
  max-width: 100vw !important;
  max-height: calc(100vh - var(--tac-banner-h, 0px) - 16px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: #fff !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .3) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  font-family: Geist, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif !important;
  color: #141414 !important;
}
#tarteaucitronRoot #tarteaucitron * { font-family: inherit !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  position: absolute !important;
  top: 8px !important;
  right: 10px !important;
  z-index: 2;
  width: auto !important;
  padding: 2px 6px !important;
  background: none !important;
  border: 0 !important;
  color: #1032CF !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: underline;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine,
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder,
#tarteaucitronRoot #tarteaucitron .tarteaucitronHidden,
#tarteaucitronRoot #tarteaucitron ul,
#tarteaucitronRoot #tarteaucitron li { background: #fff !important; border-color: #e5e5e5 !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset { padding: 16px 18px 8px !important; border: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitron #dialogTitle {
  margin: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: left !important;
  color: #141414 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: left !important;
  color: #141414 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo #tarteaucitronPrivacyUrlDialog {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: #1032CF !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: underline;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronName,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName * { color: #141414 !important; font-size: 12px !important; line-height: 1.5 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronH2,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronH3 { font-size: 13px !important; font-weight: 700 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine { padding: 10px 18px !important; margin: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine { padding: 10px 18px !important; border-top: 1px solid #e5e5e5 !important; }
/* Allow / Deny: outlined in Cookiebot's blue; the visitor's current choice is filled */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk button,
#tarteaucitronRoot #tarteaucitron button.tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron button.tarteaucitronDeny {
  margin: 0 0 0 6px !important;
  padding: 5px 12px !important;
  border: 2px solid #1032CF !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #141414 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  opacity: 1 !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronCheck,
#tarteaucitronRoot #tarteaucitron .tarteaucitronCross { display: none !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow[aria-pressed="true"] { background: #1032CF !important; color: #fff !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny[aria-pressed="true"] { background: #141414 !important; border-color: #141414 !important; color: #fff !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton {
  margin: 8px 18px 14px auto !important;
  padding: 7px 18px !important;
  border: 2px solid #1032CF !important;
  border-radius: 4px !important;
  background: #1032CF !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronSelfLink { display: none !important; }
/* Every line on the same left edge as the title, compact */
#tarteaucitronRoot #tarteaucitron .tarteaucitronName { margin: 0 !important; padding: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronH2 { margin: 0 !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 { margin: 0 !important; font-weight: 400 !important; font-size: 12px !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitronAsk { margin: 0 !important; }
#tarteaucitronRoot #tarteaucitron .tarteaucitron-toggle-group { padding: 4px 0 0 !important; color: #1032CF !important; font-weight: 600 !important; }
#tarteaucitronRoot #tarteaucitron #tarteaucitronSave { padding: 0 !important; text-align: right !important; }
@media screen and (max-width: 768px) {
  #tarteaucitronRoot #tarteaucitron { width: 90vw !important; max-height: calc(100vh - var(--tac-banner-h, 0px) - 16px - env(safe-area-inset-bottom, 0px)) !important; bottom: calc(var(--tac-banner-h, 0px) + 8px + env(safe-area-inset-bottom, 0px)) !important; }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk { display: block !important; width: auto !important; float: none !important; position: static !important; margin: 8px 0 0 !important; padding: 0 !important; text-align: left !important; }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAsk button { display: inline-block !important; width: auto !important; min-width: 0 !important; margin: 0 6px 0 0 !important; }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName { width: auto !important; max-width: none !important; float: none !important; }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitron-toggle-group { position: static !important; width: auto !important; white-space: nowrap; text-align: left !important; }
}
/* No "Privacy policy" link in the banner */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl { display: none !important; }
