				opacity: 0;
			}
		}

		@keyframes dialogSlipToUp {
			0% {
				top: 100%;
				opacity: 0.3;
			}

			100% {
				top: 50%;
				opacity: 1;
			}
		}

		@keyframes dialogSlipToBottom {
			0% {
				top: 50%;
				opacity: 1;
				transform: translate(-50%, -50%);
			}

			100% {
				top: 100%;
				opacity: 0.3;
				transform: translate(-50%, 0);
			}
		}

		@keyframes contentSlipToUp {
			0% {
				transform: rotateX(90deg);
			}

			100% {
				transform: rotateX(0deg);
			}
		}

		@keyframes contentSlipToBot