.recovery-widget .fancybox-slide--html {
  padding: 20px;
}

.recovery-widget.fancybox-is-open .fancybox-bg {
  background: #000;
  opacity: .72;
}

.recovery-widget #calc {
  width: min(960px, calc(100vw - 40px));
  max-width: none;
  max-height: none;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.recovery-widget #calc .calc__form {
  height: min(700px, calc(100vh - 40px)) !important;
  height: min(700px, calc(100dvh - 40px)) !important;
  min-height: 0 !important;
}

.recovery-widget .calc__form-inner {
  min-height: 0 !important;
}

.recovery-widget .calc__item {
  height: 100%;
  transition-duration: 160ms;
}

.recovery-widget .calc__preview.close { visibility: hidden; }

.recovery-widget .calc__item-header {
  flex: 0 0 90px;
  min-height: 90px;
  padding: 12px 24px;
}

.recovery-widget .calc__item-logo {
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
}

.recovery-widget .calc__item-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recovery-widget .calc__item-content {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.recovery-widget .fancybox-close-small {
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
  background: #7c8787;
  opacity: 1;
}

.recovery-widget .fancybox-close-small:hover {
  background: #596565;
}

.recovery-widget .fancybox-close-small:focus-visible,
.recovery-widget button:focus-visible,
.iq-widget-open:focus-visible {
  outline: 3px solid #007f99;
  outline-offset: 3px;
}

@media (max-width: 639px) {
  .recovery-widget .fancybox-slide--html {
    padding: 0;
  }

  .recovery-widget #calc {
    width: 100vw;
    margin: 0;
    vertical-align: top;
  }

  .recovery-widget #calc .calc__form {
    height: 100vh !important;
    height: 100dvh !important;
  }

  .recovery-widget .calc__item-header {
    flex-basis: 72px;
    min-height: 72px;
    padding: 10px;
  }

  .recovery-widget .calc__item-logo {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .recovery-widget .calc__item-title {
    padding: 0 60px;
    font-size: 18px;
  }

  .recovery-widget .fancybox-close-small {
    top: 14px;
    right: 6px;
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .recovery-widget *,
  .recovery-widget *::before,
  .recovery-widget *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
