/*
 * OneTrust cookie banner and preference center in the etoro brand, the same
 * look as etoro.com. Two layers, in the order etoro-website loads them:
 *
 * 1. etoro-website's brand overrides (apps/etoro-marketing/src/app/(frontend)/
 *    onetrust.css at 43a4f4e1e), with that repo's --brand-* design tokens
 *    scoped to the OneTrust container so they never mix with the portal's
 *    theme tokens.
 * 2. etoro's shared OneTrust base stylesheet, a copy of
 *    https://marketing.etorostatic.com/cache1/assets/css/onetrust.css taken on
 *    2026-11-12. etoro-website links it after its overrides. It's self-hosted
 *    here so the CSP needs no new style source.
 *
 * OneTrust renders its own fixed-ID DOM, so ID and class overrides are the only
 * way to style it. The root layout links this file at the end of <body>: it
 * stays out of the render-blocking CSS, and OneTrust adds its banner after
 * the link, so the banner never shows unstyled.
 */
#onetrust-consent-sdk {
  --brand-color-white: #ffffff;
  --brand-color-white-8: rgba(255, 255, 255, 0.08);
  --brand-color-white-16: rgba(255, 255, 255, 0.16);
  --brand-color-white-32: rgba(255, 255, 255, 0.32);
  --brand-color-soft-black: #10110e;
  --brand-color-soft-black-8: rgba(16, 17, 14, 0.08);
  --brand-color-soft-black-40: rgba(16, 17, 14, 0.4);
  --brand-color-sage-50: #f4f7f4;
  --brand-color-sage-500: #566356;
  --brand-color-sage-600: #454f45;
  --brand-color-product-black: #292c32;
  --brand-color-mint: #6dff8a;
  --brand-spacing-x2: 8px;
  --brand-spacing-x3: 12px;
  --brand-spacing-x4: 16px;
  --brand-spacing-x5: 20px;
  --brand-spacing-x6: 24px;
  --brand-spacing-x8: 32px;
  --brand-spacing-x10: 40px;
  --brand-radius-medium: 12px;
  --brand-radius-large: 16px;
  --brand-radius-max: 100px;
  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;
  --brand-font-size-10: 10px;
  --brand-font-size-12: 12px;
  --brand-font-size-14: 14px;
  --brand-font-size-16: 16px;
  --brand-font-size-18: 18px;
  --brand-font-size-28: 28px;
  --brand-line-height-relaxed: 1.35;
  --brand-font-family-default:
    var(--font-etoro), -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}

/* ── 1. etoro brand overrides (etoro-website) ───────────────────────────── */

/* OneTrust cookie banner */
#onetrust-consent-sdk #onetrust-banner-sdk {
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  min-height: auto !important;
  padding: var(--brand-spacing-x3) var(--brand-spacing-x8)
    var(--brand-spacing-x4) !important;
  background-color: var(--brand-color-sage-500) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  align-items: center !important;
  gap: var(--brand-spacing-x2) var(--brand-spacing-x8) !important;
}
@media (max-width: 767px) {
  #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
    gap: var(--brand-spacing-x8) !important;
  }
}
#onetrust-consent-sdk #onetrust-banner-sdk .banner_logo,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-bnr-w-logo {
  display: block !important;
  filter: brightness(0) invert(1) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
  flex: 1 1 0% !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 400px !important;
}
@media (max-width: 767px) {
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
    min-width: 0 !important;
  }
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
  width: 100% !important;
  max-width: none !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
  display: flex !important;
  align-items: center !important;
  gap: var(--brand-spacing-x4) !important;
  margin: 0 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group button {
  min-width: 132px !important;
  min-height: 43px !important;
  margin: 0 !important;
  padding: 9px 44px 14px !important;
  border-radius: 100px !important;
  font-size: var(--brand-font-size-18) !important;
  font-weight: var(--brand-font-weight-regular) !important;
  white-space: nowrap !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  font-size: var(--brand-font-size-16) !important;
  line-height: var(--brand-line-height-relaxed) !important;
  text-align: left !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text *,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a,
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {
  color: var(--brand-color-white) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text a,
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
  text-decoration-color: var(--brand-color-white) !important;
}
#onetrust-consent-sdk
  #onetrust-banner-sdk
  #onetrust-pc-btn-handler.cookie-setting-link,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
  color: var(--brand-color-white) !important;
  border: 1px solid var(--brand-color-white) !important;
  background-color: transparent !important;
  font-weight: var(--brand-font-weight-regular) !important;
}
#onetrust-consent-sdk
  #onetrust-banner-sdk
  #onetrust-pc-btn-handler.cookie-setting-link:hover,
#onetrust-consent-sdk
  #onetrust-banner-sdk
  #onetrust-pc-btn-handler.cookie-setting-link:focus-visible,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:hover,
