/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.dui-ripple-wave {
  position: relative;
  overflow: hidden;
}

/* The pseudo-element that will show the ripple */
.dui-ripple-wave::after {
  content: "";
  position: absolute;
  left: var(--dui-ripple-x, 0);
  top: var(--dui-ripple-y, 0);
  width: var(--dui-ripple-size, 100px);
  height: var(--dui-ripple-size, 100px);
  background: var(--dui-wave-bg, var(--dui-bg-l-3, rgba(0, 0, 0, 0.2)));
  opacity: 1;
  border-radius: 50%;
  transform: scale(0);
}

/* When the ripple is active, trigger the animation on the pseudo-element */
.dui-ripple-wave.dui-ripple-wave-active::after {
  animation: ripple-animation 600ms linear;
}

@keyframes ripple-animation {
  from {
    transform: scale(0);
    opacity: 0.7;
  }
  to {
    transform: scale(4);
    opacity: 0;
  }
}

.dui.dui-waves-primary {
  --dui-wave-bg:var(--dui-clr-primary-l-3);
}

.dui.dui-waves-secondary {
  --dui-wave-bg:var(--dui-clr-secondary-l-3);
}

.dui.dui-dominant {
  --dui-wave-bg:var(--dui-clr-dominant-l-3);
}

.dui.dui-waves-accent {
  --dui-wave-bg:var(--dui-accent-l-3);
}

.dui.dui-waves-success {
  --dui-wave-bg:var(--dui-clr-success-l-3);
}

.dui.dui-waves-info {
  --dui-wave-bg:var(--dui-clr-info-l-3);
}

.dui.dui-waves-warning {
  --dui-wave-bg:var(--dui-clr-warning-l-3);
}

.dui.dui-waves-error {
  --dui-wave-bg:var(--dui-clr-error-l-3);
}

.dui.dui-waves-red {
  --dui-wave-bg:var(--dui-clr-red-l-3);
}

.dui.dui-waves-pink {
  --dui-wave-bg:var(--dui-clr-pink);
}

.dui.dui-waves-purple {
  --dui-wave-bg:var(--dui-clr-purple);
}

.dui.dui-waves-deep-purple {
  --dui-wave-bg:var(--dui-clr-deep-purple);
}

.dui.dui-waves-indigo {
  --dui-wave-bg:var(--dui-clr-indigo);
}

.dui.dui-waves-blue {
  --dui-wave-bg:var(--dui-clr-blue);
}

.dui.dui-waves-light-blue {
  --dui-wave-bg:var(--dui-clr-light-blue);
}

.dui.dui-waves-cyan {
  --dui-wave-bg:var(--dui-clr-cyan);
}

.dui.dui-waves-teal {
  --dui-wave-bg:var(--dui-clr-teal);
}

.dui.dui-waves-green {
  --dui-wave-bg:var(--dui-clr-green);
}

.dui.dui-waves-light-green {
  --dui-wave-bg:var(--dui-clr-light-green);
}

.dui.dui-waves-lime {
  --dui-wave-bg:var(--dui-clr-lime);
}

.dui.dui-waves-yellow {
  --dui-wave-bg:var(--dui-clr-yellow);
}

.dui.dui-waves-amber {
  --dui-wave-bg:var(--dui-clr-amber);
}

.dui.dui-waves-orange {
  --dui-wave-bg:var(--dui-clr-orange);
}

.dui.dui-waves-deep-orange {
  --dui-wave-bg:var(--dui-clr-deep-orange);
}

.dui.dui-waves-brown {
  --dui-wave-bg:var(--dui-clr-brown);
}

.dui.dui-waves-grey {
  --dui-wave-bg:var(--dui-clr-grey);
}

.dui.dui-waves-blue-grey {
  --dui-wave-bg:var(--dui-clr-blue-grey);
}

.dui.dui-waves-white {
  --dui-wave-bg:var(--dui-clr-white);
}

.dui.dui-waves-black {
  --dui-wave-bg:var(--dui-clr-black);
}
