.hf-engage,
.hf-engage-prompt {
  box-sizing: border-box;
  color: var(--hf-engage-text, #172033);
  font-family: inherit;
  font-size: var(--hf-engage-font-size, 16px);
  line-height: 1.5;
  background: var(--hf-engage-background, #fff);
  border-radius: var(--hf-engage-radius, 12px);
  box-shadow: var(--hf-engage-shadow, none);
}
.hf-engage {
  inline-size: 100%;
  max-inline-size: var(--hf-engage-width, 608px);
  padding: var(--hf-engage-padding, 24px);
}
.hf-engage .hf-engage-heading {
  margin: 0 0 0.75em;
  font-size: 1.5em;
  line-height: 1.25;
  color: inherit;
  overflow-wrap: anywhere;
}
.hf-engage .hf-engage-copy {
  margin: 0 0 1.25em;
  overflow-wrap: anywhere;
}
.hf-engage-form {
  display: grid;
  gap: 1rem;
  margin: 0;
}
.hf-engage .hf-engage-email {
  inline-size: 100%;
  min-block-size: 44px;
  box-sizing: border-box;
  padding: 0.75em;
  border: 1px solid var(--hf-engage-border, #687386);
  border-radius: min(var(--hf-engage-radius, 12px), 6px);
  font: inherit;
  background: var(--hf-engage-input-background, #fff);
  color: var(--hf-engage-input-text, #172033);
}
.hf-engage-destinations {
  min-inline-size: 0;
  margin: 0;
  border: 1px solid var(--hf-engage-border, #687386);
  padding: 0.75em;
  border-radius: min(var(--hf-engage-radius, 12px), 6px);
}
.hf-engage-destinations > label {
  display: block;
  margin: 0.5em 0;
}
.hf-engage-consent {
  display: flex;
  gap: 0.625em;
  align-items: flex-start;
  line-height: 1.5;
}
.hf-engage-checkbox {
  inline-size: 1.2em;
  block-size: 1.2em;
  flex: none;
  margin: 0.15em 0 0;
  accent-color: var(--hf-engage-link, var(--hf-engage-accent, #1748b5));
}
.hf-engage .hf-engage-button,
.hf-engage-open {
  min-block-size: 44px;
  padding: 0.75em 1.25em;
  border: 0;
  border-radius: min(var(--hf-engage-radius, 12px), 6px);
  background: var(--hf-engage-accent, #1748b5);
  color: var(--hf-engage-button-text, #fff);
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  white-space: normal;
  overflow-wrap: anywhere;
}
.hf-engage .hf-engage-button:disabled {
  opacity: 0.6;
  cursor: default;
}
.hf-engage-link {
  color: var(--hf-engage-link, var(--hf-engage-accent, #1748b5));
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.hf-engage .hf-engage-button:focus-visible,
.hf-engage-link:focus-visible,
.hf-engage .hf-engage-email:focus-visible,
.hf-engage-checkbox:focus-visible,
.hf-engage-open:focus-visible,
.hf-engage-close:focus-visible {
  outline: 3px solid var(--hf-engage-focus, #1748b5);
  outline-offset: 3px;
}
.hf-engage-prompt {
  position: fixed;
  border: 0;
  padding: var(--hf-engage-padding, 24px);
  inline-size: min(calc(100vw - 32px), var(--hf-engage-width, 608px));
  max-inline-size: calc(100vw - 32px);
  max-block-size: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: var(--hf-engage-shadow, 0 16px 64px rgb(0 0 0 / 0.24));
  z-index: 100000;
}
.hf-engage-prompt .hf-engage {
  padding: 0;
  max-inline-size: none;
  box-shadow: none;
  border-radius: 0;
}
.hf-engage-prompt::backdrop {
  background: color-mix(
    in srgb,
    var(--hf-engage-backdrop-color, #000) var(--hf-engage-backdrop-opacity, 64%),
    transparent
  );
  -webkit-backdrop-filter: blur(var(--hf-engage-backdrop-blur, 2px));
  backdrop-filter: blur(var(--hf-engage-backdrop-blur, 2px));
}
.hf-engage-prompt:not([open]) {
  display: none;
}
.hf-engage-prompt--modal {
  inset: 0;
  margin: auto;
}
.hf-engage-prompt--slidein,
.hf-engage-prompt--banner {
  inset: auto;
  margin: 0;
  inset-block-start: var(--hf-engage-top, auto);
  inset-block-end: var(--hf-engage-bottom, 16px);
  inset-inline-start: var(--hf-engage-start, auto);
  inset-inline-end: var(--hf-engage-end, 16px);
}
.hf-engage-prompt--slidein {
  inline-size: min(calc(100vw - 32px), var(--hf-engage-width, 448px));
}
.hf-engage-prompt--banner {
  inset-inline: 16px;
  margin-inline: auto;
  inline-size: min(calc(100vw - 32px), var(--hf-engage-width, 800px));
}
.hf-engage-close {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0.5rem auto;
  margin-inline-start: auto;
  margin-inline-end: 0;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font: inherit;
  font-size: 1.75em;
  line-height: 1;
  cursor: pointer;
  color: inherit;
}
.hf-engage-modal-open {
  overflow: hidden;
}
.hf-engage .hf-engage-button[hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .hf-engage,
  .hf-engage-prompt {
    scroll-behavior: auto;
  }
}
@media (forced-colors: active) {
  .hf-engage,
  .hf-engage-prompt {
    border: 1px solid CanvasText;
  }
  .hf-engage .hf-engage-button,
  .hf-engage-open {
    border: 1px solid ButtonText;
  }
}

.hf-engage-reopen {
  position: fixed;
  left: max(8px, env(safe-area-inset-left));
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  box-sizing: border-box;
  writing-mode: vertical-rl;
  max-inline-size: min(50vh, 240px);
  min-block-size: 44px;
  padding: 16px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--hf-engage-accent, #1748b5);
  color: var(--hf-engage-button-text, #fff);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: 0 4px 16px rgb(0 0 0 / 0.12);
}
.hf-engage-reopen[hidden] {
  display: none !important;
}
.hf-engage-reopen:focus-visible {
  outline: 3px solid var(--hf-engage-focus, #1748b5);
  outline-offset: 3px;
}
@media (forced-colors: active) {
  .hf-engage-reopen {
    border-color: ButtonText;
  }
}