#onetrust-consent-sdk
  #onetrust-banner-sdk
  #onetrust-reject-all-handler:focus-visible {
  background-color: var(--brand-color-white-16) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler {
  color: var(--brand-color-sage-500) !important;
  border: none !important;
  background-color: var(--brand-color-white) !important;
  font-weight: var(--brand-font-weight-medium) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:hover,
#onetrust-consent-sdk
  #onetrust-banner-sdk
  #onetrust-accept-btn-handler:focus-visible {
  background-color: var(--brand-color-sage-50) !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk .ot-close-icon {
  filter: brightness(0) invert(1) !important;
}
#onetrust-banner-sdk #onetrust-close-btn-container {
  left: unset !important;
}
@media (max-width: 767px) {
  #onetrust-consent-sdk #onetrust-banner-sdk {
    padding: var(--brand-spacing-x5) !important;
  }

  #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row,
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent,
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group,
  #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group button {
    width: 100% !important;
  }
}
#onetrust-consent-sdk #onetrust-pc-sdk {
  overflow: hidden !important;
  max-width: 720px !important;
  height: auto !important;
  max-height: 90vh !important;
  background-color: var(--brand-color-soft-black) !important;
  border: 1px solid var(--brand-color-white-32) !important;
  border-radius: var(--brand-radius-large) !important;
  box-shadow: 0 0 40px 0 var(--brand-color-soft-black-40) !important;
  font-family: var(--brand-font-family-default) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk > div[role="dialog"] {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  max-height: 90vh !important;
  overflow: hidden !important;
  background-color: var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk * {
  scrollbar-color: var(--brand-color-white-32) var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk *::-webkit-scrollbar-track {
  background-color: var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk *::-webkit-scrollbar-thumb {
  background-color: var(--brand-color-white-32) !important;
  border-color: var(--brand-color-soft-black) !important;
}
/* Hide the up/down stepper arrows; scrollbar itself only shows when scrollable */
#onetrust-consent-sdk #onetrust-pc-sdk *::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
/* Collapse OneTrust's logo band; the close button is absolutely positioned
       to the modal so it is unaffected. The title text is styled via #ot-pc-title
       which OneTrust always renders inside #ot-pc-content. */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
  position: static !important;
  min-height: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo img,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
  display: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler {
  position: absolute !important;
  top: var(--brand-spacing-x6) !important;
  right: var(--brand-spacing-x6) !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='1.5'%20stroke-linecap='round'%3E%3Cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3E%3Cline%20x1='18'%20y1='6'%20x2='6'%20y2='18'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  background-position: center !important;
  filter: none !important;
  z-index: 10 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler svg,
#onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler img {
  display: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst {
  position: static !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-top: var(--brand-spacing-x6) !important;
  overflow-y: auto !important;
  background-color: var(--brand-color-soft-black) !important;
  color: var(--brand-color-white) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
  margin: 0 0 var(--brand-spacing-x3) !important;
  color: var(--brand-color-white) !important;
  font-size: var(--brand-font-size-18) !important;
  font-weight: var(--brand-font-weight-semibold) !important;
  line-height: var(--brand-line-height-relaxed) !important;
  text-align: center !important;
}
/* OneTrust's real (localized) title promoted to the header: brand
       trending-up icon + larger type, with a full-width divider under it. */
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
  display: block !important;
  margin: 0 0 var(--brand-spacing-x5) !important;
  padding-bottom: var(--brand-spacing-x4) !important;
  font-size: var(--brand-font-size-28) !important;
  font-weight: var(--brand-font-weight-medium) !important;
  letter-spacing: -0.5px !important;
  border-bottom: 1px solid var(--brand-color-white-16) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: var(--brand-spacing-x3) !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236dff8a'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='22%207%2013.5%2015.5%208.5%2010.5%202%2017'/%3E%3Cpolyline%20points='16%207%2022%207%2022%2013'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a,
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
  color: var(--brand-color-white) !important;
  font-size: var(--brand-font-size-16) !important;
  line-height: var(--brand-line-height-relaxed) !important;
  text-align: center !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  #accept-recommended-btn-handler#accept-recommended-btn-handler#accept-recommended-btn-handler {
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 var(--brand-spacing-x6) !important;
  color: var(--brand-color-white) !important;
  border: 1px solid var(--brand-color-white) !important;
  border-radius: var(--brand-radius-max) !important;
  background: transparent !important;
  background-color: transparent !important;
  font-size: var(--brand-font-size-16) !important;
  font-weight: var(--brand-font-weight-regular) !important;
  text-align: center !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  #accept-recommended-btn-handler#accept-recommended-btn-handler#accept-recommended-btn-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  #accept-recommended-btn-handler#accept-recommended-btn-handler#accept-recommended-btn-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  #accept-recommended-btn-handler#accept-recommended-btn-handler#accept-recommended-btn-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp {
  margin-top: var(--brand-spacing-x6) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout {
  margin: 0 !important;
  overflow: hidden !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--brand-color-white-16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout:first-of-type {
  border-top: 1px solid var(--brand-color-white-16) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr {
  min-height: 56px !important;
  padding: 0 var(--brand-spacing-x8) !important;
  background-color: transparent !important;
  border: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpdesc,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-link-btn,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-label-txt,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active {
  color: var(--brand-color-white) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header {
  font-size: var(--brand-font-size-16) !important;
  font-weight: var(--brand-font-weight-regular) !important;
  line-height: var(--brand-line-height-relaxed) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr {
  padding: 0 var(--brand-spacing-x8) var(--brand-spacing-x5) !important;
  background-color: transparent !important;
  border: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus span {
  background-color: var(--brand-color-white) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
  flex: 0 0 auto !important;
  padding: var(--brand-spacing-x5) var(--brand-spacing-x10)
    var(--brand-spacing-x10) !important;
  /* Desktop footer is transparent so it blends with the modal body.
         Mobile overrides this explicitly to product-black (see mobile section). */
  background-color: transparent !important;
  border-top: 0 !important;
  overflow: visible !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container {
  display: flex !important;
  justify-content: center !important;
  gap: var(--brand-spacing-x4) !important;
  width: 100% !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-pc-refuse-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  min-height: 44px !important;
  margin: 0 !important;
  border-radius: var(--brand-radius-max) !important;
  font-size: var(--brand-font-size-16) !important;
  font-weight: var(--brand-font-weight-regular) !important;
  transition: opacity 0.2s !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler {
  color: var(--brand-color-white) !important;
  border: 1px solid var(--brand-color-white) !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler:focus-visible,
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .save-preference-btn-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-pc-refuse-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler {
  color: var(--brand-color-white) !important;
  border: 1px solid var(--brand-color-white) !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-pc-refuse-all-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-pc-refuse-all-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-pc-refuse-all-handler:focus-visible,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler:active,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .save-preference-btn-handler.onetrust-close-btn-handler {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button:focus-visible,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
@media (max-width: 767px) {
  #onetrust-consent-sdk #onetrust-pc-sdk {
    max-width: calc(100vw - var(--brand-spacing-x6)) !important;
  }

  #onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container {
    flex-direction: column !important;
  }

  #onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler,
  #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler {
    width: 100% !important;
  }
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.save-preference-btn-handler.onetrust-close-btn-handler {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container {
  background-color: var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button[class],
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar button,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button[class] {
  color: var(--brand-color-white) !important;
  border: 1px solid var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
  font-weight: var(--brand-font-weight-regular) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button:hover,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button:active,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button:focus-visible,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer
  .ot-btn-container
  button:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer
  .ot-btn-container
  button:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer
  .ot-btn-container
  button:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
}
#onetrust-consent-sdk#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.save-preference-btn-handler.onetrust-close-btn-handler,
#onetrust-consent-sdk#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.save-preference-btn-handler.onetrust-close-btn-handler:not(
    .ot-link-btn
  ) {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler,
#onetrust-consent-sdk#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler:not(.ot-link-btn) {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.save-preference-btn-handler.onetrust-close-btn-handler: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(
    .ot-active-leg-btn
  ) {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler: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(.ot-active-leg-btn) {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler:hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler:active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button.ot-pc-refuse-all-handler:focus-visible {
  color: var(--brand-color-white) !important;
  border-color: var(--brand-color-white) !important;
  background: transparent !important;
  background-color: transparent !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: var(--brand-spacing-x4) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar {
  padding: var(--brand-spacing-x5) var(--brand-spacing-x10)
    var(--brand-spacing-x10) !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler {
  flex: 0 1 auto !important;
  min-width: 160px !important;
  max-width: calc(50% - var(--brand-spacing-x3)) !important;
  margin: 0 !important;
  white-space: normal !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 0 var(--brand-radius-medium) var(--brand-radius-medium) !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container {
  flex: 1 1 100% !important;
  min-width: 0 !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container
  button,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.ot-pc-refuse-all-handler,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  button.save-preference-btn-handler.onetrust-close-btn-handler {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-inline: var(--brand-spacing-x5) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk {
  padding-bottom: 124px !important;
  background: var(--brand-color-soft-black) !important;
  background-color: var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer.ot-pc-scrollbar {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 2 !important;
  padding: var(--brand-spacing-x5) var(--brand-spacing-x10)
    var(--brand-spacing-x10) !important;
  border-top: 0 !important;
  background-color: var(--brand-color-soft-black) !important;
}
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-pc-footer.ot-pc-scrollbar
  .ot-btn-container {
  width: 100% !important;
  max-width: 100% !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  flex-shrink: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: var(--brand-spacing-x4) !important;
}
/* Figma: toggle on the left, label next, chevron on the far right */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-tgl,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-always-active {
  order: -1 !important;
  margin: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-acc-txt,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-cat-header {
  order: 0 !important;
  flex: 1 1 auto !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-arw-cntr,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-arw,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr > svg,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr .ot-plus-minus {
  order: 1 !important;
  margin-left: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  display: flex !important;
  align-items: center !important;
}
/* End OneTrust cookie banner */

/* Toggle (exact Figma colors). The external onetrust.css styles these with
   `body #onetrust-consent-sdk ...` selectors, so we outrank it with a leading
   `html body`. These rules MUST stay at top level (not nested under
   #onetrust-consent-sdk) or `html`/`body` become impossible descendants. In this
   build .ot-switch-nob is the TRACK pill and .ot-switch-nob::before is the KNOB
   (the green checkmark lives on it).
     OFF/disabled track: white-8   ON track: white-32
     OFF/disabled knob:  sage-600  ON knob:  mint
   No checkmark; knob carries an elevation-1 drop shadow. */
html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  position: relative !important;
  width: 50px !important;
  height: 22px !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Track pill — OFF/disabled = white-8 */
html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
  background-color: var(--brand-color-white-8) !important;
  border: none !important;
  border-radius: 100px !important;
}

/* Track pill — enabled + ON = white-32 */
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked
  + .ot-switch
  .ot-switch-nob {
  background-color: var(--brand-color-white-32) !important;
}

/* Keep the track colour on hover/focus (external CSS darkens it otherwise) */
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-switch:hover
  .ot-switch-nob,
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-switch:focus
  .ot-switch-nob {
  background-color: var(--brand-color-white-8) !important;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked
  + .ot-switch:hover
  .ot-switch-nob {
  background-color: var(--brand-color-white-32) !important;
}

/* Knob circle — OFF/disabled = sage-600, no checkmark */
html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob:before {
  width: 27px !important;
  height: 27px !important;
  background: var(--brand-color-sage-600) !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 12px 2px var(--brand-color-soft-black-8) !important;
}

/* Knob circle — enabled + ON = mint (checkmark SVG removed) */
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked
  + .ot-switch
  .ot-switch-nob:before {
  background: var(--brand-color-mint) !important;
}

/* Always-active (Strictly Necessary) disabled: subtle track, sage-600 knob */
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked:disabled
  + .ot-switch
  .ot-switch-nob {
  background-color: var(--brand-color-white-8) !important;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked:disabled
  + .ot-switch
  .ot-switch-nob:before {
  background: var(--brand-color-sage-600) !important;
}

/* Strictly Necessary uses a separate .ot-always-active element (not .ot-switch).
   The external onetrust.css renders it as a 45x25 grey track + 27px white knob
   with a checkmark, targeted via `.ot-accordion-layout h4~.ot-always-active`. We
   add a leading `html` to outrank it and match the other toggles: subtle white-8
   track, sage-600 knob, no checkmark. The knob stays anchored right (always on). */
html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  h4
  ~ .ot-always-active {
  width: 50px !important;
  height: 22px !important;
  background-color: var(--brand-color-white-8) !important;
  border-radius: 100px !important;
}

html
  body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  h4
  ~ .ot-always-active:before {
  width: 27px !important;
  height: 27px !important;
  background: var(--brand-color-sage-600) !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 12px 2px var(--brand-color-soft-black-8) !important;
  right: 0 !important;
  left: auto !important;
}

/* ------------------------------------------------------------------ *
 * Mobile (Figma node 223:15944): full-screen, product-black background,
 * "YOUR PRIVACY" overline, left-aligned text, smaller toggles, stacked buttons.
 * Source of truth: popup node 223:15944 bg=#292c32 (product-black), 32px padding.
 * The site nav bar (logo) is ABOVE the popup in Figma — not part of this popup.
 * Kept at top level with `html body #...` to outrank external onetrust.css.
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
  /* Full-screen sheet */
  html body #onetrust-consent-sdk #onetrust-pc-sdk {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk > div[role="dialog"] {
    height: 100% !important;
    max-height: 100% !important;
  }

  /* Figma popup node bg = product-black #292c32 — every surface including
     the top menu header gets the same colour explicitly to prevent any
     OneTrust or site rule bleeding through. */
  html body #onetrust-consent-sdk #onetrust-pc-sdk,
  html body #onetrust-consent-sdk #onetrust-pc-sdk > div[role="dialog"],
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content,
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-lst,
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
    background-color: var(--brand-color-product-black) !important;
  }

  /* ── Top menu bar: 60px fixed, matching the mobile nav bar target height ── */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 var(--brand-spacing-x4) !important;
    background-color: var(--brand-color-soft-black) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  /* eToro wordmark: 86×16px (Figma node 223:15891 Logo) */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo {
    display: block !important;
    width: 86px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("https://etoro-cdn.etorostatic.com/seo-pages/dark-design/images/etoroLogo.svg")
      left center / contain no-repeat !important;
    flex-shrink: 0 !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo::after {
    content: none !important;
  }

  /* X button: centred in 60px header = (60px - 24px) / 2 = 18px */
  html body #onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler {
    top: 18px !important;
    right: var(--brand-spacing-x4) !important;
    transform: none !important;
  }

  /* Force eToro font on entire popup — OneTrust injects its own font-family
     on the SDK container which wins over the body-level token. */
  html body #onetrust-consent-sdk #onetrust-pc-sdk {
    font-family: var(--brand-font-family-default) !important;
  }

  /* Content: 32px padding, reset external <=600px margin/width clipping */
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: var(--brand-spacing-x8) !important;
    overflow-x: hidden !important;
  }

  /* Title styled as Figma Mobile/UI/Overline — mint, 10px/10px, Medium 500,
     uppercase, 2px letter-spacing. Matches the "Your Privacy" overline spec
     from Figma node 223:15945 exactly. */
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
    margin: 0 0 var(--brand-spacing-x10) !important;
    padding-bottom: 0 !important;
    font-size: var(--brand-font-size-10) !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    color: var(--brand-color-mint) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-align: left !important;
    border-bottom: none !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title::before {
    display: none !important;
  }

  /* Description: Figma Mobile/Body/Small — 14px / Regular 400 / 19px LH / cream */
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
  html body #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a,
  html body #onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
    font-size: var(--brand-font-size-14) !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  /* Category labels: Figma Mobile/Body/X-Small — 12px / Regular 400 / 16px LH / cream */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-header {
    font-size: var(--brand-font-size-12) !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
  }

  /* Smaller toggles: 34×16 track, 20px knob (Figma Switch toggle 34×20) */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
    width: 34px !important;
    height: 16px !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob:before {
    width: 20px !important;
    height: 20px !important;
  }

  /* Strictly Necessary (.ot-always-active) — same smaller size */
  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-accordion-layout
    h4
    ~ .ot-always-active {
    width: 34px !important;
    height: 16px !important;
  }

  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-accordion-layout
    h4
    ~ .ot-always-active:before {
    width: 20px !important;
    height: 20px !important;
  }

  /* Keep smaller knob inside smaller track when ON (track 34 - knob 20 = 14px) */
  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-tgl
    input:checked
    + .ot-switch
    .ot-switch-nob:before,
  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-tgl
    input:checked:disabled
    + .ot-switch
    .ot-switch-nob:before {
    transform: translateX(14px) !important;
  }

  /* Footer: product-black, 32px padding, stacked full-width buttons.
     Also target .ot-btn-container explicitly because a non-nested desktop
     rule (#onetrust-pc-sdk .ot-pc-footer .ot-btn-container) sets soft-black
     on that child — we must override it with a higher-specificity mobile rule. */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer,
  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-pc-footer.ot-pc-scrollbar,
  html
    body
    #onetrust-consent-sdk
    #onetrust-pc-sdk
    .ot-pc-footer
    .ot-btn-container {
    background-color: var(--brand-color-product-black) !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
    padding: var(--brand-spacing-x8) !important;
  }

  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container {
    flex-direction: column !important;
    gap: var(--brand-spacing-x3) !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Footer buttons: Figma Mobile/UI/Button — 16px / Medium 500 */
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer button,
  html body #onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container button {
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}

/* ── 2. etoro OneTrust base (marketing.etorostatic.com) ─────────────────── */

body {
  --cookie-setting-right-offset: 0;
  --cookie-setting-bottom-offset: 100px;
}

@media only screen and (width: 1024px) {
  body {
    --cookie-setting-right-offset: 20px;
    --cookie-setting-bottom-offset: 185px;
  }
}

@media only screen and (min-width: 1025px) {
  body {
    --cookie-setting-right-offset: 20px;
    --cookie-setting-bottom-offset: 20px;
  }
}

/* body selector for overwriting original styles */
.acsb-trigger {
  z-index: 999999 !important; /* it's important to show Accessibe button below Cookie Consent Block */
}

.ot-floating-button {
  display: none !important;
}

body #onetrust-consent-sdk #onetrust-banner-sdk {
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.12);
  z-index: 100000; /* to be below the AccessiBe icon */
}

body #onetrust-banner-sdk #onetrust-policy-text,
body #onetrust-banner-sdk #onetrust-policy-text a {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000021 !important;
}

body #onetrust-banner-sdk:focus {
  outline: none;
}

body #onetrust-banner-sdk .ot-sdk-container {
  width: 100%;
  padding: 0;
}

body #onetrust-banner-sdk #onetrust-accept-btn-handler,
body #onetrust-banner-sdk #onetrust-reject-all-handler,
body #onetrust-banner-sdk #onetrust-pc-btn-handler {
  width: auto;
  min-width: unset;
  margin-top: 0;
  margin-right: 0;
  letter-spacing: unset;
}

body #onetrust-banner-sdk .ot-sdk-button,
body #onetrust-banner-sdk button,
body #onetrust-consent-sdk .ot-sdk-button,
body #onetrust-consent-sdk button,
body #ot-sdk-cookie-policy .ot-sdk-button,
body #ot-sdk-cookie-policy button {
  border-radius: 5px;
}

body #onetrust-consent-sdk #onetrust-banner-sdk *:focus,
body #onetrust-consent-sdk #onetrust-banner-sdk:focus {
  outline: none;
  border-color: #6aac0e;
}

body #onetrust-banner-sdk #onetrust-policy {
  display: flex;
  align-items: center;
  margin: 0 !important;
  max-width: 718px;
  height: auto;
}

body #onetrust-banner-sdk #onetrust-policy-text a {
  margin-left: 0;
}

body #onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
  font-weight: 300;
  display: none;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  .ot-cat-header {
  font-weight: 300;
  line-height: 1.5;
  color: #2c2c2c;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:focus + .ot-switch,
body #onetrust-consent-sdk .ot-switch .ot-switch-nob,
body #onetrust-consent-sdk .ot-switch .ot-switch-nob:before,
body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-checkbox
  input[type="checkbox"]:focus
  + label::before,
body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-chkbox
  input[type="checkbox"]:focus
  + label::before {
  outline: none;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
  display: none !important;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
  padding-left: 50px;
  padding-right: 50px;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo {
  background: none !important;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-logo::after {
  content: attr(aria-label);
  font:
    300 20px/1.5em "Open Sans",
    sans-serif;
  display: block;
  text-align: center;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  #close-pc-btn-handler.ot-close-icon {
  left: 0;
  background: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 10.59L2.83 6L7.41 1.41L6 0L0 6L6 12L7.41 10.59Z' fill='%23323232'/%3E%3C/svg%3E%0A")
    center center no-repeat;
  background-size: 8px 12px;
}

body #onetrust-banner-sdk #onetrust-pc-btn-handler,
body #onetrust-banner-sdk #onetrust-reject-all-handler,
body #onetrust-consent-sdk #onetrust-accept-btn-handler,
body #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 28px 11px;
  border-radius: 22.5px;
  font-size: 16px;
  line-height: 22px;
  transition: all 0.3s ease-in-out;
}

body
  #onetrust-banner-sdk
  .has-reject-all-button
  #onetrust-pc-btn-handler.cookie-setting-link {
  padding-left: 0;
  padding-right: 0;
  text-align: center !important;
}

body #onetrust-banner-sdk #onetrust-pc-btn-handler,
body #onetrust-banner-sdk #onetrust-reject-all-handler {
  font-weight: 400;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler {
  font-weight: 500;
}

#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),
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn {
  font-weight: 500;
  background-color: #000021 !important;
  border-color: #000021 !important;
  border-radius: 22.5px !important;
  transition: all 0.3s ease-in-out;
}

#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):hover,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn:hover {
  color: #000021 !important;
  background-color: transparent !important;
  opacity: unset !important;
}

#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):active,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn:active,
#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):focus,
#onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-leg-btn-container
  .ot-active-leg-btn:focus {
  color: #66667a !important;
  border: 1px solid #66667a !important;
}

body #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link,
body #onetrust-banner-sdk #onetrust-reject-all-handler {
  text-decoration: none;
  color: #000021;
  border: 1px solid #000021;
  background-color: transparent;
}

body #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link:hover,
body #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link:active,
body
  #onetrust-banner-sdk
  #onetrust-pc-btn-handler.cookie-setting-link:focus-visible,
body #onetrust-banner-sdk #onetrust-reject-all-handler:hover,
body #onetrust-banner-sdk #onetrust-reject-all-handler:active,
body #onetrust-banner-sdk #onetrust-reject-all-handler:focus-visible {
  opacity: 1 !important;
  color: #fff;
  background-color: #000021;
}

body
  #onetrust-banner-sdk
  .has-reject-all-button
  #onetrust-pc-btn-handler.cookie-setting-link {
  border: none;
  text-decoration: underline;
  order: 3;
  padding: 0;
  line-height: 26px;
}

body
  #onetrust-banner-sdk
  .has-reject-all-button
  #onetrust-pc-btn-handler.cookie-setting-link:hover {
  background-color: transparent;
  color: #000021;
  text-decoration: none;
}

body #onetrust-banner-sdk .has-reject-all-button #onetrust-reject-all-handler {
  order: 2;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler {
  color: #fff;
  background-color: #000021;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler:hover {
  opacity: 1;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler:hover,
body #onetrust-consent-sdk #onetrust-accept-btn-handler:active,
body #onetrust-consent-sdk #onetrust-accept-btn-handler:focus {
  color: #000021;
  border: 1px solid #000021;
  background-color: transparent;
}

body #onetrust-consent-sdk #onetrust-accept-btn-handler:active,
body #onetrust-consent-sdk #onetrust-accept-btn-handler:focus {
  opacity: 0.6 !important;
}

body #onetrust-consent-sdk #onetrust-banner-sdk a[href],
body #onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
body #onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn {
  color: #000021;
}

body #onetrust-banner-sdk .ot-sdk-row {
  display: flex;
  flex-direction: column;
  gap: 19px;
  max-width: 1176px;
  margin: 0 auto;
  padding: 10px 16px 16px;
}

body #onetrust-banner-sdk .ot-sdk-row:after {
  display: none;
}

#onetrust-banner-sdk .onetrust-close-btn-ui {
  background-size: 10px !important;
}

body #onetrust-banner-sdk #onetrust-close-btn-container {
  position: absolute;
  height: 40px;
}

body #onetrust-banner-sdk #onetrust-close-btn-container,
body #onetrust-banner-sdk #onetrust-close-btn-container button {
  top: 0 !important;
  right: 0 !important;
  transform: none !important;
}

