/* Loading */
#loading {
	display: grid;
	place-items: center;
	background-color: var(--c-bgr);
}

#loading .logo {
	display: grid;
	justify-items: center;
}

#loading svg {
	height: 10rem;
	fill: var(--title-color);
}

#loading svg .svg-elem-1 {
  stroke-dashoffset: 5110.3291015625px;
  stroke-dasharray: 5110.3291015625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#loading svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(238, 238, 238);
}