@layer dot-svg.molecule {
[dir=ltr] .container > svg{
     animation:  loaderone-ltr 2s linear infinite;
}[dir=rtl] .container > svg{
     animation:  loaderone-rtl 2s linear infinite;
}
.outerCircle{
    transform-origin: center;
}
[dir=ltr] .outerCircle{
     animation: outerCircleAnimation 1.5s linear infinite;
}
[dir=rtl] .outerCircle{
     animation: outerCircleAnimation 1.5s linear infinite;
}
.innerCircle{
     transform-origin: center;
}
[dir=ltr] .innerCircle{
     animation: innerCircleAnimation 1.2s linear infinite;
}
[dir=rtl] .innerCircle{
     animation: innerCircleAnimation 1.2s linear infinite;
}

@keyframes outerCircleAnimation{to{stroke-dashoffset:-82}}
@keyframes innerCircleAnimation{to{stroke-dashoffset:-50}}
@keyframes loaderone-ltr{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
@keyframes loaderone-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}
}