.verify-result {
  position: relative;
}

.verify-result > .verify-result-body {
  min-width: 0;
  flex: 1;
}

.verify-result.match {
  padding-right: 4.1rem;
}

/* The main tool shell clips its contents to preserve rounded corners. While the
   verification explainer is open, allow the popover to escape that clipping
   boundary. The tabs keep their own clipping so the shell corners stay clean. */
.tool-shell.verify-info-open {
  overflow: visible;
}

.tool-shell.verify-info-open > .tabs {
  overflow: hidden;
  border-radius: 1.35rem 1.35rem 0 0;
}

.verify-method-info-button {
  position: absolute;
  top: .8rem;
  right: .8rem;
  display: none;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(7, 27, 44, .16);
  border-radius: 50%;
  background: rgba(255, 255, 255, .76);
  color: var(--navy);
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.verify-result.match .verify-method-info-button {
  display: grid;
}

.verify-method-info-button:hover {
  background: white;
  border-color: rgba(7, 27, 44, .28);
}

.verify-method-info-button:focus-visible {
  outline: 3px solid rgba(0, 123, 92, .24);
  outline-offset: 2px;
}

.verify-method-info {
  position: absolute;
  z-index: 20;
  top: 3.35rem;
  right: .8rem;
  width: min(23rem, calc(100% - 1.6rem));
  box-sizing: border-box;
  padding: .85rem .9rem;
  border: 1px solid rgba(7, 27, 44, .14);
  border-radius: .75rem;
  background: white;
  box-shadow: 0 12px 30px rgba(7, 27, 44, .14);
  color: var(--navy);
}

.verify-method-info::before {
  content: '';
  position: absolute;
  top: -.38rem;
  right: .75rem;
  width: .7rem;
  height: .7rem;
  border-top: 1px solid rgba(7, 27, 44, .14);
  border-left: 1px solid rgba(7, 27, 44, .14);
  background: white;
  transform: rotate(45deg);
}

.verify-method-info[hidden] {
  display: none !important;
}

.verify-method-info strong {
  display: block;
  margin-bottom: .35rem;
  font-size: .88rem;
}

.verify-method-info p {
  margin: 0;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.45;
}

@media (max-width: 700px) {
  .tool-shell.verify-info-open > .tabs {
    border-radius: .9rem .9rem 0 0;
  }

  .verify-result.match {
    padding-right: 4.35rem;
  }

  .verify-method-info-button {
    top: .65rem;
    right: .65rem;
    width: 44px;
    height: 44px;
  }

  .verify-method-info {
    top: 3.75rem;
    right: .65rem;
    width: calc(100% - 1.3rem);
  }

  .verify-method-info::before {
    right: .95rem;
  }
}