/* One pill, sized to the marked map margins, for every downward scroll cue. */
body .portal-scroll-cue {
  display: flex!important; align-items: center!important; justify-content: center!important;
  gap: 6px!important; width: clamp(136px,12vw,230px)!important;
  height: clamp(34px,2.4vw,46px)!important; min-height: 0!important;
  max-width: calc(100vw - 32px)!important;
  border: 0!important; border-radius: 999px!important; padding: 6px 14px!important;
  background: #fff2dd!important; color: #242423!important;
  font-family: Arial,sans-serif!important; font-weight: 400!important;
  font-size: 12px!important; line-height: 1!important;
  left: 50%!important; right: auto!important;
  transform: translateX(-50%)!important; scale: 1!important;
  animation: none!important; text-decoration: none!important; cursor: pointer;
  transition: background-color .35s ease,box-shadow .35s ease!important;
}
body .portal-scroll-cue span,body .portal-scroll-cue .letter-wipe {
  font: inherit!important; color: #242423!important; padding: 0!important;
  --letter-color: #242423!important; --letter-hover-color: #242423!important;
}
body .portal-scroll-cue .portal-scroll-arrow { font-size: 16px!important; }
body .portal-scroll-cue:hover {
  background: #fff!important; box-shadow: 0 6px 20px #24242326!important;
}
body .portal-scroll-cue:focus-visible { outline: 2px solid var(--circle-blue); outline-offset: 3px; }
body .portal-scroll-cue[hidden] { display: none!important; }