// @import '../_utils.scss';
.#{$waves-prefix-cls} {
  &-wrap {
    position: absolute;
    width: $waves-wrap-width;
    height: $waves-wrap-height;
    left: $waves-wrap-left;
    top: $waves-wrap-top;
    overflow: hidden;
    z-index: 0;
    color: $waves-container-color;
    pointer-events: none;

    &.light {
      color: $waves-wrap-light-color;
    }
  }

  &-animation {
    position: absolute;
    top: $waves-animation-top;
    left: $waves-animation-left;
    border-radius: $waves-animation-border-radius;
    background: $waves-animation-background;
    opacity: 0;
    -webkit-transition: $waves-animation-transition;
    -moz-transition: $waves-animation-transition;
    transition: $waves-animation-transition;
    pointer-events: none;
    overflow: hidden;
    will-change: opacity;

    &-enter {
      transition: none;
    }

    &-visible {
      opacity: $waves-animation-visible-opacity;
    }
  }
}