.body-toolbar-container {
  position: fixed;
  left: 0;

  .add-sentiment {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0.25em;
  }

  .min-sentiment {
    position: absolute;
  }

  @media screen and (min-width: $screen-lg-min) {
    $sentiment-padding: 15px;
    $min-sentiment-size: 25px;

    .sentiment {
      padding-bottom: $sentiment-padding / 2;
      padding-top: $sentiment-padding / 2;
      padding-right: 5px;
    }

    .sentiment svg {
      width: 35px;
      height: 35px;
    }

    .comment-helper {
      font-size: 28px;
      padding-right: 4px;
      padding-bottom: $sentiment-padding / 2;
      padding-top: $sentiment-padding / 2;
      transition: all 0.2s ease-in-out;

      &:hover {
        transform: scale(1.3);
      }
    }

    .min-sentiment svg {
      width: $min-sentiment-size;
      height: $min-sentiment-size;
    }

    .sentiments-count {
      height: $min-sentiment-size;

      .txt {
        font-size: $font-size-sm;
      }
    }

    .margin-m {
      margin-top: 0;
    }
  }
}

.modal-comment-helper-gif {
  width: 500px;
  margin-bottom: 10px;
}

.modal-comment-helper-content {
  margin-top: 10px;

  ol {
    padding-left: 20px;
  }
}
