@small-query: ~'(max-width: 640px)';

.Proposals {
  display: flex;
  flex-direction: column;

  &-content {
    display: flex;
    flex-direction: row;
  }

  &-about {
    display: flex;
    align-content: center;

    &-logo {
      flex-shrink: 0;
      width: 120px;
      padding-right: 1.5rem;
      border-right: 1px solid rgba(0, 0, 0, 0.05);
      margin-right: 1.5rem;

      svg {
        width: 100%;
        height: auto;
      }
    }

    &-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;

      &-title {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
      }

      &-desc {
        font-size: 1rem;
      }
    }
  }

  &-filters {
    width: 220px;
    margin-right: 3rem;

    @media @small-query {
      display: none;
    }
  }

  &-results {
    position: relative;
    flex: 1;
    width: 100%;
  }

  &-search {
    display: flex;
    margin-bottom: 1rem;

    &-filterButton.ant-btn {
      display: none;
      margin-left: 0.5rem;

      @media @small-query {
        display: block;
      }
    }
  }
}