/** OOB styles for small phones. */

.announcement {
  padding: 6px 0px;
  .text {
    font-size: 12px;
    font-weight: 500;
  }
}

header {
  .overlay {
    h1 {
      font-size: 40px;
    }
  }
}

oob-playlist {
  .banner {
    .text {
      .count-from {
        flex-direction: column;
      }
      .count, .from, .starts {
        font-size: 12px;
        line-height: 16px;
      }
    }
    .name-sub {
      .name-spotify {
        justify-content: space-between;
        .name {
          font-size: 12px;
          line-height: 16px;
        }
      }
      .sub {
        font-size: 22px;
        line-height: 22px;
      }
    }
  }
}

main, .contribute, footer {
  padding-left: 8px;
  padding-right: 8px;
}