@layer lab{@keyframes ci-spin{to{rotate:1turn}}.ci-box{--d:4s;--d2:0s;background:conic-gradient(from 0deg, var(--accent), var(--accent-2), #188038, var(--accent));color:#fff;width:96px;height:96px;font-family:var(--display);animation:ci-spin var(--d) linear infinite, ci-spin var(--d2) linear infinite;animation-composition:add;animation-play-state:var(--play-state,running), paused;border-radius:18px;place-items:center;font-weight:600;display:grid}.ci-box.boost{animation-play-state:var(--play-state,running), var(--play-state,running)}@keyframes ci2-spin{to{rotate:1turn}}.ci2-box{background:linear-gradient(135deg, var(--accent), #6cb6ff);color:#fff;width:96px;height:96px;font-family:var(--display);border-radius:18px;place-items:center;font-weight:600;transition:transform 1s ease-out;animation:2s linear infinite paused ci2-spin;display:grid;transform:rotate(0)}.ci2-box.go{animation-play-state:running;transform:rotate(-.25turn)}}
