.withripple
	{
		position:relative
	}
	
.ripple-wrapper
	{
	position: absolute;
	top: 3px;
	left: 6px;
	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 */