/* Presentation only; the existing account bridge owns the label and destination. */
html[data-motionc-presentation="phone"] .hero-account-name { visibility: hidden; }
html[data-motionc-presentation="phone"] #phoneLibrary { position: relative; }
html[data-motionc-presentation="phone"] .phone-name-tag {
  position: absolute; z-index: 2; top: 25px; right: 20px; bottom: auto;
  display: block; width: max-content; max-width: calc(100% - 40px);
  margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; color: #fff;
  font: 600 22px/1 Arial, sans-serif; letter-spacing: .04em;
  text-transform: uppercase; text-decoration: none; white-space: nowrap;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
  visibility: hidden;
}
html[data-motionc-presentation="phone"] .phone-name-tag[data-account-visible] { visibility: visible; }
html[data-motionc-presentation="phone"] #phoneLibrary .phone-name-tag {
  top: 91px; color: #164b3a; text-shadow: none;
}
html[data-motionc-presentation="phone"] .phone-name-tag:hover { text-decoration: underline; text-underline-offset: 6px; }
html[data-motionc-presentation="phone"] .phone-name-tag:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 640px) {
  html[data-motionc-presentation="phone"] .phone-name-tag { font-size: 16px; }
}