@charset "UTF-8";

.myfixed { width:100%; height:100%; margin:0; padding:0; position: fixed; top:0; left:0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; }
.z99     { z-index: 99; }
.glass_back { display: block; }

.glass {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #613C80;
}

.whiskey-loader {
	position: relative;

	&:before,
	&:after {
		animation: cube-float 2s linear infinite;
		background-color: rgba(255,255,255, 0.85);
		border-radius: 2px;
		content: '';
		height: 17px;
		width: 17px;
		position: absolute;
		top: 28px;
		left: 35px;
		will-change: transform;
		z-index: -1;
	}

	&:after {
		animation-name: cube-float--alt;
		animation-duration: 3s;
		top: 34px;
		left: 16px;
		transform: rotate(30deg);
	}
}

@keyframes cube-float {
	0% {
		animation-timing-function: ease-in;
		transform: none;
	}

	25% {
		transform: rotate(-5deg) translate3d(-1px, 2px, 0);
	}

	50% {
		animation-timing-function: ease-in-out;
		transform: rotate(0deg) translate3d(-1px, 6px, 0);
	}

	80% {
		transform: rotate(5deg) translate3d(0, 2px, 0);
	}

	100% {
		animation-timing-function: ease-in;
		transform: none;
	}
}

@keyframes cube-float--alt {
	50% {
		animation-timing-function: ease;
		transform: rotate(20deg) translate3d(-2px, -4px, 0);
	}
}