.cb-icon-mask[data-icon="icon-2bf9f07743"][data-size="24x24"] {
  --cb-icon-url: url('../assets/icon-2bf9f07743.svg');
  width: 24px;
  height: 24px;
}
.cb-icon-mask[data-icon="icon-3136cdfb29"][data-size="20x20"] {
  --cb-icon-url: url('../assets/icon-3136cdfb29.svg');
  width: 20px;
  height: 20px;
}
.cb-icon-mask[data-icon="icon-91f311e85b"][data-size="24x24"] {
  --cb-icon-url: url('../assets/icon-91f311e85b.svg');
  width: 24px;
  height: 24px;
}
.cb-icon-mask[data-icon="icon-af42941cd6"][data-size="24x24"] {
  --cb-icon-url: url('../assets/icon-af42941cd6.svg');
  width: 24px;
  height: 24px;
}
.cb-icon-mask[data-icon="icon-d23ac15241"][data-size="18x18"] {
  --cb-icon-url: url('../assets/icon-d23ac15241.svg');
  width: 18px;
  height: 18px;
}

.cb-sub-intake-field--full {
  grid-column: 1 / -1;
}

.cb-sub-intake-label-note {
  font-size: 11px;
  font-weight: 500;
  color: var(--cb-muted);
  white-space: nowrap;
}

.cb-sub-intake-turnstile {
  margin-top: 4px;
}

.cb-sub-intake-turnstile .cf-turnstile {
  display: flex;
  justify-content: center;
  margin-inline: auto;
  width: min(100%, 360px);
  max-width: 100%;
  min-height: 65px;
}

.cb-sub-intake-turnstile .cf-turnstile > div,
.cb-sub-intake-turnstile .cf-turnstile iframe {
  max-width: 100%;
}

@media (max-width: 480px) {
  .cb-sub-intake-turnstile .cf-turnstile {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 720px) {
  .cb-sub-intake-label--with-note {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .cb-sub-intake-label--with-note .cb-sub-intake-label-note {
    flex-basis: 100%;
    display: block;
    white-space: normal;
    margin-top: 2px;
  }
}

.cb-sub-intake-turnstile.is-compact .cf-turnstile {
  width: max-content;
  margin-inline: auto;
}

.cb-sub-intake-turnstile.is-invalid {
  border: 1px solid rgba(var(--cb-error-rgb), 0.58);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(var(--cb-error-rgb), 0.08);
}

.cb-sub-intake-field.is-invalid .cb-sub-intake-input,
.cb-sub-intake-field.is-invalid .cb-sub-custom-select__trigger,
.cb-sub-intake-field.is-invalid .cb-sub-file-picker {
  border-color: rgba(var(--cb-error-rgb), 0.58) !important;
  box-shadow: 0 0 0 2px rgba(var(--cb-error-rgb), 0.14);
}

.cb-sub-intake-consent-wrap.is-invalid .cb-sub-consent-box {
  border-color: rgba(var(--cb-error-rgb), 0.58) !important;
  box-shadow: 0 0 0 2px rgba(var(--cb-error-rgb), 0.14);
}
