pi-ext

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 100" width="590" height="100" role="img" aria-label="context-size">
<style>#light{display:none}@media (prefers-color-scheme: light){#dark{display:none}#light{display:inline}}</style>
<g id="dark"><rect width="590" height="100" rx="15" fill="#242424"/><rect x="30" y="20" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="50" y="20" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="20" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="60" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="40" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="20" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="60" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="40" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="20" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="60" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="30" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="50" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="40" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="20" y="70" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="60" y="70" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="30" y="70" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="50" y="70" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="40" y="70" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="32.5" y="22.5" width="5" height="5" fill="#d151d1"/><rect x="52.5" y="22.5" width="5" height="5" fill="#d151d1"/><rect x="110" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="120" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="100" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="100" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="110" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="120" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="150" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="140" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="160" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="140" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="160" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="150" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="180" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="190" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="180" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="200" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="180" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="200" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="180" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="200" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="230" y="20" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="220" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="230" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="240" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="230" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="230" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="240" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="270" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="260" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="280" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="260" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="270" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="270" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="280" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="300" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="320" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="310" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="310" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="300" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="320" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="350" y="20" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="340" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="350" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="360" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="350" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="350" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="360" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="380" y="40" width="10" height="10" fill="#d151d1"/><rect x="390" y="40" width="10" height="10" fill="#d151d1"/><rect x="400" y="40" width="10" height="10" fill="#d151d1"/><rect x="430" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="440" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="420" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="430" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="440" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="420" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="430" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="470" y="20" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="470" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="470" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="470" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="500" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="510" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="520" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="520" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="500" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="500" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="510" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="520" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="550" y="30" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="540" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="560" y="40" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="540" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="550" y="50" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="550" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/><rect x="560" y="60" width="10" height="10" fill="hsl(261 58% 80%)"/></g>
<g id="light"><rect width="590" height="100" rx="15" fill="#dbdbdb"/><rect x="30" y="20" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="50" y="20" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="20" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="60" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="40" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="20" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="60" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="40" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="20" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="60" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="30" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="50" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="40" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="20" y="70" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="60" y="70" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="30" y="70" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="50" y="70" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="40" y="70" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="32.5" y="22.5" width="5" height="5" fill="#ae2eae"/><rect x="52.5" y="22.5" width="5" height="5" fill="#ae2eae"/><rect x="110" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="120" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="100" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="100" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="110" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="120" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="150" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="140" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="160" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="140" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="160" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="150" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="180" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="190" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="180" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="200" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="180" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="200" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="180" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="200" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="230" y="20" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="220" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="230" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="240" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="230" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="230" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="240" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="270" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="260" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="280" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="260" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="270" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="270" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="280" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="300" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="320" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="310" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="310" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="300" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="320" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="350" y="20" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="340" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="350" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="360" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="350" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="350" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="360" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="380" y="40" width="10" height="10" fill="#ae2eae"/><rect x="390" y="40" width="10" height="10" fill="#ae2eae"/><rect x="400" y="40" width="10" height="10" fill="#ae2eae"/><rect x="430" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="440" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="420" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="430" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="440" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="420" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="430" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="470" y="20" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="470" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="470" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="470" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="500" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="510" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="520" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="520" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="500" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="500" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="510" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="520" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="550" y="30" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="540" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="560" y="40" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="540" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="550" y="50" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="550" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/><rect x="560" y="60" width="10" height="10" fill="hsl(264 27% 51%)"/></g>
</svg>