/* /app smart-link page, in the legal pages' tokens. The store badges are
   Apple's and Google's own artwork, unmodified (see the note in site.css). */
.solo-inner {
  position: relative; padding: 40px 28px 34px; border-radius: 28px; border: 1px solid var(--border); background: var(--surface);
  box-shadow: 0 40px 90px -50px rgba(255, 26, 117, .65), 0 0 0 1px rgba(255, 255, 255, .02);
}
.solo img.mark { width: 84px; height: 84px; border-radius: 20px; box-shadow: 0 18px 40px -18px rgba(255, 26, 117, .8); }
.solo .stores { --badge-h: 56px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--badge-h) / 4); margin-top: 28px; }
.solo .store { display: block; line-height: 0; border-radius: 10px; }
.solo .store img { display: block; height: var(--badge-h); width: auto; }
.solo .store:focus-visible { outline: 3px solid var(--rose); outline-offset: 4px; }
.is-ios .solo .stores, .is-android .solo .stores { --badge-h: 64px; }
.is-ios .solo .store[data-store="play"], .is-android .solo .store[data-store="ios"] { display: none; }
@media (max-width: 460px) { html:not(.is-ios):not(.is-android) .solo .stores { --badge-h: 44px; } }
.solo .hint { margin-top: 24px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface-raised); font-size: .9rem; line-height: 1.45; text-align: left; }
.solo .hint[hidden] { display: none; }
.solo .hint b { color: var(--text-1); }
.footer-legal { max-width: 1100px; margin: 18px auto 0; padding: 0 20px; font-size: .72rem; line-height: 1.5; color: var(--text-3); opacity: .8; }