@mask-prefix: ~'@{icecream-prefix}-mask';

.@{mask-prefix} {
  position: fixed;
  top: 0;
  left: 0;
  z-index: @icecream-z-index-modal - 1;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: fade(@icecream-black, 15%);

  &&-visible {
    display: block;
    opacity: 1;
  }
}