.ucm-fade {
  &-in {
    opacity: 0 !important;
    &-active {
      @include transition(opacity .5s ease-in-out);
      opacity: 1 !important;
      z-index: 5002;
    }
  }

  &-out {
    opacity: 1 !important;
    z-index: 5002;
    &-active {
      @include transition(opacity .5s ease-in-out);
      opacity: 0 !important;
    }
  }
}

.ucm-animate {
  &-in {
    @extend .ucm-fade-in;
    &-active {
      @extend .ucm-fade-in-active;
    }
  }

  &-out {
    @extend .ucm-fade-out;
    &-active {
      @extend .ucm-fade-out-active;
    }
  }
}