
.slide-in-down.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-in-left.mui-enter, .slide-in-up.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-left.mui-enter {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-in-up.mui-enter {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-in-right.mui-enter, .slide-out-down.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-right.mui-enter {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-out-down.mui-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-out-right.mui-leave, .slide-out-up.mui-leave {
	transition-property: opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	transition-duration: .5s;
	transition-timing-function: linear;
}

.slide-out-down.mui-leave.mui-leave-active {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.slide-out-right.mui-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.slide-out-up.mui-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.slide-out-left.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fade-in.mui-enter, .fade-out.mui-leave {
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing-function: linear;
}

.slide-out-left.mui-leave.mui-leave-active {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.fade-in.mui-enter {
	opacity: 0;
}

.fade-in.mui-enter.mui-enter-active, .fade-out.mui-leave {
	opacity: 1;
}

.fade-out.mui-leave.mui-leave-active {
	opacity: 0;
}

.hinge-in-from-top.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-bottom.mui-enter, .hinge-in-from-right.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-in-from-right.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: right;
	transform-origin: right;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-in-from-left.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	-webkit-transform-origin: left;
	transform-origin: left;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	opacity: 1;
}

.hinge-out-from-top.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-bottom.mui-leave, .hinge-out-from-right.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
}

.hinge-out-from-right.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: right;
	transform-origin: right;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	opacity: 0;
}

.hinge-out-from-left.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0);
	transform: perspective(2000px) rotate(0);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
}

.scale-in-up.mui-enter {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.scale-in-down.mui-enter, .scale-out-up.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.scale-in-up.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.scale-in-down.mui-enter {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.scale-out-up.mui-leave {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.scale-out-down.mui-leave, .spin-in.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: opacity, -webkit-transform;
}

.scale-out-up.mui-leave.mui-leave-active {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
}

.scale-out-down.mui-leave {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
	-webkit-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
}

.spin-in.mui-enter {
	-webkit-transform: rotate(-.75turn);
	transform: rotate(-.75turn);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.spin-in-ccw.mui-enter, .spin-out.mui-leave {
	transition-property: opacity, -webkit-transform;
	transition-duration: .5s;
	transition-timing-function: linear;
}

.spin-in.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

.spin-out.mui-leave {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
	-webkit-transform: rotate(.75turn);
	transform: rotate(.75turn);
	opacity: 0;
}

.spin-in-ccw.mui-enter {
	-webkit-transform: rotate(.75turn);
	transform: rotate(.75turn);
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

.spin-out-ccw.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
	-webkit-transform: rotate(-.75turn);
	transform: rotate(-.75turn);
	opacity: 0;
}

.slow {
	transition-duration: 750ms !important;
}

.linear {
	transition-timing-function: linear !important;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
}

.ease {
	transition-timing-function: ease !important;
	-webkit-animation-timing-function: ease !important;
	animation-timing-function: ease !important;
}

.ease-in {
	transition-timing-function: ease-in !important;
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important;
}

.ease-out {
	transition-timing-function: ease-out !important;
	-webkit-animation-timing-function: ease-out !important;
	animation-timing-function: ease-out !important;
}

.ease-in-out {
	transition-timing-function: ease-in-out !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
}

.bounce-in {
	transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
	-webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
	animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
}

.bounce-out {
	transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
	-webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
	animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
}

.bounce-in-out {
	transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
	-webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
	animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
}

.short-delay {
	transition-delay: .3s !important;
	-webkit-animation-delay: .3s !important;
	animation-delay: .3s !important;
}

.long-delay {
	transition-delay: .7s !important;
	-webkit-animation-delay: .7s !important;
	animation-delay: .7s !important;
}

.shake {
	-webkit-animation-name: shake-7;
	animation-name: shake-7;
}

@-webkit-keyframes shake-7 {
	0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%);
	}
	
	15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}
}

@keyframes shake-7 {
	0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
		-webkit-transform: translateX(7%);
		transform: translateX(7%);
	}
	
	15%, 25%, 35%, 45%, 5%, 55%, 65%, 75%, 85%, 95% {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}
}

.spin-cw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@-webkit-keyframes spin-cw-1turn {
	0% {
		-webkit-transform: rotate(-1turn);
		transform: rotate(-1turn);
	}
	
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.spin-ccw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
	0%, 100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.wiggle {
	-webkit-animation-name: wiggle-7deg;
	animation-name: wiggle-7deg;
}

@-webkit-keyframes wiggle-7deg {
	40%, 50%, 60% {
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg);
	}
	
	35%, 45%, 55%, 65% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}
	
	0%, 100%, 30%, 70% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes wiggle-7deg {
	40%, 50%, 60% {
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg);
	}
	
	35%, 45%, 55%, 65% {
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}
	
	0%, 100%, 30%, 70% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

.shake, .spin-ccw, .spin-cw, .wiggle {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.slow {
	-webkit-animation-duration: 750ms !important;
	animation-duration: 750ms !important;
}

.fast {
	transition-duration: 250ms !important;
	-webkit-animation-duration: 250ms !important;
	animation-duration: 250ms !important;
}
