.answers-list {
  margin-bottom: 3em;

  .ui.button.feedback-btn {
    margin: 0;
    background: none;
    color: @mediumPersianBlue !important;

    &:hover,
    &:focus,
    &:active {
      background: none !important;
    }
  }

  .buttons {
    .button {
      background-color: @secondaryColor !important;
    }
  }

  .ui.warning.message {
    display: none;
  }

  .ui.segment.loading {
    min-height: 10em;
    margin-bottom: 2em;

    .loading-tip {
      z-index: 2;
      color: @black;
      font-size: x-large;
    }
  }
}

.answers__links {
  font-size: small;

  .primary a {
    font-weight: bold;
  }

  .answer__date {
    display: inline-block;
    padding-right: 0.5em;
    margin-right: 0.3em;
    text-align: right;
  }
}

.answer__highlighted {
  background-color: @lightLavender;
  color: @black;
}

.answers-feedback {
  display: flex;
  justify-content: flex-end;
}

.answers__loading {
  display: flex;
  justify-content: space-between;

  .three-dots-loader {
    display: inline;

    div {
      display: inline !important;
    }
  }
}

.ui.segment.answers-wrapper {
  padding: 0;
  border: none;
  background: unset;
  box-shadow: none;
}

.ui.button.feedback-btn {
  padding: 0.75em;
  margin: 0;
  margin-bottom: 1em;
  font-size: 16px;
  font-weight: 700;

  &:hover,
  &:focus,
  &:active {
    border: none;
    box-shadow: none;
  }
}

.answerCard {
  .listing-item a {
    display: inline-flex;
    width: auto;
  }
}

// .progress {
//   height: 3px;
//   margin-top: 1em;
//
//   .color {
//     position: relative;
//     width: 0px;
//     height: 10px;
//     animation: progres 4s infinite ease-out;
//     background-color: @secondaryColor;
//     border-radius: 1px;
//   }
// }
//
// @keyframes progres {
//   0% {
//     width: 0%;
//   }
//
//   25% {
//     width: 50%;
//   }
//
//   50% {
//     width: 75%;
//   }
//
//   75% {
//     width: 85%;
//   }
//
//   100% {
//     width: 100%;
//   }
// }