body.rtl #onetrust-banner-sdk #onetrust-close-btn-container,
body.rtl #onetrust-banner-sdk #onetrust-close-btn-container button,
body.ar-ae #onetrust-banner-sdk #onetrust-close-btn-container,
body.ar-ae #onetrust-banner-sdk #onetrust-close-btn-container button {
  right: auto !important;
  left: 0 !important;
}

body #onetrust-banner-sdk .ot-close-icon {
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00012 1L9.00012 9' stroke='%23000021' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8.99988 1L0.999878 9' stroke='%23000021' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
}

body #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
  padding-left: 0;
  padding-right: 0;
}

body #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  height: 22px;
}

body #onetrust-consent-sdk #onetrust-pc-sdk *:focus,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr > a:focus,
body #onetrust-consent-sdk #onetrust-pc-sdk *:focus-visible,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr > a:focus-visible {
  outline: none !important;
  border: none !important;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
  background-color: #bababa;
  border: none !important;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch:hover .ot-switch-nob,
body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch:focus .ot-switch-nob {
  background-color: #777;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob:before {
  background-color: #fff;
  height: 27px;
  width: 27px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  bottom: -3px;
  left: 0;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}

body #onetrust-pc-sdk.otPcCenter[dir="rtl"] .ot-switch-nob:before {
  right: 0;
  left: unset;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked
  + .ot-switch
  .ot-switch-nob {
  background-color: #3fb923 !important;
  border-color: #3fb923;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-tgl
  input:checked
  + .ot-switch
  .ot-switch-nob:before {
  background: #fff
    url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7498 8.1502L1.5998 5.0002L0.549805 6.05019L4.7498 10.2502L13.7498 1.2502L12.6998 0.200195L4.7498 8.1502Z' fill='%233FB923'/%3E%3C/svg%3E%0A")
    center center no-repeat;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
  display: flex;
  align-items: center;
}
body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-always-active-group
  .ot-cat-header,
body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  .ot-cat-header {
  width: auto;
  flex-grow: 1;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl,
body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  h4
  ~ .ot-always-active {
  position: static;
  transform: none;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  h4
  ~ .ot-always-active {
  transition: all 0.2s ease-in 0s;
  -webkit-transition: all 0.2s ease-in 0s;
  border-radius: 20px;
  background-color: #ededed;
  border: none !important;
  position: relative;
  width: 45px;
  height: 25px;
  color: #ededed;
  text-indent: -800px;
  right: 0;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout
  h4
  ~ .ot-always-active:before {
  position: absolute;
  content: "";
  background: #fff
    url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7498 8.1502L1.5998 5.0002L0.549805 6.05019L4.7498 10.2502L13.7498 1.2502L12.6998 0.200195L4.7498 8.1502Z' fill='%23CBCBCB'/%3E%3C/svg%3E%0A")
    center center no-repeat;
  height: 27px;
  width: 27px;
  box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
  bottom: -1px;
  right: 0;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
  border-radius: 20px;
}

#onetrust-pc-sdk .ot-plus-minus {
  transition: all 0.2s ease;
}

body #onetrust-pc-sdk .ot-plus-minus span {
  background: #555;
}

body #onetrust-pc-sdk .ot-plus-minus span:first-of-type {
  transform: rotate(45deg);
  left: 75%;
}

body.rtl #onetrust-pc-sdk .ot-plus-minus span:first-of-type {
  right: 15%;
}

