Source code
Revision control
Copy as Markdown
Other Tools
SVG Preview (Scaled)
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="162" height="100" fill="none"><style>@media (prefers-color-scheme:dark){.bg-main{fill:#1c1b22}.bg-divider,.text-color{fill:#fbfbfe;fill-opacity:.08}.text-color{fill-opacity:.69}.underline-color{stroke:#ffa0aa}.popup-bg{fill:#000}.popup-stroke{stroke:#fbfbfe;stroke-opacity:.69}.popup-text{fill:#fbfbfe;fill-opacity:.69}}</style><mask id="a" fill="#fff"><path d="M0 0h118v117H0V0Z"/></mask><path fill="#FBFBFE" d="M0 0h118v117H0V0Z" class="bg-main"/><path fill="#000" fill-opacity=".08" d="M118 0h-1v117h2V0h-1Z" class="bg-divider" mask="url(#a)"/><rect width="48" height="13" x="8" y="8" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="6.5"/><rect width="31" height="14" x="60" y="8" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="7"/><rect width="68" height="13" x="8" y="28" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="6.5"/><rect width="23" height="13" x="80" y="28" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="6.5"/><rect width="23" height="13" x="8" y="47" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="6.5"/><rect width="88" height="13" x="8" y="66" fill="#15141A" fill-opacity=".69" class="text-color" opacity=".25" rx="6.5"/><path stroke="#B20037" stroke-linecap="round" stroke-width="1.5" d="m10 24 1.5-1a2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0 2.704 2.704 0 0 1 3 0 2.704 2.704 0 0 0 3 0l1.5-1" class="underline-color"/><g filter="url(#b)"><rect width="103" height="85" x="47" y="27" fill="#fff" class="popup-bg" rx="8"/><rect width="15.938" height="15.938" x="53.531" y="36.531" stroke="#15141A" stroke-opacity=".69" stroke-width=".938" class="popup-stroke" rx="4.469"/><rect width="66" height="15" x="74" y="37" fill="#15141A" fill-opacity=".69" class="popup-text" opacity=".5" rx="7.5"/><path stroke="#15141A" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".69" stroke-width="2.5" d="m57 45 3.857 4L66 41" class="popup-stroke"/><rect width="51" height="15" x="75.25" y="62" fill="#15141A" fill-opacity=".69" class="popup-text" opacity=".5" rx="7.5"/><path stroke="#15141A" stroke-linecap="round" stroke-opacity=".69" stroke-width="2.5" d="m136.25 65.75 3.308 3.308a.625.625 0 0 1 0 .884l-3.308 3.308" class="popup-stroke" opacity=".5"/><rect width="65" height="15" x="75" y="87" fill="#15141A" fill-opacity=".69" class="popup-text" opacity=".5" rx="7.5"/></g><defs><filter id="b" width="125.5" height="107.5" x="35.75" y="17.625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1.875"/><feGaussianBlur stdDeviation="5.625"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.227451 0 0 0 0 0.223529 0 0 0 0 0.266667 0 0 0 0.3 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".281"/><feGaussianBlur stdDeviation=".703"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.227451 0 0 0 0 0.223529 0 0 0 0 0.266667 0 0 0 0.15 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg>