/* eu-cookie-compliance */
@media print {
  #sliding-popup {
    display: none !important;
  }
}

#sliding-popup {
  max-height: 100vh;
  top: auto;
  bottom: 0;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--gin-color-primary) !important;
  z-index: 1000;

  .popup-content {
    padding: var(--gin-spacing-m);
    color: white;

    button.eu-cookie-compliance-more-button {
      color: white;
      background-color: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-font-smoothing: antialiased;
      text-decoration: underline;
      box-shadow: none;
      border: none;
      padding: 0;
    }
  }
  .popup-content button.agree-button,
  .eu-cookie-withdraw-tab,
  .eu-cookie-withdraw-button {
    background-color: transparent;
    padding: calc(var(--gin-spacing-m) - 2px) calc(var(--gin-spacing-l) - 2px);
    border: 2px solid white !important;
    border-radius: var(--gin-border-m);
    font-size: var(--gin-font-size-s);
    font-weight: var(--gin-font-weight-heavy);
    line-height: var(--gin-font-size-s);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    color: white;
    cursor: pointer;
  }
  .eu-cookie-withdraw-tab {
    position: relative;
    top: var(--gin-spacing-m);
    left: auto;
    float: right;
    transform: none;
    height: var(--gin-spacing-l);
    width: var(--gin-spacing-l);
    text-indent: -999999px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='15' y1='9' x2='9' y2='15'%3E%3C/line%3E%3Cline x1='9' y1='9' x2='15' y2='15'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: none !important;
  }
  .eu-cookie-compliance-message {
    float: none;
    max-width: 100%;
    font-size: var(--gin-font-size-s);
  }
  #popup-text,
  .eu-cookie-compliance-category {
    display: block;
    margin-bottom: var(--gin-spacing-m);
  }
  #eu-cookie-compliance-categories {
    font-size: var(--gin-font-size-s);
    display: block;
  }
}