.rulatam-intake-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  font-family: Inter, Arial, sans-serif;
}

.rulatam-intake-modal.is-open {
  display: block;
}

.rulatam-intake-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(31, 37, 48, .72);
  backdrop-filter: blur(4px);
}

.rulatam-intake-modal__dialog {
  position: relative;
  width: min(1088px, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  margin: 14px auto;
  padding: 18px;
  overflow: auto;
  outline: none;
  -webkit-overflow-scrolling: touch;
}

.rulatam-intake-modal__close {
  position: absolute;
  top: 34px;
  right: 36px;
  z-index: 20;
  display: block;
  box-sizing: border-box;
  width: 40px !important;
  inline-size: 40px !important;
  min-inline-size: 40px !important;
  max-inline-size: 40px !important;
  height: 40px !important;
  block-size: 40px !important;
  min-block-size: 40px !important;
  max-block-size: 40px !important;
  margin: 0;
  padding: 0 !important;
  border: 1px solid rgba(247, 231, 206, .34);
  border-radius: 50% !important;
  background: rgba(247, 231, 206, .10);
  color: #f7e7ce;
  appearance: none;
  -webkit-appearance: none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.rulatam-intake-modal__close:hover,
.rulatam-intake-modal__close:focus-visible {
  background: rgba(247, 231, 206, .18);
  border-color: rgba(247, 231, 206, .62);
}

.rulatam-intake-modal__close::before,
.rulatam-intake-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  inline-size: 18px;
  block-size: 2px;
  border-radius: 999px;
  background: #f7e7ce;
  transform-origin: center;
}

.rulatam-intake-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.rulatam-intake-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.rulatam-intake-modal__content {
  padding-top: 8px;
}

.rulatam-intake-modal__loading,
.rulatam-intake-modal__error {
  max-width: 560px;
  margin: 80px auto;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  color: #1f2530;
  text-align: center;
}

form[data-formactiontype="rulatam-intake-disabled"] .js-successbox,
form[data-formactiontype="rulatam-intake-disabled"] .t-form__successbox,
form[data-formactiontype="rulatam-intake-disabled"] .t-form__errorbox-wrapper,
form[data-formactiontype="rulatam-intake-disabled"] .js-errorbox-all,
form[data-formactiontype="rulatam-intake-disabled"] .t-form__errorbox-text,
form[data-formactiontype="rulatam-intake-disabled"] .t-form__errorbox-middle,
.rulatam-legacy-form-inert .js-successbox,
.rulatam-legacy-form-inert .t-form__successbox,
.rulatam-legacy-form-inert .t-form__errorbox-wrapper,
.rulatam-legacy-form-inert .js-errorbox-all,
.rulatam-legacy-form-inert .t-form__errorbox-text,
.rulatam-legacy-form-inert .t-form__errorbox-middle {
  display: none !important;
}

form[data-formactiontype="rulatam-intake-disabled"] input,
form[data-formactiontype="rulatam-intake-disabled"] textarea,
form[data-formactiontype="rulatam-intake-disabled"] select,
.rulatam-legacy-form-inert input,
.rulatam-legacy-form-inert textarea,
.rulatam-legacy-form-inert select {
  background: #fff !important;
  color: #1f2530 !important;
  border-color: #c1a57a !important;
}

form[data-formactiontype="rulatam-intake-disabled"] input::placeholder,
form[data-formactiontype="rulatam-intake-disabled"] textarea::placeholder,
.rulatam-legacy-form-inert input::placeholder,
.rulatam-legacy-form-inert textarea::placeholder {
  color: rgba(31, 37, 48, .48) !important;
}

body.rulatam-intake-lock {
  overflow: hidden !important;
}

@media (max-width: 520px) {
  .rulatam-intake-modal__dialog {
    width: 100%;
    max-height: 100dvh;
    margin: 0;
    padding: 8px;
  }

  .rulatam-intake-modal__close {
    top: 12px;
    right: 12px;
    width: 36px !important;
    inline-size: 36px !important;
    min-inline-size: 36px !important;
    max-inline-size: 36px !important;
    height: 36px !important;
    block-size: 36px !important;
    min-block-size: 36px !important;
    max-block-size: 36px !important;
  }

  .rulatam-intake-modal__content {
    padding-top: 6px;
  }
}