@import "../../app.scss";

view.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba($color: #000000, $alpha: .2);
	z-index: 1;
}

view.mask.block {
    display: block;
}

view.mask.none {
    display: none;
}

view.mask.show {
    animation: show .1s cubic-bezier(0, 0, 1, 1) both;
    opacity: 1;
}

view.mask.hide {
    animation: hide .1s cubic-bezier(0, 0, 1, 1) both;
    opacity: 0;
}

@keyframes show{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes hide{
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}