.article-moodometer {
  line-height: 32px;
  text-align: right;
  position: relative;
  display: flex;
  align-items: center;
  margin: 1.25em 0;
  padding: 1.25em 1em;
  background-color: #f5f5f5;
}
@media only screen and (max-width: 500px) {
  .article-moodometer {
    flex-direction: column;
  }
}
.article-moodometer .thoughts {
  padding-right: 2em;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 36px;
}
@media only screen and (max-width: 500px) {
  .article-moodometer .thoughts {
    padding-right: 0;
  }
}
.article-moodometer .moods {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.article-moodometer .moods:hover .mood:not(:hover):not(.chosen) {
  opacity: 0.4;
}
.article-moodometer .moods .mood {
  margin-bottom: 0;
  transition: opacity 0.3s;
}
.article-moodometer .moods .mood.not-chosen {
  opacity: 0.4;
}
.article-moodometer .moods .mood.not-chosen:hover {
  opacity: 1;
}
.article-moodometer .moods .mood.chosen {
  opacity: 1;
}
.article-moodometer .moods .mood img {
  padding: 2px;
  cursor: pointer;
}/*# sourceMappingURL=moodometer.css.map */