.brandingWrapper {
  padding: 10px;
  font-size: 13px;

  position:relative;

  .name {
    display: block;
    padding: 10px;
    background-color: lighten($color-background, 6%);
    cursor: pointer;
    .pointer {
      display: inline-block;
      height: 10px;
      width: 20px;
      background-image: url(/img/icon-arrow-grey.png);
      transform: rotate(270deg);
      background-repeat: no-repeat;
      background-position: center left;
      vertical-align: middle;
      margin-right: 10px;
    }
  }
  .contentWrapper {
    display: none;
    padding: 10px;

    .files {
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
      .item {
        padding: 5px;
        text-align: center;
        img {
          margin-bottom: 5px;
          max-height: 125px;
        }
      }
    }
  }

  .description {
    margin: 10px 0;
  }

  &.open {
    .name {
      .pointer {
        transform: none;
      }
    }
    .contentWrapper{
      display: block;
    }
  }
}