<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<rect id="test-shape" x="0" width="100%" height="100%" rx="10" />
<mask id="test-2-mask">
<rect fill="#fff" width="200px" height="200px"/>
</mask>
<mask id="test-3-mask">
<use fill="#fff" href="#test-shape"/>
</mask>
<mask id="test-4-mask">
<use fill="#fff" href="#test-shape"/>
</mask>
<mask id="test-5-mask">
<rect fill="#fff" width="100%" height="100%" mask="url(#test-4-mask)"/>
</mask>
<style>
.final {
visibility: hidden;
}
.final:target {
visibility: visible;
}
</style>
</defs>
<use id="test-1" class="final" href="#test-shape"/>
<rect id="test-2" class="final" mask="url(#test-2-mask)" x="0" width="700px" height="200px" rx="10"/>
<rect id="test-3" class="final" mask="url(#test-3-mask)" x="0" width="700px" height="100px" rx="10"/>
<rect id="test-4" class="final" mask="url(#test-4-mask)" width="100%" height="100%"/>
<rect id="test-5" class="final" mask="url(#test-5-mask)" width="100%" height="100%"/>
</svg>