body #onetrust-pc-sdk .ot-plus-minus span:last-of-type {
  transform: rotate(45deg);
}

body
  #onetrust-pc-sdk
  button[aria-expanded="true"]
  ~ .ot-acc-hdr
  .ot-plus-minus {
  transform: scale(1, -1);
}

body
  #onetrust-pc-sdk
  button[aria-expanded="true"]
  ~ .ot-acc-hdr
  .ot-plus-minus
  span:first-of-type {
  transform: rotate(45deg);
}

body
  #onetrust-pc-sdk
  button[aria-expanded="true"]
  ~ .ot-acc-hdr
  .ot-plus-minus
  span:last-of-type {
  transform: rotate(45deg);
  left: 25%;
  right: 25%;
}

body
  #onetrust-consent-sdk
  #onetrust-pc-sdk
  .ot-accordion-layout.ot-cat-item:first-of-type {
  border-top: none;
}

body #onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
  border: none;
  border-bottom: 1px solid #ededed;
}

body #onetrust-banner-sdk #onetrust-button-group {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 12px;
}

#otet-short-text,
#otet-long-text {
  color: #000021 !important;
}

#otet-short-text {
  display: none;
}

#onetrust-consent-sdk #onetrust-group-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

#otet-manage-settings {
  cursor: pointer;
}

