html,body{margin:0;padding:0;font-size:62.5%;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes genericRotating{0%{transform:rotate(calc(0deg + calc(var(--offsetFactor) * var(--offsetDegree)))) translateY(128px) rotate(calc(0deg - calc(var(--offsetFactor) * var(--offsetDegree))))}to{transform:rotate(calc(360deg + calc(var(--offsetFactor) * var(--offsetDegree)))) translateY(128px) rotate(calc(-360deg - calc(var(--offsetFactor) * var(--offsetDegree))))}}.red{background:red}.green{background:green}.blue{background:#00f}.yellow{background:#ff0}