/* App Store download QR cards. */
.store-download { position: relative; display: inline-flex; vertical-align: top; }
.store-qr {
  position: absolute; z-index: 30; width: 220px; padding: 16px 16px 18px;
  border: 1px solid #e9eaed; border-radius: 20px; background: #fff;
  color: #1d1d1f; text-align: center; line-height: 1.35;
  box-shadow: 0 12px 40px rgba(25, 36, 53, .10), 0 2px 8px rgba(25, 36, 53, .04);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.22, 1, .36, 1), visibility 220ms;
}
.store-download--header .store-qr { top: calc(100% + 12px); right: 0; transform: translateY(6px); }
.store-download--primary .store-qr { top: 0; left: calc(100% + 20px); transform: translateX(6px); }
.store-qr::before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; border: solid #e9eaed; border-width: 1px 0 0 1px; }
.store-download--header .store-qr::before { top: -6px; right: 54px; transform: rotate(45deg); }
.store-download--primary .store-qr::before { left: -6px; top: 24px; transform: rotate(-45deg); }
.store-qr::after { content: ""; position: absolute; }
.store-download--header .store-qr::after { bottom: 100%; left: 0; right: 0; height: 16px; }
.store-download--primary .store-qr::after { right: 100%; top: 0; bottom: 0; width: 24px; }
.store-qr img { display: block; width: 180px; height: 180px; margin: 0 auto 8px; }
.store-qr strong { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.02em; }
.store-qr span { display: block; margin-top: 4px; color: #60636b; font-size: 12px; }
.store-download.is-open > .store-qr { opacity: 1; visibility: visible; pointer-events: auto; }
.store-download--header.is-open > .store-qr { transform: translateY(0); }
.store-download--primary.is-open > .store-qr { transform: translateX(0); }
@media (max-width: 700px), (hover: none), (pointer: coarse) { .store-qr { display: none; } }
@media (max-width: 359px) { .header-actions > .store-download--header { display: none; } }
@media (prefers-reduced-motion: reduce) { .store-qr { transition: none; } }