.dimodal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; /*visibility: hidden;*/}
.dimodal-item{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.dimodal-background{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(43, 46, 56, .5); animation-fill-mode: forwards;}
.dimodal-scroller{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; display: flex;}
.dimodal-aligner{flex: 1 1 auto; margin: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 50px;}
.dimodal-content{flex: 0 0 auto; min-height: 0; position: relative; animation-fill-mode: forwards;}
.dimodal-content__inner{}
.dimodal-hide{position: absolute; top: 0; right: 0; transform: translate(100%, -100%); padding: 8px; background: #272E32; color: #fff; cursor: pointer;}

.dimodal-content--showed{-webkit-animation-name: showing-keyframes; animation-name: showing-keyframes; animation-duration: 0.2s;}
.dimodal-content--hidden{-webkit-animation-name: hiding-keyframes; animation-name: hiding-keyframes; animation-duration: 0.2s;}
.dimodal-background--showed{-webkit-animation-name: backgroun-showing-keyframes; animation-name: background-showing-keyframes; animation-duration: 0.2s;}
.dimodal-background--hidden{-webkit-animation-name: background-hiding-keyframes; animation-name: background-hiding-keyframes; animation-duration: 0.2s;}

.dimodal--current{z-index: 1;}
.dimodal-animation--force{animation-duration: 0s;}

@-webkit-keyframes showing-keyframes{
	from{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	to{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes showing-keyframes {
	from{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	to{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes hiding-keyframes{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}
@keyframes hiding-keyframes{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}
@-webkit-keyframes background-showing-keyframes{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes background-showing-keyframes{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes background-hiding-keyframes {
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
@keyframes background-hiding-keyframes{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}