body #ot-sdk-btn.ot-sdk-show-settings,
body #ot-sdk-btn.optanon-show-settings {
  position: fixed;
  right: var(--cookie-setting-right-offset);
  bottom: var(--cookie-setting-bottom-offset);
  width: 30px !important;
  height: 30px !important;
  font-size: 0 !important;
  border: none !important;
  background: #f7f7f7
    url("data:image/svg+xml,%3Csvg width='45' height='40' viewBox='0 0 45 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.9512 21.2615L39.9491 21.3269L40.0424 19.9039L38.6727 20.3011L38.9512 21.2615ZM24.265 1.48231L25.1435 1.96014L25.773 0.802776L24.489 0.507714L24.265 1.48231ZM26.993 8.72447L27.7677 9.3568L28.6541 8.27082L27.3388 7.78614L26.993 8.72447ZM26.8875 8.85821L26.0925 8.25154L26.0925 8.25155L26.8875 8.85821ZM27.8507 16.028L27.2441 16.823L27.2441 16.823L27.8507 16.028ZM32.4396 16.8568L33.4346 16.7571L33.3134 15.5477L32.15 15.8997L32.4396 16.8568ZM36.3518 21.324L36.1213 22.2971V22.2971L36.3518 21.324ZM37.9534 21.1961C37.3383 30.5791 29.5316 38 19.9924 38V40C30.5923 40 39.2656 31.7545 39.9491 21.3269L37.9534 21.1961ZM19.9924 38C10.0513 38 1.99243 29.9411 1.99243 20H-0.00756836C-0.00756836 31.0457 8.94674 40 19.9924 40V38ZM1.99243 20C1.99243 10.0589 10.0513 2 19.9924 2V0C8.94674 0 -0.00756836 8.95431 -0.00756836 20H1.99243ZM19.9924 2C21.3856 2 22.7407 2.1581 24.0411 2.45691L24.489 0.507714C23.0427 0.175373 21.5374 0 19.9924 0V2ZM23.3866 1.00448C22.9142 1.87285 22.6463 2.86816 22.6463 3.92308H24.6463C24.6463 3.21027 24.8267 2.54257 25.1435 1.96014L23.3866 1.00448ZM22.6463 3.92308C22.6463 6.55887 24.3133 8.80278 26.6473 9.66279L27.3388 7.78614C25.7656 7.20646 24.6463 5.69422 24.6463 3.92308H22.6463ZM26.2183 8.09214C26.1757 8.14441 26.1337 8.19755 26.0925 8.25154L27.6824 9.46487C27.7104 9.42823 27.7388 9.39221 27.7677 9.3568L26.2183 8.09214ZM26.0925 8.25155C24.0436 10.9365 24.5592 14.7741 27.2441 16.823L28.4574 15.2331C26.6506 13.8542 26.3036 11.2717 27.6824 9.46486L26.0925 8.25155ZM27.2441 16.823C28.8686 18.0627 30.9155 18.3627 32.7291 17.814L32.15 15.8997C30.9248 16.2703 29.5496 16.0666 28.4574 15.2331L27.2441 16.823ZM31.4445 16.9565C31.6973 19.4784 33.5136 21.6794 36.1213 22.2971L36.5822 20.3509C34.8299 19.9358 33.6049 18.4564 33.4346 16.7571L31.4445 16.9565ZM36.1213 22.2971C37.1831 22.5486 38.2488 22.5064 39.2297 22.2219L38.6727 20.3011C38.0146 20.4919 37.2996 20.5208 36.5822 20.3509L36.1213 22.2971Z' fill='%23000021'/%3E%3Ccircle cx='17' cy='14' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='42' cy='8' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='33' cy='4' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='12' cy='24' r='3' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='25.5' cy='26.5' r='3.5' stroke='%23000021' stroke-width='2'/%3E%3C/svg%3E")
    center no-repeat;
  background-size: 75%;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12) !important;
  z-index: 4;
  transition: all 0.15s ease;
}

