<css-doodle>
@grid: 21 / 60vmin;
border-radius: 50%;
background: #ffb86c;
scale: sin(@atan2(@dy, @dx) + @t(/500));
</css-doodle>

html, body {
  margin: 0;
  height: 100vh;
  display: grid;
  place-content: center;
  background: #1b2b34;
}

pre {
  margin-top: 1em;
  line-height: 1.4;
  font-size: clamp(1px, 2cqmin, 14px); 
  color: #ffb86c;
}

let pre = document.createElement('pre');
pre.innerHTML = document.querySelector('css-doodle')._code; 
document.body.appendChild(pre);