.wcs-spinner {
  margin: 100px auto;
  width: 100px;
  height: 80px;
  text-align: center;
  font-size: 10px;
}

.wcs-spinner > div {
  background-color: #fff;
  height: 100%;
  width: 5px;
  display: inline-block;
  margin: 0 1px;
  opacity: 0.92;

  -webkit-animation: wcs-stretchdelay 1.2s infinite ease-in-out;
  animation: wcs-stretchdelay 1.2s infinite ease-in-out;
}

.wcs-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.wcs-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.wcs-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.wcs-spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes wcs-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes wcs-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.wcs-addons--pipe{
	line-height: 1;
	overflow: hidden;
	position: relative;
	padding-left: 1.4em;

	&::before{
		//content: '•';
    content: '';
		display: inline-block;
		position: absolute;
    border-radius: 100em;
    width: 0.3em;
    height: 0.3em;
    background-color: currentColor;
		//font-size: 150%;
		opacity: 0.45 !important;
		//bottom: .025em;
		//left: .125em;
    left: 0.45em;
    top: 0.45em;
	}

}
.wcs-class--unselectable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wcs-addons--blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
  display: inline-block;
  padding: 0 1px;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
