Hyperbolic circles

svg {
  viewBox: -5 -5 10 10 p 1;
  g {
    stroke: #1B2D37;
    stroke-width: .04;

    circle { r: 5; fill: #f9f8eb }

    g*5 {
      fill: @pn(#76b39d, #05004e, #fd5f00, #f9f8eb, #76b39d);
      circle*$(2^@n1) {
        r: $(5tan(π/@N));
        cx, cy: @Plot(r: $(5/cos(π/@N)); rotate: @N(180/));
      }
    }

    mask: mask { circle { r: 5; fill: #fff }}
    circle { r: 4.98; fill: none }
  }
}