/*--------------------------------------------------------------
# Cookie consent classes
--------------------------------------------------------------*/
/* Slideup custom animation to overwrite the default slow one */
html body #onetrust-consent-sdk #onetrust-banner-sdk {
  bottom: 1rem !important;
  animation-duration: 295ms !important;
  animation-timing-function: cubic-bezier(0, 0, 0.1, 1) !important;
  animation-name: slide-up !important;
}

@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/* General elements */
html body #onetrust-consent-sdk #onetrust-banner-sdk button:focus {
  outline: none;
  box-shadow: none;
}

/* Layout*/
html body #onetrust-consent-sdk #onetrust-banner-sdk:focus {
  outline: none;
}

html body #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner {
  max-width: 525px;
  width: auto;
  max-height: calc(100vh - 2rem);
  border-radius: 24px;
}

html body #onetrust-consent-sdk #onetrust-pc-sdk *,
html body #onetrust-consent-sdk #onetrust-banner-sdk * {
  box-sizing: border-box;
  font-size: 1rem;
  overscroll-behavior: contain;
  font-family: "GPBox V3 Next", -apple-system, BlinkMacSystemFont, "Roboto",
    "Droid Sans", "Segoe UI", "Helvetica", Arial, sans-serif;
}
html
  body
  #onetrust-consent-sdk
  #onetrust-banner-sdk.otFloatingRoundedCorner
  #onetrust-policy {
  margin-top: 40px;
  margin-left: 15px;
  margin-right: 15px;
}

html body #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
  background-size: 28%;
  position: relative;
  opacity: 1 !important;
}

html body #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon:before {
  content: "";
  background-color: var(--ultra-light-grey-clr);
  border: inherit;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: -1;
  -webkit-transition: opacity 150ms ease-out,
    -webkit-transform 200ms var(--bezier);
  transition: opacity 150ms ease-out, -webkit-transform 200ms var(--bezier);
  -o-transition: transform 200ms var(--bezier), opacity 150ms ease-out;
  transition: transform 200ms var(--bezier), opacity 150ms ease-out;
  transition: transform 200ms var(--bezier), opacity 150ms ease-out,
    -webkit-transform 200ms var(--bezier);
  -webkit-transform: scale(0.7) perspective(1px);
  transform: scale(0.7) perspective(1px);
  /* box-shadow: 0 4px 20px rgba(34, 34, 34, 0.15); */
  opacity: 0;
  pointer-events: none;
}

html body #onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon:hover:before {
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}

/**
*   Components
*/
/* Action buttons */
html body #onetrust-banner-sdk .banner-actions-container,
html
  body
  #onetrust-consent-sdk
  #onetrust-button-group
  #onetrust-pc-btn-handler.cookie-setting-link {
  width: 48%;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-button-group-parent
  #onetrust-button-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-button-group
  #onetrust-accept-btn-handler,
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  button:not(#clear-filters-handler):not(.ot-close-icon):not(
    #filter-btn-handler
  ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
    [aria-expanded]
  ):not(.ot-link-btn):not(.save-preference-btn-handler),
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn {
  border-radius: 20px;
  font-size: 14px;
  padding: 20px 24px;
  line-height: 0;
  margin-bottom: 0px;
  color: var(--text-white-clr);
  background: var(--dark-grey-clr);
  border-color: var(--dark-grey-clr);
  font-weight: 700;
  transform: background-color 295ms var(--bezier), opacity 295ms var(--bezier);
  width: 100%;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-button-group
  #onetrust-pc-btn-handler.cookie-setting-link,
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  button:not(#clear-filters-handler):not(.ot-close-icon):not(
    #filter-btn-handler
  ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
    [aria-expanded]
  ):not(.ot-link-btn).save-preference-btn-handler {
  border-radius: 20px;
  font-size: 14px;
  padding: 20px 24px;
  line-height: 0;
  margin-bottom: 0px;
  color: var(--text-black-clr);
  background: white;
  border: var(--border);
  font-weight: 700;
  text-decoration: none;
  transform: background-color 295ms var(--bezier);
}

html
  body
  #onetrust-consent-sdk
  #ot-pc-content
  button#accept-recommended-btn-handler {
  margin-bottom: 2rem !important;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  button:not(#clear-filters-handler):not(.ot-close-icon):not(
    #filter-btn-handler
  ):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not(
    [aria-expanded]
  ):not(.ot-link-btn).save-preference-btn-handler {
  margin-bottom: 1.5rem;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-button-group
  #onetrust-pc-btn-handler.cookie-setting-link:hover {
  background-color: var(--ultra-light-grey-clr);
  opacity: 1;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-banner-sdk.otFloatingRoundedCorner
  #onetrust-button-group-parent {
  padding: 20px 40px 40px 40px;
}

/* Text descriptions */
html
  body
  #onetrust-consent-sdk
  #onetrust-banner-sdk.otFloatingRoundedCorner
  h3 {
  padding-bottom: 1rem;
  font-size: var(--small);
}

html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc {
  font-size: 0.95rem;
}
html
  body
  #onetrust-consent-sdk
  #onetrust-banner-sdk.otFloatingRoundedCorner
  .bullet {
  color: transparent !important;
  display: inline-block !important;
  height: 6px !important;
  width: 6px !important;
  margin-right: 11px !important;
  background-color: var(--text-black-clr) !important;
  border-radius: 100% !important;
  vertical-align: middle !important;
}

html body #onetrust-consent-sdk #onetrust-banner-sdk a[href],
html body #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn,
html body #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
  color: var(--text-black-clr);
}

html body #onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover,
html body #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn:hover,
html body #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link:hover {
  text-decoration: none;
}

/* Privacy Center */
/* Header */
html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
  border-bottom: 0;
  height: 40px !important;
  padding: 0;
}
html body #onetrust-pc-sdk .ot-pc-footer {
  border-top: 0;
}
html body #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-footer-logo,
html body #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-logo,
html body #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-footer-logo,
html body #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-logo {
  display: none;
}

/* Content */
html body #onetrust-pc-sdk #ot-pc-content {
  margin-right: 13px;
  width: calc(100% - 46px);
  top: 40px;
}
html body #onetrust-consent-sdk #onetrust-pc-sdk h3 {
  margin-top: 0px;
  margin-bottom: 1rem;
  font-size: var(--small);
}

html body #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-acc-hdr {
  width: auto;
  padding: 0.8rem;
}

html body #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item .ot-acc-grpdesc {
  margin-bottom: 1rem;
}

@media screen and (max-width: 37.5rem) {
  html body #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner {
    width: calc(100% - 1.5rem);
    left: 0.75rem;
    bottom: 0.75rem !important;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-banner-sdk.otFloatingRoundedCorner
    #onetrust-policy {
    margin-top: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-banner-sdk.otFloatingRoundedCorner
    h3 {
    width: 100%;
    float: unset;
    padding: 0 1rem;
    font-size: 1.05rem;
  }

  html body #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
  #onetrust-banner-sdk .ot-b-addl-desc {
    padding: 1rem;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-banner-sdk.otFloatingRoundedCorner
    #onetrust-button-group-parent {
    padding: 1rem;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-button-group-parent
    #onetrust-button-group {
    flex-direction: column;
  }

  html body #onetrust-banner-sdk .banner-actions-container,
  html
    body
    #onetrust-consent-sdk
    #onetrust-button-group
    #onetrust-pc-btn-handler.cookie-setting-link {
    width: 100%;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-button-group
    #onetrust-pc-btn-handler.cookie-setting-link {
    order: -1;
    margin-bottom: 1rem;
  }
}
