/* ==========================================================================
   Spinner layout styles
   ========================================================================== */

#qodef-page-spinner {
	
	&.qodef-layout--wave {
		
		.qodef-m-wave {
			width: 72px;
			margin: -9px 0 0 -36px;
			text-align: center;
		}
		
		.qodef-m-wave-item {
			display: inline-block;
			width: 18px;
			height: 18px;
			margin: 0 3px 0 0;
			background-color: currentColor;
			border-radius: 100%;
			animation: qode-bounce-delay 1.4s infinite ease-in-out both;
			
			&.qodef-wave--1 {
				animation-delay: -0.32s;
			}
			
			&.qodef-wave--2 {
				animation-delay: -0.16s;
			}
		}
	}
}
