@-webkit-keyframes keyframes-letrilizar-bounce-in-up {
  0% {
    opacity: 0;
    margin-top: 20px;
  }

  30% {
    opacity: 0.5;
    margin-top: -10px;
  }

  60% {
    opacity: 1;
    margin-top: 2px;
  }

  100% {
    margin-top: 0;
  }
}

@keyframes keyframes-letrilizar-bounce-in-up {
  0% {
    opacity: 0;
    margin-top: 20px;
  }

  30% {
    opacity: 0.5;
    margin-top: -10px;
  }

  60% {
    opacity: 1;
    margin-top: 2px;
  }

  100% {
    margin-top: 0;
  }
}

.letrilizar,
.letrilizar-text-wrapper--closest,
.letrilizar-preview,
.letrilizar-share-button,
.letrilizar-preview canvas {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.letrilizar-letrilization-area::selection {
  background: #ed6653;
}

.letrilizar-markupholder {
  display: none;
}

.letrilizar-action-ballon {
  display: none;
  position: absolute;
  background-color: #333;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 10px;
  font-family: ProximaNova, Montserrat, sans-serif;
  z-index: 9500;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.letrilizar-action-ballon::selection,
.letrilizar-action-ballon *::selection {
  background: #333;
}

.letrilizar-action-ballon--showing {
  -webkit-animation: keyframes-letrilizar-bounce-in-up 0.5s ease-in;
  animation: keyframes-letrilizar-bounce-in-up 0.5s ease-in;
}

.letrilizar-action-ballon::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  bottom: -5px;
  background-color: #333;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.letrilizar-download-button,
.letrilizar-change-button {
  display: none;
}

.letrilizar-share-button,
.letrilizar-download-button,
.letrilizar-change-button {
  background-position: center left;
  cursor: pointer;
  background-repeat: no-repeat;
  padding-left: 18px;
}

.letrilizar-preview {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.letrilizar-preview canvas {
  display: none;
  opacity: 0;
}

.letrilizar-share-button:hover,
.letrilizar-download-button:hover,
.letrilizar-change-button:hover,
.letrilizar-close-button:hover {
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}

.letrilizar-status {
  display: none;
  opacity: 0;
}

.letrilizar--active {
  margin-top: -330px;
  margin-left: -40px;
  transition: margin 0.5s;
  -webkit-transition: margin 0.5s;
  padding: 10px 13px;
}

.letrilizar--active.letrilizar-action-ballon::after {
  left: 50px;
}

.letrilizar--active .letrilizar-preview {
  width: 480px;
  height: 310px;
  margin-bottom: 10px;
}

.letrilizar--active .letrilizar-download-button,
.letrilizar--active .letrilizar-change-button {
  color: #ccc;
  display: inline-block;
  margin-right: 15px;
}

.letrilizar--active .letrilizar-share-button {
  float: right;
}

.letrilizar--active .letrilizar-close-button {
  cursor: pointer;
  display: block;
  position: absolute;
  right: -6px;
  top: -6px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid #333;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
}

.letrilizar--active canvas {
  display: block;
  opacity: 1;
}

.letrilizar--sharing .letrilizar-buttons {
  display: none;
}

.letrilizar--sharing .letrilizar-status {
  display: block;
  opacity: 1;
}
.letrilizar-close-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRENGQjA5MkU1RkExMUUzOTJBMEYwMjA0MUExRUVGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RkRBNUY5NkU1RkQxMUUzOTJBMEYwMjA0MUExRUVGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJEQ0ZCMDkwRTVGQTExRTM5MkEwRjAyMDQxQTFFRUYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJEQ0ZCMDkxRTVGQTExRTM5MkEwRjAyMDQxQTFFRUYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WTDl8wAAAG1JREFUeNpiYIAADiBmYsAETFA5MOAE4jdAfAGIRZEUgdjngfg1VA1YF0jRfyC+AlUgCmX/h8rBbRNDkriCxhZDdw+yYgxFyB74j8UzGGKieKwWRTb1App1WD0D8vpbaFBgC543sOAhKsABAgwAKQMjO3mVSM8AAAAASUVORK5CYII=);
}

.letrilizar-share-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUdACcoYQPNUgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADbSURBVCjPdVDLsYQwDJOdd0sfNJAMF6qkCFqgAW5QAaQDaiDWHnacze7M0yX+yLYUnOdJkjQzmhkdfUySz/OwlEJ40qPW2gbu+26xmRH/bV3XlSkl5pyZUmo9MTOKCEhCRGBmUFWklKCqqLUihIDjOAAAfyICAF9kAI28bRtijK2nAGBmjeTwizFGkGwLmiQnjeMIM4PXHPM8Y5qmjyQ/6Zr72rIsGIbhvYgk8QOSyDkjhIB937+G1fn+uhwRQa211VUVJN+S3GBv/NeDc/S6LvhQf8299B9SSsELD3MCMYtBtzUAAAAASUVORK5CYII=);
}

.letrilizar-download-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUdADAQTILxWgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFLSURBVCjPXZI9zjIxDIQfJ0H8rN6CCBrOQAWX4AJ0SNyOigoENXfgEFCsNgVIW5DYb4F2v5+pPNZoPBpZVqsVZoZzDuccOWf2+72VUjgcDsJfUFWCiOC9p5RCKQXvPaPRCJGvtjNT1a9pKQVVBcB7T86ZEAKqipn1M4CIEEIIPVFVQgjknHHOISKUUnqzz+eD6/INh0PMjP/hnKOqqj8m6/UaM2O329nPzw/v95uqqjAz2rZlPB7TNA3H41Gcc98LIsL5fJaUUi8GmEwmpJS4Xq8CUErBqSoiwuv14nQ6SV3XiAgiwvP55HK5SNu2fVthu91ajBGAlBKPx4Plcomqcr/f2Ww2NpvNUFVSSoSOmBnT6RQz43a74b1nsVgQY+zqJMZI6CJ571FVYozM53O6vZlhZuSc8d7jmqbpX6LLnnP+p1ozYzAYUNc1v0U5vRsPEB4FAAAAAElFTkSuQmCC);
}

.letrilizar-change-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUdAQMSVyWfcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAG2SURBVCjPXZCxaiJhFEbPnflHkFgoioQoFhYS1iaCIWxrFRBskwdYH2sfQMTGYkHBdov4AIIWlmOCEhIiRGb+e7eaKfbW537fvUf6/T6qiojQ7Xbjdrt9XS6XERE+Pj7Y7XabzWbz4+rqiuFwaNLr9SiVSjw+Plq1WkVEyEZEUFXe39+5XC40Gg1cFEUMBgOrVqscj0deXl4kjmNEhEqlwv39vTWbTUQE7z2u1WoNGo0Gp9OJ+XwuqoqZISJ8fX0RRVHeFgQBrtPprMyM9XrdVlXSNM2h0Whk5XKZIAjw3mNmuFqthpkRx/FeVYmiCO89IsJkMpH/f3KXy4UkSUiSBCA3JiKYWQ4/Pz9bkiS42WwmZoaq4pwjTdP8BOcc3nsKhQKlUonv72/ceDy2TF/mfjqdSrYkIjSbzYGIcDqdcADee8IwJI5jlsulqGoeUCgUuLu7W4kI2+32lwMIggBVxXtPsVjEe4+qUq/XeXh4sHq9zuFwYL/f/3YAr6+vhGHIzc0NT09PljWEYYiZ8fb2xmKxkDRNcZ+fn6xWKzmfz9ze3v7tdDo/K5VKDm632z+73W6YSfkHEObrU8ogW6IAAAAASUVORK5CYII=);
}
/*



 */
