@-webkit-keyframes parlor-button-animation {
  5% {
    transform: scale(1);
  }
  13% {
    transform: scale(1.5);
  }
  16% {
    transform: scale(0.6);
  }
  20% {
    transform: scale(1);
  }
}
@keyframes parlor-button-animation {
  5% {
    transform: scale(1);
  }
  13% {
    transform: scale(1.5);
  }
  16% {
    transform: scale(0.6);
  }
  20% {
    transform: scale(1);
  }
}
@-webkit-keyframes parlor-button-wave-animation {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(-20deg);
  }
  12% {
    transform: rotate(10deg);
  }
  14% {
    transform: rotate(-10deg);
  }
  16% {
    transform: rotate(10deg);
  }
  18% {
    transform: rotate(-10deg);
  }
  22% {
    transform: rotate(0deg);
  }
}
@keyframes parlor-button-wave-animation {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(-20deg);
  }
  12% {
    transform: rotate(10deg);
  }
  14% {
    transform: rotate(-10deg);
  }
  16% {
    transform: rotate(10deg);
  }
  18% {
    transform: rotate(-10deg);
  }
  22% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes parlor-button-wave-scale-animation {
  0% {
    transform: scale(1);
  }
  6% {
    transform: scale(1.3);
  }
  25% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1);
  }
}
@keyframes parlor-button-wave-scale-animation {
  0% {
    transform: scale(1);
  }
  6% {
    transform: scale(1.3);
  }
  25% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1);
  }
}
@-webkit-keyframes parlor-button-wiggles-scale-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  6% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  25% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes parlor-button-wiggles-scale-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  6% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  25% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes parlor-button-face-animation {
  0% {
    transform: translate(-50%, 0%);
    opacity: 0;
  }
  5% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes parlor-button-face-animation {
  0% {
    transform: translate(-50%, 0%);
    opacity: 0;
  }
  5% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes parlor-button-speech-animation {
  5% {
    transform: scale(0);
    opacity: 0;
  }
  15% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes parlor-button-speech-animation {
  5% {
    transform: scale(0);
    opacity: 0;
  }
  15% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(0.9);
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.parlor-button-wrapper {
  position: relative;
  margin: 0 90px;
  height: 60px;
  width: 60px;
  transition: all ease-in-out 200ms;
  z-index: 1000;
}

.parlor-button-wrapper:hover {
  transform: translateY(-5px);
}
.parlor-button-wrapper:hover .parlor-button {
  box-shadow: 0 20px 20px -5px rgba(0, 0, 0, 0.15);
}
.parlor-button-wrapper:hover .parlor-button__visible-previews-count {
  opacity: 1;
  box-shadow: 0 20px 20px -5px rgba(0, 0, 0, 0.15);
}

.parlor-button {
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1;
  background-color: #FF3954;
  border-radius: 50%;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.2);
  transition: all ease-in-out 200ms;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
}
.parlor-button svg {
  fill: #fff;
}
.parlor-button svg #parlor-hand-wave {
  -webkit-animation: parlor-button-wave-animation 5s infinite;
          animation: parlor-button-wave-animation 5s infinite;
  transform-origin: 100% 100%;
}
.parlor-button svg #parlor-hand-wiggles {
  -webkit-animation: parlor-button-wiggles-scale-animation 5s infinite;
          animation: parlor-button-wiggles-scale-animation 5s infinite;
  transform-origin: 50% 50%;
}
.parlor-button svg.parlor-hand-wave {
  -webkit-animation: parlor-button-wave-scale-animation 5s infinite;
          animation: parlor-button-wave-scale-animation 5s infinite;
}
.parlor-button svg.parlor-hand-ok {
  -webkit-animation: parlor-button-animation 5s infinite;
          animation: parlor-button-animation 5s infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.parlor-button svg #parlor-speech-bubble {
  -webkit-animation: parlor-button-speech-animation 5s infinite;
          animation: parlor-button-speech-animation 5s infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  transform-origin: 0% 100%;
}
.parlor-button svg #parlor-face {
  -webkit-animation: parlor-button-face-animation 5s infinite;
          animation: parlor-button-face-animation 5s infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.parlor-button svg.parlor-speech {
  overflow: hidden;
  height: 60px;
  top: -4px;
  border-radius: 43%;
  position: relative;
  left: -7px;
  fill: #FF3954;
}

.parlor-button-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 800;
  font-size: 12px;
  font-family: "Fira Sans", sans-serif;
  color: #FF3954;
  z-index: 2;
  border-radius: 50%;
  text-align: center;
}

.parlor-button-wrapper.-none .parlor-button {
  background-color: #FFFFFF;
}

div.parlor-button-wrapper.-close .parlor-button,
div.parlor-button-wrapper.-close.-none .parlor-button,
.is-open .parlor-button-wrapper.-new .parlor-button {
  background-image: url("/assets/images/parlor-icon-close.svg");
  background-color: #FF3954;
  background-position: center;
  background-size: 20px 20px;
}
div.parlor-button-wrapper.-close .parlor-button svg,
div.parlor-button-wrapper.-close.-none .parlor-button svg,
.is-open .parlor-button-wrapper.-new .parlor-button svg {
  display: none;
}
.button-stage {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}