@import '../../style/themes/default';
@import '../../style/mixins/index';

@ripple-prefix-cls: ~'@{c7n-prefix}-ripple';

.@{ripple-prefix-cls} {
  position: absolute;
  background-color: @ripple-dark-color;
  border-radius: 50%;
  transition: all 450ms cubic-bezier(0, 0, 0.2, 1);
  pointer-events: none;

  &-wrapper {
    position: absolute;
    top: -0.01rem;
    right: -0.01rem;
    bottom: -0.01rem;
    left: -0.01rem;
    overflow: hidden;
    background-clip: padding-box;
    border-radius: inherit;
    pointer-events: none;
  }
}