/* The sheet an install button opens on a phone or tablet (web/js/phone_install.js). It sets everything itself: it
   appears over the theme's pages and over the plainer /sites/ and /live pages alike. */
.phone-install { position: fixed; inset: auto 0 0; width: 100%; max-width: 520px; margin: 0 auto; padding: 0; border: 0;
                 border-radius: 22px 22px 0 0; background: #fff; color: #12261d;
                 box-shadow: 0 -10px 34px rgba(0, 0, 0, .18); }
.phone-install::backdrop { background: rgba(10, 20, 15, .42); }
.phone-install-in { position: relative; padding: 24px 22px calc(26px + env(safe-area-inset-bottom)); }
.phone-install-head { margin: 0; padding-right: 54px; font-size: 20px; font-weight: 800; line-height: 1.4;
                      letter-spacing: -.02em; color: inherit; }
.phone-install-say { margin: 6px 0 0; font-size: 16px; line-height: 1.55; color: #55635c; word-break: keep-all; }
.phone-install-send { display: block; width: 100%; margin-top: 18px; padding: 14px 10px; border: 0; border-radius: 12px;
                      background: #00633e; color: #fff; font: inherit; font-size: 16px; font-weight: 800; line-height: 1.4;
                      cursor: pointer; }
.phone-install-link { display: block; width: 100%; margin-top: 10px; padding: 10px 12px; border: 1px solid #cdd9d3;
                      border-radius: 10px; background: #f7faf8; color: #12261d; font-size: 14px; }
.phone-install-link[hidden] { display: none; }
.phone-install-store { display: block; margin-top: 13px; padding: 4px 0; text-align: center; font-size: 15px;
                       color: #55635c; text-decoration: underline !important; /* the theme removes it from every link */ }
.phone-install-store:hover { color: #12261d; }
.phone-install-close { position: absolute; top: 20px; right: 14px; padding: 6px 8px; border: 0; background: none;
                       color: #55635c; font: inherit; font-size: 15px; cursor: pointer; }
/* keep-all above is for Korean; Japanese and Chinese break between characters under strict rules (as homepage.css does). */
.phone-install-say:lang(ja), .phone-install-say:lang(zh) { word-break: normal; line-break: strict; }