16167 2007-11-27 22:26:55 -0800 SVGs with width and height 100% fail to render when used as <img> or CSS image 2012-04-07 01:46:51 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) Mac OS X 10.4 RESOLVED FIXED InRadar P2 Normal --- 1 bdakin webkit-unassigned bdakin mackyle rik webkit zimmermann oldest_to_newest 62538 0 bdakin 2007-11-27 22:26:55 -0800 <rdar://problem/5616982> The attached html uses an SVG with width and height 100% as an <img>. The <img> gets the appropriate "default" size of 300 x 150, but the SVG never draws inside the space. This default size may be a problem too -- certainly it differs from Opera. But it seems like a more pressing problem that SVG doesn't render at all. 62539 1 17567 bdakin 2007-11-27 22:27:58 -0800 Created attachment 17567 test case 62540 2 17568 bdakin 2007-11-27 22:28:31 -0800 Created attachment 17568 SVG with width and height 100% 62597 3 eric 2007-11-28 12:22:38 -0800 The right fix for this is bug 12095. It requires implementing an interinsicWidth() and intrinsicHeight() call which return Length objects instead of floats. I think that's all discussed in bug 12095, certainly in one of the bugs around here. I'm happy to discuss what little more I might know over IRC if you like. 63387 4 bdakin 2007-12-05 16:11:15 -0800 I talked with Hyatt about this, and we think that the approach of new size-negotiation functions on Image will be too low-level a fix. We think this will need to be fixed separately in the background size code, the border code (for border-image) and the <img> rendering code. 64709 5 eric 2007-12-19 00:38:05 -0800 Part of this support was landed with: http://trac.webkit.org/projects/webkit/changeset/28856 Still need support for background: and border-image: however. 64749 6 bdakin 2007-12-19 12:10:08 -0800 Support was added for background in r28637, and for border-image in r28778. This is fixed. 74424 7 webkit 2008-03-19 05:55:16 -0700 I have to reopen the bug. Attached test case doesn't work in the latest Webkit r31132 on Mac OS X 10.5 425074 8 zimmermann 2011-06-22 00:56:10 -0700 (In reply to comment #0) > <rdar://problem/5616982> > > The attached html uses an SVG with width and height 100% as an <img>. The <img> gets the appropriate "default" size of 300 x 150, but the SVG never draws inside the space. This default size may be a problem too -- certainly it differs from Opera. But it seems like a more pressing problem that SVG doesn't render at all. Heh I hope you did not mean that the square is black when you said "it doesn't render at all". The ballon.svg has a failure in it: It uses the non-existant <def> element. Inside that block no renderer is created at all -- Opera just ignores this, which is wrong. If you do s/def/defs/ the balloon.svg (standalone) looks and animates just as in Opera. If you embed balloon.svg (with the s/def/defs/ fix) in your test html document, you'll now see a turquoise part of the image. You will _not_ see the balloon.svg scaled to fit in the <img>, this would be wrong. Compare to Opera. Anyhow, I'm testing this with my local SVG-as-image-rewrite-patch, but it was correct before as well. 425077 9 zimmermann 2011-06-22 01:08:16 -0700 Note that using: div { width: 100px; height: 100px; } <div> <img src="someImgWithNoViewBoxAndWidthHeight100p.svg"> </div> That renders fine, but "img, div { width: 100px; height: 100px; }" disables rendering at the moment, so the bug is still valid, but in a different form. I'm working on it. 597950 10 zimmermann 2012-04-07 01:46:51 -0700 (In reply to comment #9) When fixing the attached balloon.svg like I described in an older post - we're now matching the Opera behavior 1:1. FF is different it sizes the image to 300x150, but this is not correct. The <img> should be sized 100x100. If you want the SVG image with width/height 100% to fit into the 100x100 box of the <img>, you need to supply a viewBox on the embedded <svg>, as percentage values do NOT define an intrinsic size. Currently this image has neither an intrinsic size, nor an intrinsic ratio, so the rendering from trunk is absolutely correct. This is already covered by existing tests, so we can close this bug report now! -- I'm going to file another bug report for balloon.svg, it makes use of SVGSVGElement.viewport which we currently don't implement - that's why the background doesn't look as intended (viewport size is 0,0). (Note that this balloon.svg is already checked in LayoutTests/svg/as-background-image/resources, so it's fine to close this bug). 17567 2007-11-27 22:27:58 -0800 2007-11-27 22:27:58 -0800 test case svg-as-image-2.html text/html 181 bdakin PGh0bWw+CjxoZWFkPgo8c3R5bGU+CmRpdiB7CiAgYmFja2dyb3VuZDogcmVkOwogIGhlaWdodDog MTAwcHg7CiAgd2lkdGg6IDEwMHB4Owp9Cjwvc3R5bGU+CjwvaGVhZD4KPGJvZHkgc3R5bGU9J21h cmdpbjogMHB4Jz4KPGRpdj4KICA8aW1nIHNyYz0nYmFsbG9vbi5zdmcnPgo8L2Rpdj4KPC9ib2R5 Pgo8L2h0bWw+Cg== 17568 2007-11-27 22:28:31 -0800 2007-11-27 22:28:31 -0800 SVG with width and height 100% balloon.svg image/svg+xml 6548 bdakin PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIgoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3Jn LzIwMDAvc3ZnIgogICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5r IgoJIG9ubG9hZD0ic3RhcnR1cChldnQpIgo+CjxzY3JpcHQ+CjwhW0NEQVRBWwoJdmFyIHN2Z0Rv Y3VtZW50OwoJCWJhbGxvb249bnVsbDsKCQljb3VudD0wCgkJcnVubmluZz10cnVlCgkJeGxvdz0t MjAwCgkJeGhpZ2g9MTAwCgkJeD14bG93CgkJaW5jcj01CgkJZGlyPTEKCQl4ZGlyPTEKCQl5ZGly PTEKCQl4c3BlZWQ9LjcKCQl5c3BlZWQ9LjQKCQl4Y3VyPTUwCgkJeWN1cj01MAoJCXlsb3c9LTI1 CgkJeWhpZ2g9MTAwCgkJbnVtbGluZXM9MzUKCQlyaWdodGVkZ2U9bnVsbAoJCUhpPW5ldyBBcnJh eSgpCgkJVXA9bmV3IEFycmF5KCkKCQlib3R0b21lZGdlPW51bGwKCQlzdmducyA9ICdodHRwOi8v d3d3LnczLm9yZy8yMDAwL3N2Zyc7CgkJeGxpbmtucyA9ICdodHRwOi8vd3d3LnczLm9yZy8xOTk5 L3hsaW5rJzsKZnVuY3Rpb24gc3RhcnR1cChldnQpIHsKCU89ZXZ0LnRhcmdldAoJTy5zZXRBdHRy aWJ1dGUoIm9uY2xpY2siLCJydW5uaW5nPSFydW5uaW5nO2FuaW1hdGUoKSIpCglzdmdEb2N1bWVu dCA9IE8ub3duZXJEb2N1bWVudDsKCWJhbGxvb24gPSBzdmdEb2N1bWVudC5nZXRFbGVtZW50QnlJ ZCgiYmFsbG9vbiIpOwoJcGF0aD1zdmdEb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiUSIpCglBPWdl dERpc3BsYXlTaXplKCkKCXJpZ2h0ZWRnZT1BLndpZHRoCglib3R0b21lZGdlPUEuaGVpZ2h0IC0g NDAKCXNreT1zdmdEb2N1bWVudC5nZXRFbGVtZW50QnlJZCgic2t5IikKCXNreS5zZXRBdHRyaWJ1 dGUoImN5Iiw1MCkKCXNreS5zZXRBdHRyaWJ1dGUoImN4IixyaWdodGVkZ2UvMikKCXNreS5zZXRB dHRyaWJ1dGUoInIiLHJpZ2h0ZWRnZS8xLjQ1KQoJZHJhdygicGVha3MyIiw3LDkwLDMwKQoJZHJh dygicGVha3MiLDEwLDgwLDI1KQoJZHJhdygibW91bnRhaW5zIiwxNSw1NSwyMikKCWRyYXcoImZv b3RoaWxscyIsMjIsMzUsMTUpCgkKCW1vcmVkcmF3KCk7Cn0KZnVuY3Rpb24gZ2V0RGlzcGxheVNp emUoKQp7Ci8vZnVuY3Rpb24gZHVlIHRvIEcuIFdhZGUgSm9obnNvbiA8c3ZnLWRldmVsb3BlcnMu eWFob29ncm91cHMuY29tPgovL0RhdGU6IE1vbiwgMTIgRGVjIDIwMDUgMjA6NTc6NDkgLTA2MDAK Ly9TdWJqZWN0OiBSZTogW3N2Zy1kZXZlbG9wZXJzXSBTY3JlZW4gZXh0ZW50cwogICAgdmFyIGV4 dGVudHMgPSBudWxsOwogICAgdHJ5ewogICAgICAgIHZhciB2aWV3ID0gZG9jdW1lbnQuZG9jdW1l bnRFbGVtZW50LnZpZXdwb3J0OwogICAgICAgIGV4dGVudHMgPSB7d2lkdGg6IHZpZXcud2lkdGgs aGVpZ2h0OiB2aWV3LmhlaWdodH07CiAgICB9CiAgICBjYXRjaChlKXsKICAgICAgICBleHRlbnRz ID0ge3dpZHRoOiB3aW5kb3cuaW5uZXJXaWR0aCwgaGVpZ2h0OiB3aW5kb3cuaW5uZXJIZWlnaHR9 OwogICAgfQogICAgcmV0dXJuIGV4dGVudHM7Cn0KUD1uZXcgQXJyYXkoKQpvZmZzZXQ9NTAKZnVu Y3Rpb24gZHJhdyhpZCxodW1wcyxoaSx1cCl7CglJRFNbSURTLmxlbmd0aF09aWQKCUhpW2lkXT1o aQoJVXBbaWRdPXVwCgl2YXIgcGVha3M9MypodW1wcwoJUFtpZF09bmV3IEFycmF5OwoJdD1zdmdE b2N1bWVudC5nZXRFbGVtZW50QnlJZChpZCkKCWZvciAoaT0wO2k8cGVha3M7aSsrKXsKCQlQW2lk XVtpXT0ge3g6IE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSoocmlnaHRlZGdlKzIqb2Zmc2V0KS1v ZmZzZXQpLAoJCQkJeTogTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKmhpKSt1cH07Cgl9CglQW2lk XS5zb3J0KGNvbXBhcmUpCglzPXJlbmRlcihQW2lkXSwwKQoJdC5zZXRBdHRyaWJ1dGUoImQiLHMp Cn0KZnVuY3Rpb24gY29tcGFyZSh4LHkpewoJaWYgKHgueDx5LngpIHJldHVybiAtMQoJZWxzZSBy ZXR1cm4gMQp9CmZ1bmN0aW9uIHJlbmRlcihBcnIsbG8pewoJCgl2YXIgbG93PU1hdGguZmxvb3Io Ym90dG9tZWRnZSouOSkKCXZhciBzPSJNICIrKC1vZmZzZXQpKyIgIisobG93KSsiICIKCXMrPSg3 LW9mZnNldCkrIiAiKyhsb3cgLSBBcnJbMF0ueSkrIiAiCglmb3IgKGk9MTtpPEFyci5sZW5ndGg7 aSsrKXsKCQlpZiAoKGkpJTM9PTApIHMrPSJDICIrQXJyW2ldLngrIiAiKyhsb3cgLSBBcnJbaV0u eSkrIiAiCgkJZWxzZSAKCQlzKz1BcnJbaV0ueCsiICIrKGxvdyAtIEFycltpXS55KSsiICIKCX0K CXMrPSJMICIrKHJpZ2h0ZWRnZStvZmZzZXQpKyIgIisobG93ICkrIiBRICIrKHJpZ2h0ZWRnZS8y KSsiICIrKGxvdykrIiAiKygtb2Zmc2V0KSsiICIrKGxvdykrIiB6IgoJcmV0dXJuIHMKfQpmdW5j dGlvbiBtb3JlZHJhdygpewoJZm9yIChqPTA7ajxudW1saW5lcztqKyspIGFub3RoZXIoMTAwK2oq MTApCglQYSA9IHN2Z0RvY3VtZW50LmNyZWF0ZUVsZW1lbnROUyhzdmducywicGF0aCIpOwoJUGEu c2V0QXR0cmlidXRlKCJkIiwgIk0gMTk0IDM0MCBDIDE4NSAzNjAgMjE1IDM2MCAyMDYgMzQwIik7 IAoJUGEuc2V0QXR0cmlidXRlKCJzdHJva2UiLCAiIzQ0MCIpCglQYS5zZXRBdHRyaWJ1dGUoInN0 cm9rZS13aWR0aCIsICIzIikKCVBhLnNldEF0dHJpYnV0ZSgiZmlsbCIsICIjNTUxIikKCWJhbGxv b24uYXBwZW5kQ2hpbGQoUGEpOwoJYW5pbWF0ZSgpCn0KdmFyIHhsaW5rbnMgPSAiaHR0cDovL3d3 dy53My5vcmcvMTk5OS94bGluayI7CmZ1bmN0aW9uIGFub3RoZXIoeCl7CglQYSA9IHN2Z0RvY3Vt ZW50LmNyZWF0ZUVsZW1lbnROUyhzdmducywicGF0aCIpOwoJUGEuc2V0QXR0cmlidXRlKCJpZCIs ICJQIitjb3VudCk7IGNvdW50KysKCVBhLnNldEF0dHJpYnV0ZSgiZCIsICJNIDEwMCAwIEMgMjAw IDIwMCAzMDAgMjAwIDEwMCAzMDAiKTsgCglQYS5zZXRBdHRyaWJ1dGUoInN0cm9rZSIsIGNvbG9y KDE2LDE2LDEyKSkKCVBhLnNldEF0dHJpYnV0ZSgic3Ryb2tlLXdpZHRoIiwgIjUiKQoJUGEuc2V0 QXR0cmlidXRlKCJmaWxsIiwgIm5vbmUiKQoJYmFsbG9vbi5hcHBlbmRDaGlsZChQYSk7Cn0KZnVu Y3Rpb24gYW5pbWF0ZSgpewoJaWYgKCFydW5uaW5nKSByZXR1cm4KCXgrPWluY3IqZGlyCglpZiAo KHg8eGxvdytpbmNyKXx8KHg+eGhpZ2graW5jcikpZGlyPS1kaXIKCW9uZXN0ZXAoeCkKCXdpbmRv dy5zZXRUaW1lb3V0KCJhbmltYXRlKCkiLDEwKQp9CklEUz1uZXcgQXJyYXkKbWVhPTAKZnVuY3Rp b24gb25lc3RlcCh4KXsKCW1lYSsrCgliYWxsb29uLnNldEF0dHJpYnV0ZSgidHJhbnNmb3JtIiwi dHJhbnNsYXRlKCIreGN1cisiLCIreWN1cisiKSIpCglmb3IgKGk9MDtpPGNvdW50O2krKyl7CgkJ UGEgPSBzdmdEb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiUCIraSk7CgkJUGEuc2V0QXR0cmlidXRl KCJkIiwgIk0gMjAwIDIwIEMgIisoKGkqMTgpK3gpKyIgMTAwICIrKDIyMC0geC8yKSsiIDI1MCAy MDAgMzQwICIpOyAKCX0KCWFkaj0wCglmb3IgKGlkIGluIElEUyl7CgkJZm9yIChqPTA7ajxQW0lE U1tpZF1dLmxlbmd0aDtqKyspewoJCQlQW0lEU1tpZF1dW2pdLngtPShhZGoqYWRqLzQrMSkvMgoJ CX0KCQlhZGorKwoJCWlmKFBbSURTW2lkXV1bM10ueDwwKXsKCQkJc3Q9cmlnaHRlZGdlK29mZnNl dAoJCQlmb3IgKGs9MDtrPDM7aysrKXsKCQkJCW5ld3g9c3QrTWF0aC5jZWlsKDgwKk1hdGgucmFu ZG9tKCkvUFtJRFNbaWRdXS5sZW5ndGgpCgkJCQlRPXt4OiBuZXd4LAoJCQkJCXk6IE1hdGguZmxv b3IoTWF0aC5yYW5kb20oKSpIaVtJRFNbaWRdXStVcFtJRFNbaWRdXSl9CgkJCQkJc3Q9bmV3eAoJ CQkJUFtJRFNbaWRdXS5wdXNoKFEpOwoJCQkJUj1QW0lEU1tpZF1dLnNoaWZ0KCkKCQkJfQoJCX0K CQlzPXJlbmRlcihQW0lEU1tpZF1dLFIueSkKCQl0PXN2Z0RvY3VtZW50LmdldEVsZW1lbnRCeUlk KElEU1tpZF0pCgkJdC5zZXRBdHRyaWJ1dGUoImQiLHMpCgl9Cgl4Y3VyPXhjdXIreHNwZWVkKnhk aXIKCXljdXI9eWN1cit5c3BlZWQqeWRpcgoJaWYoKHhjdXI8eGxvdysxNTApfHwoeGN1cj5yaWdo dGVkZ2UvMS41KSkgeGRpcj0teGRpcgoJaWYoKHljdXI8eWxvdyl8fCh5Y3VyPnloaWdoKSkgeWRp cj0teWRpcgoJaWYgKE1hdGguZmxvb3IoeGN1ciklMTA9PTApcmVjb2xvcm9uZShjb2xvcigxNiwx Miw4KSkKCWlmIChNYXRoLmZsb29yKHhjdXIpJTIwPT0xKXJlY29sb3JvbmUoY29sb3IoMTYsMTYs MCkpCglpZiAoTWF0aC5mbG9vcih4Y3VyKSUzMD09MilyZWNvbG9yb25lKCIjZGEwIikKfQpmaXJz dD10cnVlCmZ1bmN0aW9uIHJlY29sb3JvbmUoYyl7CglyPU1hdGguZmxvb3IoTWF0aC5yYW5kb20o KSpjb3VudCkKCVBhID0gc3ZnRG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIlAiK3IpOwoJUGEuc2V0 QXR0cmlidXRlKCJzdHJva2UiLGMpOyAKfQpmdW5jdGlvbiBjb2xvcih4cix4Zyx4Yil7CglyPU1h dGguZmxvb3IoTWF0aC5yYW5kb20oKSp4cikKCVI9ci50b1N0cmluZygxNikKCWc9TWF0aC5mbG9v cihNYXRoLnJhbmRvbSgpKnhnKQoJRz1nLnRvU3RyaW5nKDE2KQoJYj1NYXRoLmZsb29yKE1hdGgu cmFuZG9tKCkqeGIpCglCPWIudG9TdHJpbmcoMTYpCglyZXR1cm4gIiMiK1IrQitHCn0KCS8vXV0+ Cjwvc2NyaXB0Pgo8ZGVmPgo8cGF0aCBpZD0iUSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRo PSIzIi8+CjxsaW5lYXJHcmFkaWVudCBpZD0iYmFja3NreSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIw JSIgeTI9IjEwMCUiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODg4Ii8+Cgk8c3Rv cCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjMGZmIi8+Cgk8c3RvcCBvZmZzZXQ9Ii45IiAgc3Rv cC1jb2xvcj0iI2VjNyIvPgoJCgkKPC9saW5lYXJHcmFkaWVudD4gCjxyYWRpYWxHcmFkaWVudCBp ZD0ic2t5IiBjeD0iNTAwIiBjeT0iMzAwIiByPSI1MDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFj ZU9uVXNlIj4KCTxzdG9wICBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwZmYiIHN0b3Atb3BhY2l0 eT0iMSIvPgoJPHN0b3AgIG9mZnNldD0iLjIiIHN0b3AtY29sb3I9IiMwZmYiIHN0b3Atb3BhY2l0 eT0iLjYiLz4KCTxzdG9wICBvZmZzZXQ9Ii43MSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFj aXR5PSIwIi8+Cgk8c3RvcCAgb2Zmc2V0PSIuODAiIHN0b3AtY29sb3I9IiM4ZmYiIHN0b3Atb3Bh Y2l0eT0iMSIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBlYWsyIiB4 MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+Cgk8c3RvcCBvZmZzZXQ9IjAiIHN0b3At Y29sb3I9IiNlZmYiLz4KCTxzdG9wIG9mZnNldD0iLjIiIHN0b3AtY29sb3I9IiM5Y2QiLz4KCTxz dG9wIG9mZnNldD0iLjQiIHN0b3AtY29sb3I9IiM4OGIiLz4KCTxzdG9wIG9mZnNldD0iLjkiIHN0 b3AtY29sb3I9IiM5YTkiLz4KPC9saW5lYXJHcmFkaWVudD4gCjxsaW5lYXJHcmFkaWVudCBpZD0i cGVhayIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgoJPHN0b3Agb2Zmc2V0PSIw IiBzdG9wLWNvbG9yPSIjZGRjIi8+Cgk8c3RvcCBvZmZzZXQ9Ii4yIiBzdG9wLWNvbG9yPSIjOTk4 Ii8+Cgk8c3RvcCBvZmZzZXQ9Ii40IiBzdG9wLWNvbG9yPSIjYThiIi8+Cgk8c3RvcCBvZmZzZXQ9 Ii45IiBzdG9wLWNvbG9yPSIjYWE2Ii8+CjwvbGluZWFyR3JhZGllbnQ+IAo8bGluZWFyR3JhZGll bnQgaWQ9Im1vdW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+Cgk8c3RvcCBv ZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkiLz4KCTxzdG9wIG9mZnNldD0iLjIiIHN0b3AtY29s b3I9IiM4NjkiLz4KCTxzdG9wIG9mZnNldD0iLjYiIHN0b3AtY29sb3I9IiM4OTgiLz4KPC9saW5l YXJHcmFkaWVudD4gCgo8bGluZWFyR3JhZGllbnQgaWQ9ImZvb3QiIHgxPSIwJSIgeTE9IjAlIiB4 Mj0iMCUiIHkyPSIxMDAlIj4KCTxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2I4NyIvPgoJ PHN0b3Agb2Zmc2V0PSIuMSIgc3RvcC1jb2xvcj0iI2I2MyIvPgoJPHN0b3Agb2Zmc2V0PSIuNzAi IHN0b3AtY29sb3I9IiNjODYiLz4KCTxzdG9wIG9mZnNldD0iLjkwIiAgc3RvcC1jb2xvcj0iI2Jj NyIvPgo8L2xpbmVhckdyYWRpZW50PiAKPC9kZWY+CjxyZWN0ICBoZWlnaHQ9IjEwMCUiIHdpZHRo PSIxMDAlIiBvcGFjaXR5PSIxIiBmaWxsPSJ1cmwoI2JhY2tza3kpIi8+Cgo8cGF0aCBpZD0icGVh a3MyIiBkPSJNIDAgNTAwIDQwMCA0MDAgODAwIDUwMCB6IiBmaWxsPSJ1cmwoI3BlYWsyKSIgLz4K PHBhdGggaWQ9InBlYWtzIiBkPSJNIDAgNTAwIDQwMCA0MDAgODAwIDUwMCB6IiBmaWxsPSJ1cmwo I3BlYWspIiAvPgo8cGF0aCBpZD0ibW91bnRhaW5zIiBkPSJNIDAgNTAwIDQwMCA0MDAgODAwIDUw MCB6IiBmaWxsPSJ1cmwoI21vdW50KSIgLz4KCjxwYXRoIGlkPSJmb290aGlsbHMiIGQ9Ik0gMCA1 MDAgNDAwIDQwMCA4MDAgNTAwIHoiIGZpbGw9InVybCgjZm9vdCkiIHN0cm9rZT0ibm9uZSIvPgo8 cmVjdCAgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgb3BhY2l0eT0iMSIgZmlsbD0idXJsKCNz a3kpIi8+CjxnIGlkPSJiYWxsb29uIiBvcGFjaXR5PSIwLjciPgo8L2c+Cjwvc3ZnPgo=