.ui-lightbox > span {
  width: 100%;
  height: 100%; }

.ui-lightbox-ripple {
  position: relative; }
  .ui-lightbox-ripple:before, .ui-lightbox-ripple:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: transparent;
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    transition: all .4s ease; }
  .ui-lightbox-ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s; }

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 1em rgba(255, 255, 255, 0.2); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

/*# sourceMappingURL=style.css.map */