@import "var";

.@{prefixName}-backdrop {
	display: none;
	&__overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: @backdrop-background-color;
		z-index: @backdrop-zindex;
	}
	&.is-shown {
		display: block;
	}
}

@keyframes backdropShow {
  0% {
    opacity: 0;
		background-color: transparent;
  }
  100% {
    opacity: 1;
		background-color: @backdrop-background-color;
  }
}