/* На время запроса результаты уходят из фокуса, поиск остаётся доступным. */
.offer-loader {
  position: fixed;
  z-index: 80;
  top: var(--offer-loader-top, 0px);
  left: 0;
  width: 100%;
  height: var(--offer-loader-height, 100dvh);
  display: grid;
  place-items: safe center;
  box-sizing: border-box;
  padding: 24px;
  overflow: auto;
  overscroll-behavior: contain;
  background: rgba(245, 246, 248, .72);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #141414;
  font-family: Onest, sans-serif;
}
.offer-loader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  max-width: 360px;
  text-align: center;
}
.offer-loader__mascot {
  display: grid;
  place-items: center;
  width: 116px;
  height: 104px;
  flex: 0 0 auto;
  border-radius: 28px;
  background: #ffdd00;
}
.offer-loader__mascot svg { display: block; width: 88px; height: 62px; }
.offer-loader__copy { display: grid; gap: 8px; }
.offer-loader__copy strong { font: 600 20px/28px Onest, sans-serif; color: #141414; }
.offer-loader__copy > span { color: #555b66; font: 400 14px/21px Onest, sans-serif; max-width: 34ch; }
.offer-loader__pupils { animation: offer-look 4.8s cubic-bezier(.4, 0, .2, 1) infinite; }
.offer-loader__blink {
  transform-origin: 17px 14.5px;
  animation: offer-blink 4.8s ease-in-out infinite;
}
.offer-loader[data-running="false"] .offer-loader__pupils,
.offer-loader[data-running="false"] .offer-loader__blink { animation-play-state: paused; }
@keyframes offer-look {
  0%, 10%, 88%, 100% { transform: translateX(0); }
  18%, 36% { transform: translateX(-1.5px); }
  52%, 72% { transform: translateX(1.5px); }
}
@keyframes offer-blink {
  0%, 81%, 87%, 100% { transform: scaleY(1); }
  84% { transform: scaleY(.08); }
}
@media (max-width: 600px) {
  .offer-loader { padding: 20px; }
  .offer-loader__content { gap: 18px; }
  .offer-loader__mascot { width: 100px; height: 90px; border-radius: 24px; }
  .offer-loader__mascot svg { width: 78px; height: 55px; }
  .offer-loader__copy strong { font-size: 18px; line-height: 26px; }
}
.offer-loader.is-short { padding: 12px 20px; }
.offer-loader.is-short .offer-loader__content { flex-direction: row; gap: 16px; text-align: left; }
.offer-loader.is-short .offer-loader__mascot { width: 72px; height: 64px; border-radius: 18px; }
.offer-loader.is-short svg { width: 58px; height: 41px; }
.offer-loader.is-short .offer-loader__copy strong { font-size: 16px; line-height: 22px; }
@media (prefers-reduced-motion: reduce) {
  .offer-loader__pupils, .offer-loader__blink { animation: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .offer-loader { background: #f5f6f8; -webkit-backdrop-filter: none; backdrop-filter: none; }
}