.withripple{
    position:relative
}
.ripple-wrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none
}
.ripple{
    position:absolute;
    width:20px;
    height:20px;
    margin-left:-10px;
    margin-top:-10px;
    border-radius:100%;
    background-color:rgba(0,0,0,.05);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    opacity:0;
    pointer-events:none
}
.ripple.ripple-on{
    transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
    transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(.4,0,.2,1) .1s;
    opacity:.1
}
.ripple.ripple-out{
    transition:opacity .1s linear 0s!important;
    opacity:0
}
/*# sourceMappingURL=ripples.min.css.map */