:root {
  --white: #FFFFFF;
  --black: #000000;
  --sunny-peach: #FE8F65;
  --peach-60: #F27350;
  --denied-blue: #2F3D59;
  --denied-border: #C8CCE6;
  --light-grey: #F0F0F5;
  --main-border: #6C778C;
  --dark-background: #1B2437;
  --light-background: #F8F8FC;
  --text-light: #FFFFFF;
}

/* Group 1: Style overrides for the bottom cookie consent bar */

span#tarteaucitronDisclaimerAlert {
  padding: 0 24px;
}

@media screen and (max-width: 1840px) {
  .tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert {
    text-align: center;
    display: block;
    margin-bottom: 3em;
  }
}

@media screen and (min-width: 1840px) {
  /* Some market's texts are longer (Germany, for example), and will force some of the buttons to a new line. Workaround that by breaking the text instead. */
  span#tarteaucitronDisclaimerAlert {
      max-width: 55%;
    }
}

@media screen and (min-width: 600px) {
  #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    margin-left: 3em;
  }
}

@media screen and (max-width: 600px) {
  #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
    text-align: left;
    margin-bottom: 56px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronAllow,
  html body #tarteaucitronRoot button#tarteaucitronSaveButton,
  #tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronDeny {
    display: block;
    margin: 0 auto 24px auto;
    min-width: 80%;
  }
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  background-color: var(--white);
  padding: 32px 0;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: var(--black);
}

#tarteaucitronRoot #tarteaucitronAlertBig button,
html body #tarteaucitronRoot button#tarteaucitronSaveButton {
  padding: 1em;
}

/* Open More details link */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  text-decoration: underline;
}

#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronAllow,
html body #tarteaucitronRoot button#tarteaucitronSaveButton {
  background-color: var(--sunny-peach);
  border: 2px solid var(--sunny-peach);
}

#tarteaucitronRoot #tarteaucitronAlertBig button.tarteaucitronDeny {
  background-color: transparent;
  color: var(--denied-blue);
  border: 2px solid var(--denied-border);
}

#tarteaucitronRoot a:focus-visible,
#tarteaucitronRoot button:focus-visible {
  outline: 0;
}

/* Group 2: Style overrides for the "More details" box */

@media screen and (max-width: 767px) {
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
    /* Increase the gap between allow/deny buttons. The source uses the !important
    tag, and we therefore need to use it too. */
    margin-bottom: 24px !important;
  }

  #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk button {
    /* The size of the allow one/deny one buttons is 80%. This rule sets the width
    to 80% also for the allow/deny all buttons. */
    width: 80%;
  }
}

div#tarteaucitronServices {
  background: var(--dark-background);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background: transparent;
  border: 2px solid var(--light-grey);
  color: var(--denied-blue);
  opacity: unset;
  padding: 8px;
}

.tarteaucitronIsAllowed .tarteaucitronDeny,
.tarteaucitronIsDenied .tarteaucitronAllow {
  opacity: unset !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny {
  color: var(--text-light);
  border: 2px solid var(--main-border);
}

#tarteaucitronRoot .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronCross::before {
  color: var(--text-light);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
  background: transparent;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: inherit;
}

html body #tarteaucitronRoot div#tarteaucitronSave {
  background: var(--light-background);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronClosePanel {
  background: var(--dark-background);
}

#tarteaucitron div#tarteaucitronInfo {
  border: 0;
  font-weight: 300;
}

#tarteaucitronRoot .asCatToggleBtn {
  background-color: transparent;
  color: var(--dark-background);
  font-size: 18px;
}

@media screen and (min-width: 767px) {
html body #tarteaucitronRoot #tarteaucitron button#tarteaucitronSaveButton {
    /* Increase the size of the save button in the more details box */
    padding-left: 6em;
    padding-right: 6em;
  }
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^=tarteaucitronDetails],
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
  background: transparent;
}

#tarteaucitronRoot .tarteaucitronH1 {
  text-align: left !important;
  padding-left: 15px;
  padding-right: 15px;
}

div#tarteaucitronInfo {
  text-align: left !important;
  max-width: revert !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}


#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
  color: var(--text-light);
  background-color: var(--peach-60);
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny  {
  color: var(--text-light);
  background-color: var(--peach-60);
}

/* Group 3: Styles for the overlay we've implemented */
#cookieConsentOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}