.mips {
  --mips-ink: var(--global-color, #152b3a);
  --mips-red: #e43f35;
  --mips-soft: #eef4f6;
  --mips-line: rgba(21, 43, 58, .18);
  position: relative;
  z-index: 30;
  width: 100%;
  max-width: 640px;
  color: var(--mips-ink);
  font-family: inherit;
}

.mips .mips__form.uk-search {
  display: flex !important;
  width: 100%;
  min-height: 56px;
  padding: 5px;
  overflow: visible;
  border: 1px solid var(--mips-line);
  border-radius: 0;
  background: #fff;
  box-shadow: 0 14px 38px rgba(21, 43, 58, .08);
}

.mips .mips__input.uk-search-input {
  flex: 1;
  width: auto !important;
  min-width: 0;
  height: 44px;
  padding: 0 15px;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  color: var(--mips-ink);
  font: inherit;
  font-size: 15px;
  box-shadow: none;
  outline: 0;
}

.mips .mips__input.uk-search-input:focus { background: transparent; box-shadow: none; }
.mips .mips__input::placeholder { color: #778994; }

.mips .mips__submit.uk-button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 0 !important;
  background: var(--mips-red) !important;
  color: #fff !important;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 44px;
  text-transform: uppercase;
}

.mips .mips__submit.uk-button:hover,
.mips .mips__submit.uk-button:focus { filter: brightness(.93); color: #fff; }

.mips__spinner {
  position: absolute;
  top: 50%;
  right: 122px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 2px solid var(--mips-line);
  border-top-color: var(--mips-red);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  animation: mips-spin .7s linear infinite;
}

.mips.is-loading .mips__spinner { opacity: 1; }

.mips .mips__panel.uk-card {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: 0;
  z-index: 9999;
  max-height: min(520px, 70vh);
  padding: 8px;
  overflow: auto;
  border: 1px solid var(--mips-line);
  border-radius: 0;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(21, 43, 58, .24);
}

.mips__panel[hidden] { display: none !important; }
.mips__status { padding: 8px 11px 12px; border-bottom: 1px solid var(--mips-line); background: #fff; color: #71838e; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.mips__results { margin: 0; padding: 0; list-style: none; }
.mips__item { margin: 0; border-bottom: 1px solid var(--mips-line); background: #fff; }
.mips__item:last-child { border-bottom: 0; }
.mips__link { display: grid; grid-template-columns: 64px 1fr auto; gap: 15px; align-items: center; padding: 13px 16px; color: inherit; text-decoration: none; }
.mips__link:hover,
.mips__item.is-active .mips__link { background: var(--mips-soft); color: inherit; text-decoration: none; }
.mips__image,
.mips__fallback { display: block; width: 64px; height: 58px; border: 1px solid rgba(21, 43, 58, .08); object-fit: contain; background: var(--mips-soft); }
.mips__fallback { display: grid; place-items: center; color: #7399a0; font-weight: 900; }
.mips__copy { display: flex; min-width: 0; flex-direction: column; }
.mips__category { color: var(--mips-red); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.mips__title { overflow: hidden; color: var(--mips-ink); text-overflow: ellipsis; white-space: nowrap; }
.mips__excerpt { overflow: hidden; color: #607481; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.mips__arrow { color: var(--mips-red); font-size: 20px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; }

@keyframes mips-spin { to { transform: rotate(360deg); } }

@media (max-width: 520px) {
  .mips .mips__form.uk-search { min-height: 58px; }
  .mips .mips__input.uk-search-input { height: 42px; padding: 0 12px; font-size: 15px; }
  .mips .mips__submit.uk-button { min-height: 42px; padding: 0 14px; line-height: 42px; }
  .mips__spinner { right: 106px; }
  .mips__link { grid-template-columns: 48px 1fr auto; }
  .mips__image,
  .mips__fallback { width: 48px; height: 48px; }
  .mips__excerpt { display: none; }
}