.wn-sd-snt-icon .left-side {
	left: 0
}

.wn-sd-snt-icon .right-side {
	right: 0
}

.wn-sd-snt-icon .bar {
	width: 100%;
	height: 100%;
	-moz-border-radius: 200px 0 0 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px 0 0 200px;
	border: 6px solid #fff;
	position: relative
}

.wn-sd-snt-icon .bar:after {
	content: "";
	width: 6px;
	height: 6px;
	display: block;
	background: #fff;
	position: absolute;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.wn-sd-snt-icon .right-side .bar {
	-moz-border-radius: 0 200px 200px 0;
	-webkit-border-radius: 0;
	border-radius: 0 200px 200px 0;
	border-left: none;
	-webkit-transform: rotate(-10deg);
	-webkit-transform-origin: left center;
	transform: rotate(-10deg);
	transform-origin: left center;
	-webkit-animation: scrit-right 0.75s linear infinite alternate;
	animation: scrit-right 0.75s linear infinite alternate
}

.wn-sd-snt-icon .right-side .bar:after {
	bottom: -6px;
	left: -3px
}

.wn-sd-snt-icon .left-side .bar {
	border-right: none;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-animation: scrit-left 0.75s linear infinite alternate;
	animation: scrit-left 0.75s linear infinite alternate
}

.wn-sd-snt-icon .left-side .bar:after {
	bottom: -6px;
	right: -3px
}

@keyframes scrit-left {
	to {
		transform: rotate(30deg)
	}
	from {
		transform: rotate(175deg)
	}
}

@keyframes scrit-right {
	from {
		transform: rotate(-175deg)
	}
	to {
		transform: rotate(-30deg)
	}
}

@keyframes scrit-all {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(-360deg)
	}
}

@keyframes material-fade-in-first {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes material-fade-in-second {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}