/* CSS Loading Container */
.cssload-container { width: 3.75rem; height: 3.75rem; margin: 0 auto; padding: 1.25rem; box-sizing: content-box; }
/* CSS Loading Animation Tube */
.cssload-tube-tunnel { width: 100%; height: 100%; margin: 0 auto; border: 0.1875rem solid #444; border-radius: 50%; animation: cssload-scale 1.1s infinite linear; }
@keyframes cssload-scale { 0%{ transform:scale(0) }90%{ transform:scale(0.7) }100%{ transform:scale(1) } }
/* CSS Loading Animation Spinner */
.cssload-spinner,
.cssload-spinner:after { width: 100%; height: 100%; border-radius: 50%; }
.cssload-spinner { position: relative; border: 0.375rem solid rgba(0,0,0,0.35); border-left: 0.375rem solid #444; transform: translateZ(0); animation: cssload-wheel 1.1s infinite linear; }
@keyframes cssload-wheel { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Fade In Animation */
@keyframes fadein { 0%, 25% { opacity: 0 } 100% { opacity: 1 } }