body.rtl #ot-sdk-btn.ot-sdk-show-settings,
body.ar-ae #ot-sdk-btn.ot-sdk-show-settings,
body.rtl #ot-sdk-btn.optanon-show-settings,
body.ar-ae #ot-sdk-btn.optanon-show-settings {
  right: auto;
  left: var(--cookie-setting-right-offset);
}

body #ot-sdk-btn.ot-sdk-show-settings:hover,
body #ot-sdk-btn.optanon-show-settings:hover {
  background-color: #f7f7f7 !important;
  transform: scale(1.1);
}

@media only screen and (min-width: 426px) {
  body #onetrust-banner-sdk.ot-buttons-fw .ot-sdk-three button {
    width: auto !important;
  }
}

@media (min-width: 550px) {
  #onetrust-banner-sdk .ot-sdk-three.ot-sdk-columns {
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 740px) {
  body #onetrust-banner-sdk button {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 890px) {
  body
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group {
    width: auto;
    margin-top: 0;
  }

  body
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group
    button {
    margin: 0;
  }

  #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group
    button:last-of-type {
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 897px) and (max-width: 1023px) {
  #onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
    position: relative !important;
    top: unset !important;
    right: unset !important;
    left: unset !important;
    transform: none !important;
  }
}

@media only screen and (min-width: 768px) {
  body #onetrust-banner-sdk #onetrust-policy-text {
    font-size: 15px;
  }

  body
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group-parent {
    padding-left: 0;
  }

  body.rtl
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group-parent,
  body.ar-ae
    #onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2)
    #onetrust-button-group-parent {
    padding-right: 0;
  }

  body #onetrust-banner-sdk .ot-sdk-row {
    flex-direction: row;
    gap: 32px;
    padding: 12px 16px 18px 16px;
  }

  #onetrust-group-container:before {
    content: "";
    width: 80px;
    min-width: 80px;
    height: 80px;
    display: block;
    margin: 0;
    background: url("data:image/svg+xml,%3Csvg width='45' height='40' viewBox='0 0 45 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.9512 21.2615L39.9491 21.3269L40.0424 19.9039L38.6727 20.3011L38.9512 21.2615ZM24.265 1.48231L25.1435 1.96014L25.773 0.802776L24.489 0.507714L24.265 1.48231ZM26.993 8.72447L27.7677 9.3568L28.6541 8.27082L27.3388 7.78614L26.993 8.72447ZM26.8875 8.85821L26.0925 8.25154L26.0925 8.25155L26.8875 8.85821ZM27.8507 16.028L27.2441 16.823L27.2441 16.823L27.8507 16.028ZM32.4396 16.8568L33.4346 16.7571L33.3134 15.5477L32.15 15.8997L32.4396 16.8568ZM36.3518 21.324L36.1213 22.2971V22.2971L36.3518 21.324ZM37.9534 21.1961C37.3383 30.5791 29.5316 38 19.9924 38V40C30.5923 40 39.2656 31.7545 39.9491 21.3269L37.9534 21.1961ZM19.9924 38C10.0513 38 1.99243 29.9411 1.99243 20H-0.00756836C-0.00756836 31.0457 8.94674 40 19.9924 40V38ZM1.99243 20C1.99243 10.0589 10.0513 2 19.9924 2V0C8.94674 0 -0.00756836 8.95431 -0.00756836 20H1.99243ZM19.9924 2C21.3856 2 22.7407 2.1581 24.0411 2.45691L24.489 0.507714C23.0427 0.175373 21.5374 0 19.9924 0V2ZM23.3866 1.00448C22.9142 1.87285 22.6463 2.86816 22.6463 3.92308H24.6463C24.6463 3.21027 24.8267 2.54257 25.1435 1.96014L23.3866 1.00448ZM22.6463 3.92308C22.6463 6.55887 24.3133 8.80278 26.6473 9.66279L27.3388 7.78614C25.7656 7.20646 24.6463 5.69422 24.6463 3.92308H22.6463ZM26.2183 8.09214C26.1757 8.14441 26.1337 8.19755 26.0925 8.25154L27.6824 9.46487C27.7104 9.42823 27.7388 9.39221 27.7677 9.3568L26.2183 8.09214ZM26.0925 8.25155C24.0436 10.9365 24.5592 14.7741 27.2441 16.823L28.4574 15.2331C26.6506 13.8542 26.3036 11.2717 27.6824 9.46486L26.0925 8.25155ZM27.2441 16.823C28.8686 18.0627 30.9155 18.3627 32.7291 17.814L32.15 15.8997C30.9248 16.2703 29.5496 16.0666 28.4574 15.2331L27.2441 16.823ZM31.4445 16.9565C31.6973 19.4784 33.5136 21.6794 36.1213 22.2971L36.5822 20.3509C34.8299 19.9358 33.6049 18.4564 33.4346 16.7571L31.4445 16.9565ZM36.1213 22.2971C37.1831 22.5486 38.2488 22.5064 39.2297 22.2219L38.6727 20.3011C38.0146 20.4919 37.2996 20.5208 36.5822 20.3509L36.1213 22.2971Z' fill='%23000021'/%3E%3Ccircle cx='17' cy='14' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='42' cy='8' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='33' cy='4' r='2' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='12' cy='24' r='3' stroke='%23000021' stroke-width='2'/%3E%3Ccircle cx='25.5' cy='26.5' r='3.5' stroke='%23000021' stroke-width='2'/%3E%3C/svg%3E")
      center no-repeat;
    background-size: 44px 38px;
  }

  body #onetrust-group-container,
  body #onetrust-banner-sdk .ot-sdk-columns {
    display: flex;
  }

  body #onetrust-banner-sdk .ot-sdk-row {
    display: flex;
    align-items: center;
  }

  body #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-button-group-parent {
    margin: 0 0 0 auto;
  }

  body #onetrust-banner-sdk #onetrust-button-group-parent,
  body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent {
    min-width: fit-content;
    width: auto !important;
    transform: none;
    padding-left: 0;
    padding-right: 0;
  }

  body #onetrust-banner-sdk .ot-sdk-eight.ot-sdk-columns {
    width: auto !important;
    align-items: center;
  }

  body #onetrust-banner-sdk #onetrust-button-group {
    gap: 16px;
  }

  #onetrust-banner-sdk .onetrust-close-btn-ui {
    width: 40px !important;
    height: 40px !important;
  }

  body #onetrust-banner-sdk #onetrust-close-btn-container {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media only screen and (min-width: 1024px) {
  #onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
    width: auto !important;
  }

  #onetrust-banner-sdk #onetrust-button-group-parent,
  #onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
    position: static !important;
  }

  #onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
  }

  body #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link,
  body #onetrust-banner-sdk #onetrust-reject-all-handler,
  body #onetrust-consent-sdk #onetrust-accept-btn-handler {
    padding-left: 44px;
    padding-right: 44px;
    font-size: 18px;
    line-height: 27px;
    border-radius: 100px;
  }

  body
    #onetrust-banner-sdk
    .has-reject-all-button
    #onetrust-pc-btn-handler.cookie-setting-link {
    padding-left: 0;
    padding-right: 0;
    min-width: unset;
    font-size: 20px;
  }

  body #onetrust-banner-sdk #onetrust-policy-text,
  body #onetrust-banner-sdk #onetrust-policy-text a {
    font-size: 16px;
  }

  #otet-short-text {
    display: none;
  }

  #otet-long-text {
    display: block;
  }

  body #onetrust-banner-sdk #onetrust-close-btn-container {
    right: 10px !important;
  }

  body.rtl #onetrust-banner-sdk #onetrust-close-btn-container,
  body.ar-ae #onetrust-banner-sdk #onetrust-close-btn-container {
    right: auto !important;
    left: 10px !important;
  }

  #onetrust-banner-sdk .onetrust-close-btn-ui {
    background-size: 16px !important;
  }

  body #onetrust-banner-sdk .ot-close-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.78249' width='21' height='2' rx='1' transform='rotate(45 1.78249 0)' fill='%23000021'/%3E%3Crect x='0.368271' y='15' width='21' height='2' rx='1' transform='rotate(-45 0.368271 15)' fill='%23000021'/%3E%3C/svg%3E%0A") !important;
  }

  body #ot-sdk-btn.ot-sdk-show-settings,
  body #ot-sdk-btn.optanon-show-settings {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
  }
}

