*,
:after,
:before {
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
@keyframes draw {
	to {stroke-dashoffset:0; opacity:1;}
}
@-webkit-keyframes draw {
	to {stroke-dashoffset:0; opacity:1;}
}
.line-wrapper {
	width:100%;
	max-width:500px;
}
.practic-line {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:none;
	stroke:#587FFF;
	stroke-width:5;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.practic-line.line.line-animation {
	 opacity:1;
     stroke-dasharray:5000;
     stroke-dashoffset:5000;
     animation:draw 10s;
     animation-delay:1.5s;
     animation-fill-mode:forwards;
     animation-iteration-count:1;
     animation-timing-function:linear;    
}
.s-icon-c {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:none;
	stroke:#49008A;
	stroke-width:1.5;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.s-icon-c.line.line-animation {
	 opacity:1;
     stroke-dasharray:5000;
     stroke-dashoffset:5000;
     animation:draw 25s;
     animation-delay:1.5s;
     animation-fill-mode:forwards;
     animation-iteration-count:1;
     animation-timing-function:linear;    
}
.codedtext {
  cursor:default;
  display:block;
  white-space: nowrap;
  padding:5px 15px 5px 0;
}