@import '../../../variables.scss';

.container {

}

.search {
  height: 75px;
  padding: 2px 25px;
  border-bottom: 1px solid $darkgrey;

  .input {
    display: inline-block;
    vertical-align: top;
    height: 100%;
  }

  .label {
    width: 5%;
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
  }

  .text {
    width: 95%;
    outline: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: 68px;
    font-size: 18px;
  }
}

.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.layoutsContainer {
  padding: 40px;

  span {
    font-size: 30px;
    color: $grey;
    cursor: pointer;
    transition: all 0.25s;

    &:nth-child(1) {
      margin-right: 20px;
    }

    &:hover {
      color: $darkestgrey;
    }

    &.active {
      color: $darkestgrey;
    }
  }
}

.createChannelContainer {
  padding: 40px;

  .newChannelButton {
    font-size: 14px;
  }
}

.channels {
  padding: 10px 40px 40px 40px;
}