.phone-content {
  background: #25167a;

  .content-wrapper {
    position: relative;
    height: 100%;

    .content-inner {
      display: flex;
      flex-direction: column;
      height: calc(100% - 91px);
      color: white;
      padding: 0 20px;

      h1 {
        font-family: "SpotifyMixBold";
        font-size: 20px;
        color: white;
        margin-bottom: 15px;
      }

      .games-container {
        display: flex;
        flex-direction: column;
        gap: 20px;

        .game-item:first-child {
          gap: 25px;
        }

        .game-item {
          display: flex;
          align-items: center;
          gap: 20px;

          .game-rank {
            font-family: "SpotifyMixBold";
            font-size: 30px;
            color: white;
          }

          .game-info {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;

            .game-image {
              width: 90px;
              height: 90px;
              object-fit: cover;
            }

            .game-info-inner {
              display: flex;
              flex-direction: column;
              gap: 5px;

              .game-title {
                font-family: "SpotifyMixBold";
                font-size: 20px;
                color: white;
                margin: 0;
              }
              .game-description {
                font-family: "SpotifyMixRegular";
                font-size: 16px;
                color: #b3b3b3;
                margin: 0;
              }
            }
          }
        }

        .game-item.fade-in:nth-child(1) {
          animation-delay: 0.1s;
        }
        .game-item.fade-in:nth-child(2) {
          animation-delay: 0.3s;
        }
        .game-item.fade-in:nth-child(3) {
          animation-delay: 0.5s;
        }
        .game-item.fade-in:nth-child(4) {
          animation-delay: 0.7s;
        }
        .game-item.fade-in:nth-child(5) {
          animation-delay: 0.9s;
        }
      }
    }
  }
}