.base {
	height: 9em;
	margin: -7.5em;
	padding: 3em;
	position: absolute;
	width: 15em;
	transform: rotateX(45deg) rotateZ(45deg);
	transform-style: preserve-3d;
}

.cube,
.cube:after,
.cube:before {
	content: '';
	float: left;
	height: 3em;
	position: absolute;
	width: 3em;
}

.cube {
	background-color: #05afd1;
	position: relative;
	transform: translateZ(3em);
	transform-style: preserve-3d;
	transition: .25s;
	box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);
	animation: anim 2s infinite;
}

.cube:after {
	background-color: #049dbc;
	transform: rotateX(-90deg) translateY(3em);
	transform-origin: 100% 100%;
}

.cube:before {
	background-color: #048ca7;
	transform: rotateY(90deg) translateX(3em);
	transform-origin: 100% 0;
}

.cube:nth-child(1) {
	animation-delay: 0.05s;
}

.cube:nth-child(2) {
	animation-delay: 0.1s;
}

.cube:nth-child(3) {
	animation-delay: 0.15s;
}

.cube:nth-child(4) {
	animation-delay: 0.2s;
}

.cube:nth-child(5) {
	animation-delay: 0.25s;
}

.cube:nth-child(6) {
	animation-delay: 0.3s;
}

.cube:nth-child(7) {
	animation-delay: 0.35s;
}

.cube:nth-child(8) {
	animation-delay: 0.4s;
}

.cube:nth-child(9) {
	animation-delay: 0.45s;
}

.cube:nth-child(10) {
	animation-delay: 0.5s;
}

.cube:nth-child(11) {
	animation-delay: 0.55s;
}

.cube:nth-child(12) {
	animation-delay: 0.6s;
}

.cube:nth-child(13) {
	animation-delay: 0.65s;
}

.cube:nth-child(14) {
	animation-delay: 0.7s;
}

.cube:nth-child(15) {
	animation-delay: 0.75s;
}

.cube:nth-child(16) {
	animation-delay: 0.8s;
}

.cube:nth-child(17) {
	animation-delay: 0.85s;
}

.cube:nth-child(18) {
	animation-delay: 0.9s;
}

.cube:nth-child(19) {
	animation-delay: 0.95s;
}

.cube:nth-child(20) {
	animation-delay: 1s;
}

@keyframes anim {
	50% {
		transform: translateZ(0.5em);
	}
}


.fine-tune-btn {
    width: 30px; 
    height: 20px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    cursor: pointer; 
    user-select: none;
    border-radius: 3px; 
    transition: all 0.1s;
    border: none;
    background: transparent;
}
.fine-tune-btn:hover {
    background-color: #f5f5f5;
}
.fine-tune-btn:active {
    transform: scale(0.9);
    background-color: #e0e0e0;
}

.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spin {
    -moz-appearance: textfield; /* Firefox */
}
.ft-btn-color{
	color: #606870;
}