/* Базовые */
.dimodal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; /*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: #2b2e3880; animation-fill-mode: both;}
.dimodal-scroller{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; overflow-x: hidden; display: flex;}
.dimodal-placement{margin: auto; /*margin is important for bottom padding*/ display: flex;}
.dimodal-content{flex: 0 0 auto; min-height: 0; position: relative; display: flex; animation-fill-mode: both; max-width: 100%;}
.dimodal-content__inner{flex: 1 1 auto; max-width: 100%;}
.dimodal-hide{position: absolute; top: 0; right: 0; transform: translate(100%, -100%); width: 20px; height: 20px; background-color: #fff; border-radius: 2px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5Mjg5IDUuMjkyODlDNS42ODM0MiA0LjkwMjM3IDYuMzE2NTggNC45MDIzNyA2LjcwNzExIDUuMjkyODlMMTIgMTAuNTg1OEwxNy4yOTI5IDUuMjkyODlDMTcuNjgzNCA0LjkwMjM3IDE4LjMxNjYgNC45MDIzNyAxOC43MDcxIDUuMjkyODlDMTkuMDk3NiA1LjY4MzQyIDE5LjA5NzYgNi4zMTY1OCAxOC43MDcxIDYuNzA3MTFMMTMuNDE0MiAxMkwxOC43MDcxIDE3LjI5MjlDMTkuMDk3NiAxNy42ODM0IDE5LjA5NzYgMTguMzE2NiAxOC43MDcxIDE4LjcwNzFDMTguMzE2NiAxOS4wOTc2IDE3LjY4MzQgMTkuMDk3NiAxNy4yOTI5IDE4LjcwNzFMMTIgMTMuNDE0Mkw2LjcwNzExIDE4LjcwNzFDNi4zMTY1OCAxOS4wOTc2IDUuNjgzNDIgMTkuMDk3NiA1LjI5Mjg5IDE4LjcwNzFDNC45MDIzNyAxOC4zMTY2IDQuOTAyMzcgMTcuNjgzNCA1LjI5Mjg5IDE3LjI5MjlMMTAuNTg1OCAxMkw1LjI5Mjg5IDYuNzA3MTFDNC45MDIzNyA2LjMxNjU4IDQuOTAyMzcgNS42ODM0MiA1LjI5Mjg5IDUuMjkyODlaIiBmaWxsPSIjMEYxNzI5Ii8+DQo8c3R5bGUgaWQ9InN0eWxpc2gtMSIgY2xhc3M9InN0eWxpc2giIHR5cGU9InRleHQvY3NzIj4uc2lkZS1wYW5lbC1jb250YWluZXJ7dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDAlKSAhaW1wb3J0YW50O308L3N0eWxlPjwvc3ZnPg==); background-repeat: no-repeat; background-size: cover; color: #fff; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 22px; }


/* Имена анимаций */
.dimodal-background-animation--fade-1{-webkit-animation-name: background-fade-1; animation-name: background-fade-1;}
.dimodal-background-animation--fade-0{-webkit-animation-name: background-fade-0; animation-name: background-fade-0;}
.dimodal-content-animation--fade-1{-webkit-animation-name: content-fade-1; animation-name: content-fade-1;}
.dimodal-content-animation--fade-0{-webkit-animation-name: content-fade-0; animation-name: content-fade-0;}
.dimodal-content-animation--rightslide-1{-webkit-animation-name: content-rightslide-1; animation-name: content-rightslide-1;}
.dimodal-content-animation--rightslide-0{-webkit-animation-name: content-rightslide-0; animation-name: content-rightslide-0;}
.dimodal-content-animation--leftslide-1{-webkit-animation-name: content-leftslide-1; animation-name: content-leftslide-1;}
.dimodal-content-animation--leftslide-0{-webkit-animation-name: content-leftslide-0; animation-name: content-leftslide-0;}
.dimodal-content-animation--bottomslide-1{-webkit-animation-name: content-bottomslide-1; animation-name: content-bottomslide-1;}
.dimodal-content-animation--bottomslide-0{-webkit-animation-name: content-bottomslide-0; animation-name: content-bottomslide-0;}

/* Форсер анимации */
.dimodal-animation--force{animation-duration: 0.001s !important;}

/* Джастифиер по центру */
.dimodal-placement--justified-center{margin-left: auto; margin-right: auto;}
/* Джастифиер по левому краю */
.dimodal-placement--justified-left{margin-left: 0;}
/* Джастифиер по правому краю */
.dimodal-placement--justified-right{margin-right: 0;}
/* Джастифиер на весь экран */
.dimodal-placement--justified-full{margin-left: 0; margin-right: 0;}
.dimodal-placement--justified-full .dimodal-hide{transform: translate(0, 0);}
.dimodal-placement--justified-stretch{margin-left: 0; margin-right: 0;}
.dimodal-placement--justified-stretch .dimodal-hide{transform: translate(0, 0);}

/* Алигнер по центру */
.dimodal-placement--aligned-center{margin-top: auto; margin-bottom: auto;}
/* Алигнер по верхнему краю */
.dimodal-placement--aligned-top{margin-top: 0;}
/* Алигнер по нижнему краю */
.dimodal-placement--aligned-bottom{margin-bottom: 0;}
/* Алигнер на весь экран */
.dimodal-placement--aligned-full{margin-top: 0; margin-bottom: 0;}
.dimodal-placement--aligned-full .dimodal-hide{transform: translate(0, 0);}
.dimodal-placement--aligned-stretch{margin-top: 0; margin-bottom: 0;}
.dimodal-placement--aligned-stretch .dimodal-hide{transform: translate(0, 0);}

/* Анимации */
@-webkit-keyframes background-fade-1{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes background-fade-1{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes background-fade-0{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
@keyframes background-fade-0{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

/* --- */

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

@-webkit-keyframes content-fade-0{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}
@keyframes content-fade-0{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}

/* --- */

@-webkit-keyframes content-rightslide-1{
	from{
		-webkit-transform: translateX(100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}
@keyframes content-rightslide-1{
	from{
		-webkit-transform: translateX(100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes content-rightslide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(100%);
	}
}
@keyframes content-rightslide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(100%);
	}
}

/* --- */

@-webkit-keyframes content-leftslide-1{
	from{
		-webkit-transform: translateX(-100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}
@keyframes content-leftslide-1{
	from{
		-webkit-transform: translateX(-100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes content-leftslide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(-100%);
	}
}
@keyframes content-leftslide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(-100%);
	}
}

@-webkit-keyframes content-bottomslide-0{
	from{
		-webkit-transform: translateY(0);
	}
	to{
		-webkit-transform: translateY(100%);
	}
}
@keyframes content-bottomslide-0{
	from{
		-webkit-transform: translateY(0);
	}
	to{
		-webkit-transform: translateY(100%);
	}
}

@-webkit-keyframes content-bottomslide-1{
	from{
		-webkit-transform: translateY(100%);
	}
	to{
		-webkit-transform: translateY(0);
	}
}
@keyframes content-bottomslide-1{
	from{
		-webkit-transform: translateY(100%);
	}
	to{
		-webkit-transform: translateY(0);
	}
}