.finding-exact {
  height: 100%;
  overflow: hidden;
  color: #102a56;
  background:
    radial-gradient(360px 240px at 50% 21%, rgba(209, 233, 255, .78), transparent 72%),
    linear-gradient(180deg, #f8fcff 0%, #eef7ff 100%);
}
.finding-exact .ix-status {
  background: transparent;
  color: #344054;
}
.finding-exact main {
  position: relative;
  height: calc(100% - 44px);
  display: grid;
  grid-template-rows: minmax(300px, 45%) auto 1fr auto;
  padding: 18px 24px 26px;
  text-align: center;
}
.finding-hero {
  position: relative;
  align-self: end;
  min-height: 292px;
  display: grid;
  place-items: center;
  overflow: visible;
}
.finding-hero::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .98) 0 45%, rgba(209, 233, 255, .7) 72%, transparent 73%);
  box-shadow: 0 28px 70px rgba(21, 112, 239, .13);
}
.finding-hero::after {
  content: "";
  position: absolute;
  left: 52px;
  right: 52px;
  bottom: 48px;
  height: 16px;
  border-radius: 999px;
  background: rgba(16, 42, 86, .08);
  filter: blur(12px);
}
.finding-paper {
  position: absolute;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .2)),
    repeating-linear-gradient(180deg, transparent 0 16px, rgba(21, 112, 239, .1) 17px 18px);
  opacity: .68;
}
.finding-paper.paper-a {
  width: 128px;
  height: 164px;
  left: 18px;
  top: 52px;
  transform: rotate(-12deg);
}
.finding-paper.paper-b {
  width: 148px;
  height: 104px;
  right: 16px;
  bottom: 40px;
  transform: rotate(9deg);
}
.finding-lottie {
  position: relative;
  z-index: 1;
  width: 250px;
  height: 250px;
  filter: drop-shadow(0 18px 24px rgba(21, 112, 239, .11));
}
.finding-lottie svg {
  width: 100% !important;
  height: 100% !important;
}
.finding-loading .finding-lottie {
  animation: printer-breathe 2.1s ease-in-out infinite alternate;
}
.finding-loading .finding-hero .finding-paper {
  animation: paper-drift 2.8s ease-in-out infinite alternate;
}
.finding-loading .finding-hero .paper-b {
  animation-delay: 240ms;
}
.finding-copy {
  align-self: start;
  margin-top: 18px;
}
.finding-copy h1 {
  margin: 0;
  color: #102a56;
  font-size: 27px;
  line-height: 1.14;
  font-weight: 800;
}
.finding-copy p {
  max-width: 326px;
  margin: 10px auto 0;
  color: #66758a;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
}
.finding-progress {
  align-self: end;
  width: 100%;
  height: 8px;
  margin: 0 auto 0;
  border-radius: 999px;
  overflow: hidden;
  background: #d1e9ff;
}
.finding-progress i {
  display: block;
  width: 44%;
  height: 100%;
  border-radius: inherit;
  background: #1570ef;
  animation: finding-progress 1.45s cubic-bezier(.45, 0, .2, 1) infinite;
}
.finding-start {
  align-self: end;
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 17px;
  background: #1570ef;
  color: #fff;
  font: inherit;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 16px 34px rgba(21, 112, 239, .24), inset 0 -1px 2px rgba(16, 42, 86, .22);
}
.finding-start:active {
  transform: scale(.985);
}
#interactive .finding-exact .finding-start {
  background: #1570ef !important;
  box-shadow: 0 16px 34px rgba(21, 112, 239, .24), inset 0 -1px 2px rgba(16, 42, 86, .22) !important;
}
@keyframes finding-progress {
  from { transform: translateX(-110%); }
  to { transform: translateX(260%); }
}
@keyframes printer-breathe {
  to { transform: translateY(-5px) scale(1.01); }
}
@keyframes paper-drift {
  to { transform: rotate(-10deg) translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
  .finding-progress i,
  .finding-loading .finding-lottie,
  .finding-loading .finding-hero .finding-paper {
    animation: none;
    transform: none;
  }
  .finding-start:active {
    transform: none;
  }
}
