/** SVG animation **/
svg {
	&.am_Success_Icon, &.am_Error_Icon {
		width: 160px;
		margin: auto auto;

		path, polyline, line {
			fill: none;
			stroke-width: 15;
			stroke-linecap: round;
			stroke-linejoin: round;
		}

		.am_SVG_circle {
			stroke-dasharray: 1460;
			animation: am_SVG_circle 2s ease-in;
		}
	}

	&.am_Success_Icon {
		.am_SVG_check {
			stroke-dasharray: 630;
			animation: am_SVG_check 2s ease-in;
		}

		path, polyline, line {
			stroke: var(--vg-fs-color-success);
		}
	}

	&.am_Error_Icon {
		.am_SVG_error1 {
			stroke-dasharray: 630;
			animation: am_SVG_error1 2s ease-in;
		}

		.am_SVG_error2 {
			stroke-dasharray: 630;
			animation: am_SVG_error2 3s ease-in;
		}

		path, polyline, line {
			stroke: var(--vg-fs-color-danger);
		}
	}
}

@keyframes am_SVG_circle {
	0%, 60% {
		stroke-dashoffset: -1460;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes am_SVG_check {
	0% {
		stroke-dashoffset: 630;
	}
	40% {
		stroke-dashoffset: 0;
	}
}

@keyframes am_SVG_error1 {
	0% {
		stroke-dashoffset: 630;
	}
	20% {
		stroke-dashoffset: 0;
	}
}

@keyframes am_SVG_error2 {
	0%, 20% {
		stroke-dashoffset: 630;
	}
	40% {
		stroke-dashoffset: 0;
	}
}