lila/ui/bits/css/_mobile.scss

.mobile {
  .sides {
    @extend %flex-wrap;

    justify-content: space-around;
  }

  .left-side {
    .stores {
      @extend %flex-center-center;

      gap: 1em;
    }

    h2 {
      margin: 2rem 0 1rem 0;
    }

    .block {
      margin: 10px 0 20px 0;
    }

    li {
      list-style-type: none;
      font-size: 1.2em;
      line-height: 1.5em;
      padding-inline-start: 2em;
    }

    li::before {
      vertical-align: middle;
      content: '\2713';
      display: inline-block;
      color: $c-good;
      font-weight: bold;
      padding: 0 6px 0 0;
    }
  }

  .right-side {
    flex: 0 0 33%;
    text-align: center;
    margin-left: 2em;

    @media (max-width: at-most($x-small)) {
      display: none;
    }

    .mobile-playing {
      width: 100%;
      height: auto;
    }
  }

  .qrcode {
    margin: 3em 0;
  }
}