@media screen {
  .scf-liking span {
    font-size: 14px;
  }
  .scf-liking-like-count {
    color: inherit;
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -3px;
  }
  .scf button:-moz-focusring,
  .scf [type="button"]:-moz-focusring {
    outline: 0 none;
  }
  .scf button::-moz-focus-inner,
  .scf [type="button"]::-moz-focus-inner {
    border: 0 none;
  }
  .scf-liking-like-set,
  .scf-liking-like-unset {
    background: none;
    color: inherit !important;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .scf-liking-like-set .scf-liking-like__icon,
  .scf-liking-like-unset .scf-liking-like__icon {
    display: inline-block;
    fill: #707172;
    height: 20px;
    pointer-events: none;
    position: relative;
    width: 20px;
  }
  .scf-liking-like-set .scf-liking-like-count,
  .scf-liking-like-unset .scf-liking-like-count {
    display: inline-block;
  }
  .scf-liking-like-set:hover,
  .scf-liking-like-unset:hover,
  .scf-liking-like-set:focus,
  .scf-liking-like-unset:focus,
  .scf-liking-like-set:active,
  .scf-liking-like-unset:active {
    outline: 0 none;
  }
  .scf-liking-like-set:hover .scf-liking-like__icon,
  .scf-liking-like-unset:hover .scf-liking-like__icon,
  .scf-liking-like-set:focus .scf-liking-like__icon,
  .scf-liking-like-unset:focus .scf-liking-like__icon,
  .scf-liking-like-set:active .scf-liking-like__icon,
  .scf-liking-like-unset:active .scf-liking-like__icon {
    fill: #f08200;
  }
  .scf-liking-like-set:hover .scf-liking-like-count,
  .scf-liking-like-unset:hover .scf-liking-like-count,
  .scf-liking-like-set:focus .scf-liking-like-count,
  .scf-liking-like-unset:focus .scf-liking-like-count,
  .scf-liking-like-set:active .scf-liking-like-count,
  .scf-liking-like-unset:active .scf-liking-like-count {
    color: #f08200;
  }
  .scf-liking-like-set .scf-liking-like__icon {
    fill: #f08200;
  }
  .scf-liking-like-set .scf-liking-like-count {
    color: #f08200;
  }
  .scf-liking-like-set .icon-thumbs-up {
    display: none;
  }
  .scf-liking-like-unset .icon-thumbs-up-filled {
    display: none;
  }
  .scf-liking-like-unset:hover .icon-thumbs-up,
  .scf-liking-like-unset:focus .icon-thumbs-up,
  .scf-liking-like-unset:active .icon-thumbs-up {
    display: none;
  }
  .scf-liking-like-unset:hover .icon-thumbs-up-filled,
  .scf-liking-like-unset:focus .icon-thumbs-up-filled,
  .scf-liking-like-unset:active .icon-thumbs-up-filled {
    display: inline-block;
  }
  .scf-liking .icon--hidden {
    display: none;
  }
  .thumbs-up-animation {
    -webkit-animation-name: thumbs-up-keyframes;
    animation-name: thumbs-up-keyframes;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes thumbs-up-keyframes {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90%,
    100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      -webkit-transform: scale3d(0.1, 0.1, 0.1);
      transform: scale3d(0.1, 0.1, 0.1);
    }
    10% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
    }
    20% {
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
    }
    30% {
      -webkit-transform: scale3d(0.35, 0.35, 0.35);
      transform: scale3d(0.35, 0.35, 0.35);
    }
    40% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
    50% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    60% {
      -webkit-transform: scale3d(1.3, 1.3, 1.3);
      transform: scale3d(1.3, 1.3, 1.3);
    }
    70% {
      -webkit-transform: scale3d(1.3, 1.3, 1.3);
      transform: scale3d(1.3, 1.3, 1.3);
    }
    80% {
      -webkit-transform: scale3d(1.2, 1.2, 1.2);
      transform: scale3d(1.2, 1.2, 1.2);
    }
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes thumbs-up-keyframes {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90%,
    100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      -webkit-transform: scale3d(0.1, 0.1, 0.1);
      transform: scale3d(0.1, 0.1, 0.1);
    }
    10% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
    }
    20% {
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
    }
    30% {
      -webkit-transform: scale3d(0.35, 0.35, 0.35);
      transform: scale3d(0.35, 0.35, 0.35);
    }
    40% {
      -webkit-transform: scale3d(0.7, 0.7, 0.7);
      transform: scale3d(0.7, 0.7, 0.7);
    }
    50% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    60% {
      -webkit-transform: scale3d(1.3, 1.3, 1.3);
      transform: scale3d(1.3, 1.3, 1.3);
    }
    70% {
      -webkit-transform: scale3d(1.3, 1.3, 1.3);
      transform: scale3d(1.3, 1.3, 1.3);
    }
    80% {
      -webkit-transform: scale3d(1.2, 1.2, 1.2);
      transform: scale3d(1.2, 1.2, 1.2);
    }
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
}