/* START adjust appearance for 3 buttons for language with long text on the buttons */
@media only screen and (min-width: 768px) and (max-width: 899px) {
  /*
    es, it, de, ru, fr, nl, nb-no, pt-pt, cs-cz, ro, vi-vn,
    */

  html[lang="es"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="es"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="it"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="it"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="de"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="de"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="ru"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="ru"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="fr"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="fr"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="nl"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="nl"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="nb-no"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="nb-no"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="pt-pt"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="pt-pt"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="cs-cz"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="cs-cz"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="ro"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="ro"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="vi-vn"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="vi-vn"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button {
    min-width: unset;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {
  /*
    pl,
    */
  html[lang="pl"]
    body
    #onetrust-banner-sdk
    #onetrust-button-group-parent.has-reject-all-button,
  html[lang="pl"]
    body
    #onetrust-banner-sdk.vertical-align-content
    #onetrust-button-group-parent.has-reject-all-button {
    min-width: unset;
  }
}
/* END adjust appearance for 3 buttons for language with long text on the buttons */

@media only screen and (min-width: 1440px) {
  body #onetrust-banner-sdk .ot-sdk-row {
    padding-right: 24px;
  }

  body.rtl #onetrust-banner-sdk .ot-sdk-row,
  body.ar-ae #onetrust-banner-sdk .ot-sdk-row {
    padding-left: 24px;
  }

  body #onetrust-banner-sdk #onetrust-close-btn-container {
    right: 10px !important;
  }

  body.rtl #onetrust-banner-sdk #onetrust-close-btn-container,
  body.ar-ae #onetrust-banner-sdk #onetrust-close-btn-container {
    right: auto !important;
    left: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  #onetrust-consent-sdk #onetrust-group-container {
    padding-right: 26px;
  }

  .rtl #onetrust-consent-sdk #onetrust-group-container,
  .ar-ae #onetrust-consent-sdk #onetrust-group-container {
    padding-right: 0;
    padding-left: 26px;
  }
}

@media only screen and (max-width: 600px) {
  body #onetrust-pc-sdk #ot-pc-content,
  body #onetrust-pc-sdk.ot-ftr-stacked .ot-btn-container {
    margin: 1px 3px 0 16px;
    padding-right: 10px;
    width: calc(100% - 30px);
  }
}