/* line 3, app/assets/stylesheets/emailcopying.scss */
.emailflourish {
  text-align: right !important;
}

/* line 7, app/assets/stylesheets/emailcopying.scss */
.copied-span {
  display: none;
  color: #ffffff !important;
}

/* line 12, app/assets/stylesheets/emailcopying.scss */
.email-pop-box {
  position: relative;
  display: inline;
  -webkit-filter: none;
  filter: none;
}

/* line 19, app/assets/stylesheets/emailcopying.scss */
.email-pop-box-2 {
  position: relative;
  display: inline-block;
  min-height: 25px;
  -webkit-filter: none;
  filter: none;
}

/* line 27, app/assets/stylesheets/emailcopying.scss */
.flying-email {
  z-index: 99999;
  --scale-x: 0;
  --scale-y: 0;
  pointer-events: none;
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(100%);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  -webkit-animation: scalefade 2s ease-in forwards;
  -moz-animation: scalefade 2s ease-in forwards;
  animation: scalefade 2s ease-in forwards;
}

@-moz-keyframes scalefade {
  0% {
    -moz-transform: scale(1) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(50) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 0;
  }
}

@-webkit-keyframes scalefade {
  0% {
    -webkit-transform: scale(1) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 0;
  }
}

@keyframes scalefade {
  0% {
    transform: scale(1) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: scale(50) translate(calc( var(--x) * 1px), calc( var(--y) * 1px)) translate(-50%, -50%);
    opacity: 0;
  }
}

/* line 80, app/assets/stylesheets/emailcopying.scss */
.flying-email .innerEmail {
  -webkit-animation: inner-rotate 1.3s linear infinite;
  animation: inner-rotate 1.3s linear infinite;
  -webkit-transform: rotate(calc(-1turn * var(--direction)));
  transform: rotate(calc(-1turn * var(--direction)));
  -webkit-filter: none;
  filter: none;
}

@-webkit-keyframes inner-rotate {
  to {
    transform: none;
  }
}

@keyframes inner-rotate {
  to {
    transform: none;
  }
}