/**
 * DDL Step 6 - Stickers modal styles
 */

#modal-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	border: 4px solid #ccc;
	border-top: 4px solid #000;
	border-radius: 50%;
	animation: ddl-step6-spin 1s linear infinite;
	display: none;
	z-index: 10;
}

#modal-image {
	transition: opacity 0.4s ease;
}

@keyframes ddl-step6-spin {
	0%   { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}