/* CUSTOM SPS STYLING */
/* Loading overlay */
#loadingOverlay {
	z-index: 30;
	position: absolute;
	color: var(--color2);
	font-size: 1.8em;
	width: 100%;
	height: 100%;
	background-color: var(--color1);
	justify-content: center;
	text-transform: uppercase;
	overflow: hidden;
}

#loadingOverlayText {
	align-self: flex-end;
	padding-bottom: 1%;
	display: inline-block;
	text-align: center;
}

#loadingOverlayAnimation {
	width: 100%;
	height: 100%;
	position: absolute;
}

#dropContainer {
	width: 100%;
	height: 100%;
	animation: rain 5s linear infinite;
	position: absolute;
}

/* Rain drops */
drop {
	position: absolute;
	height: 20%;
	background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.5) 50%, var(--color11) 100%);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}

/* drop:nth-child(3n + 1) {
	background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.5) 50%, var(--color9) 100%);
}
drop:nth-child(3n + 2) {
	background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.5) 50%, var(--color10)  100%);
} */

@keyframes rain {
	0% {
		transform: translateY(-20%);
	}

	100% {
		transform: translateY(calc(100% + 20%));
	}
}

/* Loading spinner */
.loading-spinner {
  display: inline-block;
  position: relative;
}
.loading-spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  margin: 12.5%;
  border: 1px solid var(--color2);
  border-radius: 50%;
  animation: loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--color2) transparent transparent transparent;
}
.loading-spinner div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-spinner div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-spinner div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#drophead {
	background-color: var(--color11);
	position: absolute;
	top: 100%;
}
#sps{
	width: 100%;
	height:100%;
}