.problem-detail {
    width: 745px;
    margin-right: auto;
    margin-left: auto;
    &__header {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-top: 2rem;
    }
    &__title {
      margin-bottom: 15px;
      font-family: "sahel-semi-bold";
    }
    &__meta {
      width: 100%;
      display: flex;
      align-items: center;
      ul {
        flex-grow: 1;
        list-style: none;
        display: flex;
        align-items: center;
        
        li:not(:last-child) {
          margin-left: 25px;
          color: #92a2b2;
        }
      } 
    }
    &__rate {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: -20px;
      flex-shrink: 0;
      margin-right: 40px;
      ul {
        list-style: none;
        display: flex;
        align-items: center;
        flex-grow: unset;
      i {
        font-size: 20px;
        .full {
          color: #00b6e3;
        }
      }
      span {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #92a2b2;
      }
      }
    }
    textarea {
        width: 100%;
        height: 290px;
        border-radius: 10px;
        border: 1px solid #f1f1f1;
        resize: none;
        padding: 15px;
        outline: unset !important;
        // &::-moz-placeholder {
        //     opacity: 1;
        //     color: #dfe3e8;
        // }
        // &:-ms-input-placeholder {
        //     opacity: 1;
        //     color: #dfe3e8;
        // }
        // &::placeholder {
        //     opacity: 1;
        //     color: #dfe3e8;
        // }
        // &::-webkit-resizer {
        //     display: none;
        // }
        &:focus {
            border-color: #00b6e3;
          }


      }
  }