.tracking-consent-pending {
  overflow: hidden;
}

.tracking-consent-overlay {
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(9, 8, 47, .34);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.tracking-consent-banner {
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  width: min(520px, calc(100% - 36px));
  max-height: calc(100vh - 36px);
  overflow: auto;
  transform: translate(-50%, -50%);
  padding: 26px;
  border: 1px solid rgba(22, 20, 91, .16);
  border-radius: 24px 8px 24px 8px;
  background: #fff;
  color: #23242a;
  box-shadow: 0 18px 60px rgba(14, 13, 62, .35);
  font: 15px/1.55 "Open Sans", Arial, sans-serif;
}

.tracking-consent-banner h2,
.tracking-consent-dialog h2 {
  margin: 0 0 10px;
  color: #16145b;
  font: 600 28px/1.15 "Playfair Display", Georgia, serif;
}

.tracking-consent-banner p,
.tracking-consent-dialog p {
  margin: 0 0 18px;
}

.tracking-consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tracking-consent-actions button,
.tracking-consent-dialog button {
  min-height: 43px;
  padding: 10px 17px;
  border: 1px solid #16145b;
  border-radius: 999px;
  background: #fff;
  color: #16145b;
  font: 700 13px/1.2 "Open Sans", Arial, sans-serif;
  cursor: pointer;
}

.tracking-consent-actions .tracking-primary,
.tracking-consent-dialog .tracking-primary {
  border-color: #ef3f30;
  background: #ef3f30;
  color: #fff;
}

.tracking-consent-dialog {
  width: min(620px, calc(100% - 30px));
  padding: 0;
  border: 0;
  border-radius: 28px 10px 28px 10px;
  color: #23242a;
  box-shadow: 0 25px 90px rgba(14, 13, 62, .35);
  font: 15px/1.55 "Open Sans", Arial, sans-serif;
}

.tracking-consent-dialog::backdrop {
  background: rgba(9, 8, 47, .45);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.tracking-consent-dialog__inner {
  padding: 30px;
}

.tracking-consent-option {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 20px;
  margin: 13px 0;
  padding: 18px;
  border: 1px solid rgba(22, 20, 91, .14);
  border-radius: 16px;
}

.tracking-consent-option strong {
  color: #16145b;
}

.tracking-consent-option small {
  grid-column: 1;
  display: block;
  color: #686a72;
}

.tracking-consent-option input {
  grid-column: 2;
  grid-row: 1 / 3;
  width: 22px;
  height: 22px;
  margin: auto;
}

.tracking-consent-option.required {
  background: #f7f6f4;
}

.tracking-consent-dialog__close {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 42px;
  padding: 8px !important;
  font-size: 20px !important;
}

.tracking-settings-button {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}

.tracking-settings-button:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.global-site-footer .tracking-settings-button {
  color: #fff;
}

@media (max-width: 560px) {
  .tracking-consent-banner {
    width: calc(100% - 20px);
    max-height: calc(100vh - 20px);
    padding: 20px;
  }

  .tracking-consent-actions {
    display: grid;
  }

  .tracking-consent-actions button {
    width: 100%;
  }

  .tracking-consent-dialog__inner {
    padding: 25px 18px 20px;
  }

  .tracking-consent-option {
    grid-template-columns: 1fr auto;
  }
}