.waitlistForm label.marketingOptIn {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin-top: 4px !important;
  cursor: pointer;
  color: var(--ink) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.48 !important;
}

.waitlistForm label.marketingOptIn input[type='checkbox'] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.waitlistForm label.marketingOptIn .marketingOptInBox {
  position: relative !important;
  grid-column: 1 !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 3px !important;
  border: 1.5px solid rgba(16, 34, 42, 0.22) !important;
  border-radius: 7px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 245, 240, 0.92)) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) inset,
    0 5px 14px rgba(16, 34, 42, 0.06) !important;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.waitlistForm label.marketingOptIn .marketingOptInText {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  color: var(--ink) !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.waitlistForm label.marketingOptIn input[type='checkbox']:checked + .marketingOptInBox {
  border-color: var(--forest) !important;
  background: var(--forest) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 6px 14px rgba(28, 58, 54, 0.14) !important;
}

.waitlistForm label.marketingOptIn input[type='checkbox']:checked + .marketingOptInBox::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 4px;
  width: 8px;
  height: 5px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}

.waitlistForm label.marketingOptIn input[type='checkbox']:focus-visible + .marketingOptInBox {
  outline: 3px solid rgba(28, 58, 54, 0.16);
  outline-offset: 3px;
}

.waitlistForm label.marketingOptIn:hover .marketingOptInBox {
  border-color: rgba(28, 58, 54, 0.44) !important;
  transform: translateY(-1px);
}

.waitlistForm .consentNotice {
  margin-top: -2px;
  color: var(--sage) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

.waitlistForm select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 52px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink) 50%),
    linear-gradient(135deg, var(--ink) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 31px) 50%,
    calc(100% - 23px) 50% !important;
  background-size: 8px 8px, 8px 8px !important;
  background-repeat: no-repeat !important;
}

.waitlistForm textarea {
  resize: none !important;
}