#rating-web {
  padding-top: 30px;
  padding-bottom: 30px; }

#rating-web .emojis {
  padding: 14px 0; }
  #rating-web .emojis .emoji {
    height: 50px;
    width: 50px;
    padding: 8px;
    margin: 8px;
    position: relative; }
    #rating-web .emojis .emoji input[type="submit"] {
      opacity: 0;
      width: 0;
      height: 0; }
    #rating-web .emojis .emoji img {
      position: absolute;
      height: 34px;
      width: 34px;
      transition: 0.2s; }
      #rating-web .emojis .emoji img.hover, #rating-web .emojis .emoji img.selected {
        opacity: 0; }
    #rating-web .emojis .emoji:first-child {
      padding: 6px 7px; }
      #rating-web .emojis .emoji:first-child img {
        width: 36px;
        height: 38px; }
    #rating-web .emojis .emoji:hover {
      cursor: pointer; }
      #rating-web .emojis .emoji:hover img.normal {
        opacity: 0% !important; }
      #rating-web .emojis .emoji:hover img.hover {
        opacity: 100% !important; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #rating-web .container {
    max-width: inherit; } }

@media only screen and (min-width: 578px) and (max-width: 767px) {
  #rating-web .container {
    width: 510px;
    right: auto;
    left: auto; } }

@media only screen and (max-width: 577px) {
  #rating-web .container {
    max-width: inherit; }
  #rating-web .content-wrapper {
    padding-right: 0;
    padding-left: 0; } }