@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.5rem, 0); }
  to {
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 1.5rem, 0); }
  to {
    opacity: 1; } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 1.5rem, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -1.5rem, 0); } }

.ratings .btn {
  overflow: hidden; }

.ratings .animated-counter {
  display: inline-flex;
  justify-content: center;
  position: relative; }
  .ratings .animated-counter.animating-down .current {
    animation-duration: 300ms;
    animation-name: fadeInDown; }
  .ratings .animated-counter.animating-down .previous {
    animation-duration: 300ms;
    animation-name: fadeOutDown; }
  .ratings .animated-counter.animating-up .current {
    animation-duration: 300ms;
    animation-name: fadeInUp; }
  .ratings .animated-counter.animating-up .previous {
    animation-duration: 300ms;
    animation-name: fadeOutUp; }
  .ratings .animated-counter .previous {
    position: absolute; }

.ratings-like button:hover:not(:disabled) .lexicon-icon {
  transform: scale(1.3); }

.ratings-like .lexicon-icon {
  transition: all 0.3s ease-in-out; }

.ratings-like .lexicon-icon-heart-full {
  fill: red; }

.ratings-like .likes {
  margin-left: 0.5rem; }

.ratings-thumbs .btn:hover:not(:disabled) .lexicon-icon {
  transform: scale(1.3); }

.ratings-thumbs .btn[aria-pressed='true'] .lexicon-icon {
  color: #0b5fff; }

.ratings-thumbs .lexicon-icon {
  transition: all 0.2s ease-in-out; }

.ratings-stars .btn[aria-pressed='true'] .lexicon-icon {
  color: #0b5fff; }

.ratings-stars .ratings-stars-button-text {
  font-size: 0.875rem;
  justify-content: center;
  min-width: 1ch; }

.ratings-stars .ratings-stars-average {
  line-height: 1;
  margin-top: -0.125rem; }

.ratings-stars .ratings-stars-average-text {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600; }

.ratings-stars .ratings-stars-average-icon {
  color: #ffd76e;
  font-size: 1rem; }

.ratings-stars-dropdown {
  min-width: auto; }