@import '../../styles/var.scss';
.xc-mask {
  visibility: hidden;
  position: fixed;
  z-index: $mask__z-index;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(0, 0, 0, 0);

  transition: visibility $mask__transition-duration, background-color $mask__transition-duration;
  &--show {
    visibility: visible;

    background-color: rgba(0, 0, 0, $mask__opacity);
  }
  &__interlayer {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    &--show {
      visibility: visible;
    }
  }
}