#sliding-popup {
--ctf-color-white: #fff;
--ctf-color-black: #000;
--ctf-color-grey-light: #dddddd;
--ctf-color-grey: #a0a0a0;
--ctf-color-grey-dark: #303030;

--ctf-background-color: var(--ctf-color-white);
--ctf-foreground-color: var(--ctf-color-grey-dark);

--ctf-bp-medium: "500px";
--ctf-bp-large: "1000px";
}



#sliding-popup {
  position: fixed;
  z-index: 99999;
  background: var(--ctf-background-color);
  max-width: calc(100% - 75px);
  font-size: var(--step-0);

}

/*// Layout and wrapper*/
.sliding-popup-left {
  display: block;
  margin: 0;
  padding: max(1.50rem, min(calc(1.32rem + 0.91vw), 2.00rem));
  padding: var(--space-m);
  left: 0;
  right: auto;
  width: 90%;
  height: 100%;

}
@media (min-width: 75em) {
.sliding-popup-left {
    width: 500px;

}
  }

.cookie-compliance__content {
  margin-right: max(1.50rem, min(calc(1.32rem + 0.91vw), 2.00rem));
  margin-right: var(--space-m);
  margin-left: max(1.50rem, min(calc(1.32rem + 0.91vw), 2.00rem));
  margin-left: var(--space-m);
}

.cookie-compliance__info > * + * {
  margin-top: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  margin-top: var(--space);
}

.mm-page:before,
.dialog-off-canvas-main-canvas:before {
  content: '';
  z-index: 6;
  background-color: none;
  transition: background-color 1s linear;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

.eu-cookie-compliance-popup-open .mm-page:before,
.eu-cookie-compliance-popup-open .dialog-off-canvas-main-canvas:before {
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
}



/*// Typography*/
.sliding-popup-left {
  text-align: left;
}

/*// The category checkboxes*/
.eu-cookie-compliance-categories {
  /* // Hide them */
  display: none;
}

/*// Buttons*/
.cookie-compliance__buttons {
  clear: left;
  padding-top: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  padding-top: var(--space-xs);
}

.cookie-compliance__buttons  button {
  width: 100%;
  border-radius: 22px;
  border-radius: var(--border-radius);
  margin-top: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  margin-top: var(--space-xs);
  padding: 0.25rem;
  padding: var(--space-2xs);
  border: 0px;
  width: 100%;
  max-width: none;
  cursor: auto;
  cursor: initial;
}

.cookie-compliance__buttons  button:hover,
  .cookie-compliance__buttons  button:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

button.essential-only-button {
  background: #FFF;
  background: var(--color-white);
  color: #101e8e;
  color: var(--color-primary);
  border: 2px solid;
}

button.cookie-compliance__button--more {
  background: #1365DF;
  background: var(--color-secondary);
  width: 100%;
  max-width: none;
  border: 2px solid;
}

button.cookie-compliance__button--more:hover {
    background: transparent;
  }

/*// Withdraw tab*/
.eu-cookie-withdraw-tab {
  /*padding: 5px;*/
  top: auto;
  bottom: -41px;
  left: calc(100% + 35px);
  width: 70px;
  text-align: left;
  background: black;
  border-radius: 0;
}
.eu-cookie-withdraw-tab:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.eu-cookie-withdraw-tab span {
  padding: 2px;
  width: 100%;
  display: block;
  font-size: 0.7rem;
  /*font-weight: bold;*/
  line-height: 1.1;
}
