/*! legitRipple.js v1.1.0: ripple.min.css by Matthias Vogt (ISC license) */
.legitRipple,
.legitRipple-custom {
    overflow: hidden
}

.legitRipple {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0
}

.legitRipple-ripple {
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 50%;
    background: rgba(214, 214, 214, 0.4);
    will-change: transform, width, opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 0;
    opacity: 1;
    -webkit-transition: width .10s linear, opacity .5s ease-out;
    transition: width .10s linear, opacity .5s ease-out
}

.legitRipple-ripple:before {
    content: "";
    padding-top: 100%;
    display: block
}

img~.legitRipple-ripple {
    z-index: auto
}

.legitRipple-template {
    display: none
}

.legitRipple-custom>* {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}