.pl{width:8em;height:8em}.pl circle{transform-box:fill-box;transform-origin:50% 50%}.pl__ring1{animation:ring1 4s ease-in-out infinite}.pl__ring2{animation:ring2 4s ease-in-out .04s infinite}.pl__ring3{animation:ring3 4s ease-in-out .08s infinite}.pl__ring4{animation:ring4 4s ease-in-out .12s infinite}.pl__ring5{animation:ring5 4s ease-in-out .16s infinite}.pl__ring6{animation:ring6 4s ease-in-out .2s infinite}@keyframes ring1{0%{stroke-dashoffset:-376.237;transform:rotate(-90deg)}23%{stroke-dashoffset:-94.2478;transform:rotate(1turn)}46%,50%{stroke-dashoffset:-376.237;transform:rotate(810deg)}73%{stroke-dashoffset:-94.2478;transform:rotate(3.5turn)}96%,to{stroke-dashoffset:-376.237;transform:rotate(1710deg)}}@keyframes ring2{0%{stroke-dashoffset:-329.207;transform:rotate(-90deg)}23%{stroke-dashoffset:-82.4668;transform:rotate(1turn)}46%,50%{stroke-dashoffset:-329.207;transform:rotate(810deg)}73%{stroke-dashoffset:-82.4668;transform:rotate(3.5turn)}96%,to{stroke-dashoffset:-329.207;transform:rotate(1710deg)}}