.install-platform-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
}

.install-platform-switch a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.install-steps svg,
.install-icon {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: -0.3rem;
  margin-inline: 0.2rem;
}

.install-steps li + li {
  margin-top: 0.75rem;
}

.install-qr {
  display: none;
  width: 9rem;
  height: 9rem;
}


body[data-platform='desktop'] .install-qr {
  display: block;
}

body[data-platform='ios'] .install-platform-switch [data-platform-link='ios'] {
  font-weight: 700;
}

.install-notice {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin: 1rem 0;
}

.install-notice .cta-button--ghost {
  color: var(--pp-color-text-ink);
  border-color: currentColor;
}

.install-notice[hidden],
.install-code[hidden] {
  display: none;
}

.install-code output {
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  font-variant-numeric: tabular-nums;
}