.app-install-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: min(760px, calc(100% - 32px));
  margin: 28px auto;
  padding: 14px 16px;
  color: #141112;
  background: #fff;
  border: 1px solid rgba(255, 107, 0, .28);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(20, 17, 18, .08);
}

.app-install-card[hidden] { display: none; }
.app-install-card__mark {
  display: block;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 3px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}
.app-install-card__copy { flex: 1 1 180px; min-width: 0; display: grid; gap: 2px; }
.app-install-card__copy strong { font-size: 14px; line-height: 1.2; }
.app-install-card__copy span { color: #6d6765; font-size: 12px; line-height: 1.35; }
.app-install-card__button { flex: 0 0 auto; min-width: 104px; white-space: nowrap; }
.app-install-card__note { flex: 1 1 100%; margin: 0; color: #6d6765; font-size: 12px; line-height: 1.45; }
.app-install-card--login { margin-top: 0; margin-bottom: 22px; }
.app-install-card--footer { margin-top: 16px; }

.footer__brand .app-install-card {
  width: 100%;
  max-width: 320px;
  margin: 16px 0 0;
  padding: 10px;
  gap: 8px;
  background: #1b1918;
  border-color: rgba(255, 107, 0, .42);
  box-shadow: none;
}
.footer__brand .app-install-card__mark { flex-basis: 36px; width: 36px; height: 36px; padding: 2px; }
.footer__brand .app-install-card__copy strong { color: #fff; font-size: 12px; }
.footer__brand .app-install-card__copy span { color: rgba(255,255,255,.72); font-size: 11px; }
.footer__brand .app-install-card__button { flex: 1 0 100%; min-width: 0; width: 100%; padding: 8px 10px; font-size: 11px; }
.footer__brand .app-install-card__note { color: rgba(255,255,255,.72); font-size: 11px; }

@media (max-width: 600px) {
  .app-install-card { width: calc(100% - 24px); margin: 20px auto; padding: 12px; gap: 9px; }
  .app-install-card__button { flex: 1 0 100%; width: 100%; min-width: 0; padding: 9px 12px; }
  .app-install-card__note { flex-basis: 100%; }
}

.install-help-backdrop{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(20,17,18,.58);
}
.install-help-dialog{
  position:relative;
  width:min(100%,380px);
  padding:26px 24px 22px;
  color:#141112;
  background:#fff;
  border:1px solid rgba(255,107,0,.28);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.install-help-dialog h2{margin:0 34px 10px 0;font-size:20px;line-height:1.2}
.install-help-dialog p{margin:0 0 20px;color:#5f5957;font-size:14px;line-height:1.55}
.install-help-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#141112;font-size:26px;line-height:1;cursor:pointer}
.install-help-close:hover{background:#f3efeb;color:#ff5a00}
.install-help-dismiss{width:100%}