.wrapper {
  display: flex;
  width: 100%;
  column-gap: 20px;
  padding: 30px 0;
  @media (max-width: 1139px) {
    flex-direction: column-reverse;
    row-gap: 10px;
    padding: 15px 0;
  }
  .aside {
    flex: 0 1 50%;
    @media (max-width: 911px) {
      flex: 0 0 35%;
    }
    .list {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      .shimmer {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 1;
        border-radius: 10px;
      }
      @media (max-width: 576px) {
        &.hidden {
          display: none;
        }
      }
    }
    @media (max-width: 576px) {
      max-width: 100%;
      padding: 0;
    }
  }
  .main {
    flex: 0 1 50%;
    @media (max-width: 911px) {
      flex: 0 0 65%;
    }
    .splash {
      position: sticky;
      bottom: 0;
      right: 0;
      top: 10px;
    }
    @media (max-width: 576px) {
      &.hidden {
        display: none;
      }
    }
  }
}
