/* entire container, keeps perspective */
.flip-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  /* flip the pane when hovered */
  /* flip speed goes here */
}

.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.flip-container .flipper {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}

.flip-container,
.front,
.back {
  height: 480px;
}

/* hide back of pane during swap */
.front,
.back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.front-inactive {
  -webkit-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
  opacity: 0;
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.back-active {
  z-index: 3;
}

.uk-border-radius-4 {
  border-radius: 4px;
}

.uk-border-radius-8 {
  border-radius: 8px;
}

.uk-border-radius-12 {
  border-radius: 12px;
}

.uk-card-xsmall.uk-card-body,
.uk-card-xsmall .uk-card-body {
  padding: 12px 12px;
}

.uk-cursor-pointer {
  cursor: pointer;
}

.uk-cursor-initial {
  cursor: initial;
}

.uk-vibracion-numero {
  font-family: 'Kanit', serif;
  font-size: 110px;
  color: #C75CA5 !important;
}

.uk-vibracion-texto {
  color: white;
  text-shadow: 0px 0px 2px black;
}

.uk-width-large {
  width: 360px !important;
}
/*# sourceMappingURL=vibracion.css.map */