How to get clipPath of multiple elements to work in SnapSVG?

Question

css

I have a simple multi-element shape made with svg in SnapSvg and I need to clip the svg to the shape of the shape.
If I clip using one element (ellipse, polygon or circle) then everything works fine, but as soon as I try to apply clipPath with a group of elements, everything disappears. Please help me figure it out. Maybe it clips but inversely?..
Here is the code on codepen
clipPath on lines 39-40...