ui/docs/public/illustrations/overlays-light.svg

<svg width="330" height="173" viewBox="0 0 330 173" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_993_3056)">
<rect x="1" y="0.5" width="328" height="172" rx="5.5" fill="url(#paint0_linear_993_3056)" fill-opacity="0.15" stroke="url(#paint1_linear_993_3056)"/>
<g clip-path="url(#clip1_993_3056)">
<path d="M-343.757 284.451L84.4375 -57.6226M-331.414 284.236L96.7796 -57.838M-319.072 284.021L109.122 -58.0534M-306.73 283.805L121.464 -58.2689M-294.388 283.59L133.806 -58.4843M-282.046 283.374L146.148 -58.6997M-269.704 283.159L158.49 -58.9152M-257.361 282.943L170.833 -59.1306M-245.019 282.728L183.175 -59.346M-232.677 282.513L195.517 -59.5615M-220.335 282.297L207.859 -59.7769M-207.993 282.082L220.201 -59.9923M-195.651 281.866L232.543 -60.2078M-183.308 281.651L244.886 -60.4232M-170.966 281.435L257.228 -60.6386M-158.624 281.22L269.57 -60.8541M-146.282 281.004L281.912 -61.0695M-133.94 280.789L294.254 -61.2849M-121.598 280.574L306.596 -61.5004M-109.255 280.358L318.939 -61.7158M-96.9133 280.143L331.281 -61.9312M-84.5711 279.927L343.623 -62.1467M-72.229 279.712L355.965 -62.3621M-59.8868 279.496L368.307 -62.5775M-47.5447 279.281L380.649 -62.793M-35.2025 279.066L392.992 -63.0084M-22.8603 278.85L405.334 -63.2238M-10.5182 278.635L417.676 -63.4393M1.82397 278.419L430.018 -63.6547M14.1661 278.204L442.36 -63.8701M26.5083 277.988L454.702 -64.0856M38.8505 277.773L467.044 -64.301M51.1926 277.558L479.387 -64.5164M63.5348 277.342L491.729 -64.7319M75.8769 277.127L504.071 -64.9473M88.2191 276.911L516.413 -65.1627M100.561 276.696L528.755 -65.3782M112.903 276.48L541.097 -65.5936M125.246 276.265L553.44 -65.809M137.588 276.05L565.782 -66.0245M149.93 275.834L578.124 -66.2399M162.272 275.619L590.466 -66.4553M174.614 275.403L602.808 -66.6708M186.956 275.188L615.15 -66.8862M199.299 274.972L627.493 -67.1016M211.641 274.757L639.835 -67.3171M223.983 274.541L652.177 -67.5325M236.325 274.326L664.519 -67.7479M248.667 274.111L676.861 -67.9634M261.009 273.895L689.203 -68.1788M273.352 273.68L701.546 -68.3942M285.694 273.464L713.888 -68.6097M298.036 273.249L726.23 -68.8251M310.378 273.033L738.572 -69.0405M322.72 272.818L750.914 -69.256M335.062 272.603L763.256 -69.4714M347.404 272.387L775.598 -69.6868M359.747 272.172L787.941 -69.9023M372.089 271.956L800.283 -70.1177M384.431 271.741L812.625 -70.3331M396.773 271.525L824.967 -70.5486M409.115 271.31L837.309 -70.764M421.457 271.095L849.651 -70.9794M433.8 270.879L861.994 -71.1949M446.142 270.664L874.336 -71.4103M458.484 270.448L886.678 -71.6257M470.826 270.233L899.02 -71.8412M483.168 270.017L911.362 -72.0566" stroke="url(#paint2_linear_993_3056)" stroke-opacity="0.45" stroke-width="0.721516"/>
</g>
<rect x="32.9331" y="24.5" width="263" height="124" rx="3.5" stroke="url(#paint3_linear_993_3056)" stroke-opacity="0.8" stroke-dasharray="2.26 2.26"/>
</g>
<defs>
<linearGradient id="paint0_linear_993_3056" x1="165" y1="0" x2="165" y2="78.7086" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBD5E1"/>
<stop offset="1" stop-color="#CBD5E1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_993_3056" x1="165" y1="-1.02658e-07" x2="165.02" y2="117.577" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBD5E1"/>
<stop offset="1" stop-color="#CBD5E1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_993_3056" x1="272.533" y1="55" x2="272.533" y2="126.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBD5E1"/>
<stop offset="1" stop-color="#CBD5E1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_993_3056" x1="164.433" y1="24" x2="164.433" y2="149" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBD5E1"/>
<stop offset="1" stop-color="#CBD5E1" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_993_3056">
<rect width="329" height="173" fill="white" transform="translate(0.5)"/>
</clipPath>
<clipPath id="clip1_993_3056">
<rect x="32.4331" y="24" width="264" height="125" rx="4" fill="white"/>
</clipPath>
</defs>
</svg>