Nuxt/docs/public/assets/home/dx-plug-and-play-dark.svg

<svg width="341" height="164" viewBox="0 0 341 164" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="46.5" y="38.5" width="278" height="22" rx="1.5" fill="#18181B" stroke="#27272A"/>
<rect x="82" y="47" width="233" height="5.19388" rx="2.59694" fill="#3F3F46"/>
<rect x="55.5" y="42.5" width="15" height="15" rx="1.5" fill="#18181B" stroke="#27272A"/>
<path d="M64.078 46.1113H60.1725C60.0349 46.115 59.9044 46.1727 59.8092 46.2721C59.714 46.3714 59.6619 46.5043 59.6641 46.6419V53.3586C59.6619 53.4961 59.714 53.629 59.8092 53.7284C59.9044 53.8277 60.0349 53.8855 60.1725 53.8891H65.8225C65.96 53.8855 66.0905 53.8277 66.1857 53.7284C66.2809 53.629 66.333 53.4961 66.3308 53.3586V48.3113L64.078 46.1113ZM63.9947 46.803L65.6614 48.4419H63.9947V46.803ZM60.2197 53.3336V46.6669H63.553V48.8891H65.7752V53.3336H60.2197Z" fill="white"/>
<rect x="47" y="100" width="277" height="21" rx="1" fill="#18181B" stroke="#27272A"/>
<rect x="82" y="108" width="233" height="5" rx="2.5" fill="#3F3F46"/>
<rect x="56.5" y="103.5" width="15" height="15" rx="1.5" fill="#18181B" stroke="#27272A"/>
<path d="M65.078 107.112H61.1725C61.0349 107.116 60.9044 107.174 60.8092 107.273C60.714 107.372 60.6619 107.505 60.6641 107.643V114.36C60.6619 114.497 60.714 114.63 60.8092 114.729C60.9044 114.829 61.0349 114.886 61.1725 114.89H66.8225C66.96 114.886 67.0905 114.829 67.1857 114.729C67.2809 114.63 67.333 114.497 67.3308 114.36V109.312L65.078 107.112ZM64.9947 107.804L66.6614 109.443H64.9947V107.804ZM61.2197 114.335V107.668H64.553V109.89H66.7752V114.335H61.2197Z" fill="white"/>
<g filter="url(#filter0_d_1185_61236)">
<rect x="98" y="78" width="180" height="5" rx="2.5" fill="#3F3F46"/>
<rect x="73.3262" y="73.3262" width="15.3476" height="15.3476" rx="2.2833" fill="#18181B" stroke="#27272A" stroke-width="0.652372"/>
<path d="M82.078 77.1123H78.1725C78.0349 77.1159 77.9044 77.1737 77.8092 77.2731C77.714 77.3724 77.6619 77.5053 77.6641 77.6429V84.3595C77.6619 84.4971 77.714 84.63 77.8092 84.7293C77.9044 84.8287 78.0349 84.8864 78.1725 84.8901H83.8225C83.96 84.8864 84.0905 84.8287 84.1857 84.7293C84.2809 84.63 84.333 84.4971 84.3308 84.3595V79.3123L82.078 77.1123ZM81.9947 77.804L83.6614 79.4429H81.9947V77.804ZM78.2197 84.3345V77.6679H81.553V79.8901H83.7752V84.3345H78.2197Z" fill="white"/>
</g>
<rect x="17" y="15" width="89" height="7" rx="3.5" fill="#3F3F46"/>
<g opacity="0.7" filter="url(#filter1_b_1185_61236)">
<path d="M20.9139 44.0529C20.9139 46.7997 23.1139 49.0265 25.8278 49.0265L40 49.0265V54L25.8278 54C20.4 54 16 49.5465 16 44.0529L16 36.4569C16 35.1 17.1 34 18.4569 34C19.8139 34 20.9139 35.1 20.9139 36.4569L20.9139 44.0529Z" fill="url(#paint0_linear_1185_61236)"/>
</g>
<g opacity="0.7" filter="url(#filter2_b_1185_61236)">
<path d="M20.9139 102.65C20.9139 105.508 23.1139 107.825 25.8278 107.825H40V113H25.8278C20.4 113 16 108.366 16 102.65L16 35.4569C16 34.1 17.1 33 18.4569 33C19.8139 33 20.9139 34.1 20.9139 35.4569L20.9139 102.65Z" fill="url(#paint1_linear_1185_61236)"/>
</g>
<g opacity="0.7" filter="url(#filter3_b_1185_61236)">
<path d="M20.9396 73.6958C20.9396 76.5412 23.1511 78.8479 25.8791 78.8479L64 78.8479V84L25.8791 84C20.423 84 16 79.3867 16 73.6958L16 35.4698C16 34.1058 17.1058 33 18.4698 33C19.8338 33 20.9396 34.1058 20.9396 35.4698L20.9396 73.6958Z" fill="url(#paint2_linear_1185_61236)"/>
</g>
<g filter="url(#filter4_d_1185_61236)">
<rect x="98" y="139" width="137" height="5" rx="2.5" fill="#3F3F46"/>
<rect x="73.5" y="134.5" width="15" height="15" rx="1.5" fill="#18181B" stroke="#27272A"/>
<path d="M82.078 138.112H78.1725C78.0349 138.116 77.9044 138.174 77.8092 138.273C77.714 138.372 77.6619 138.505 77.6641 138.643V145.36C77.6619 145.497 77.714 145.63 77.8092 145.729C77.9044 145.829 78.0349 145.886 78.1725 145.89H83.8225C83.96 145.886 84.0905 145.829 84.1857 145.729C84.2809 145.63 84.333 145.497 84.3308 145.36V140.312L82.078 138.112ZM81.9947 138.804L83.6614 140.443H81.9947V138.804ZM78.2197 145.335V138.668H81.553V140.89H83.7752V145.335H78.2197Z" fill="white"/>
</g>
<g opacity="0.7" filter="url(#filter5_b_1185_61236)">
<path d="M20.9396 134.624C20.9396 137.489 23.1511 139.812 25.8791 139.812H64V145H25.8791C20.423 145 16 140.355 16 134.624L16 35.4698C16 34.1058 17.1058 33 18.4698 33C19.8338 33 20.9396 34.1058 20.9396 35.4698L20.9396 134.624Z" fill="url(#paint3_linear_1185_61236)"/>
</g>
<g filter="url(#filter6_d_1185_61236)">
<path d="M141.384 62.4692L166.892 46.6249C169.168 45.2462 171.998 45.1886 174.314 46.4737L201.663 61.4208C203.965 62.6981 205.414 65.1096 205.467 67.7556L205.631 96.9927C205.685 99.629 204.35 102.1 202.117 103.498L176.225 119.716C173.936 121.15 171.059 121.23 168.709 119.926L141.972 105.091C139.608 103.779 137.756 101.272 137.774 98.5532L137.774 68.8323C137.791 66.2292 139.16 63.8168 141.384 62.4692Z" fill="#18181B"/>
<path d="M141.902 63.3245L141.902 63.3246L141.912 63.3187L167.415 47.4774C169.385 46.2862 171.83 46.2389 173.829 47.3481L173.834 47.3512L201.178 62.2952C201.179 62.2957 201.18 62.2961 201.181 62.2966C203.166 63.3993 204.418 65.4803 204.467 67.7689C204.467 67.7712 204.468 67.7736 204.468 67.776L204.631 96.9983L204.631 97.0057L204.632 97.013C204.678 99.298 203.521 101.439 201.586 102.651L175.694 118.869C173.712 120.11 171.224 120.178 169.194 119.051L142.458 104.217C140.326 103.034 138.759 100.824 138.774 98.5598V98.5532L138.774 68.8388C138.774 68.8378 138.774 68.8367 138.774 68.8357C138.79 66.5808 139.976 64.4914 141.902 63.3245Z" stroke="url(#paint4_linear_1185_61236)" stroke-width="2"/>
</g>
<path d="M188.589 73.8145C188.585 73.8145 188.581 73.8128 188.577 73.8097C188.574 73.8066 188.573 73.8024 188.573 73.7981C188.336 73.3944 187.996 73.0604 187.588 72.8301L173.151 64.709C172.76 64.4906 172.319 64.376 171.871 64.376C171.423 64.376 170.983 64.4906 170.591 64.709L156.154 72.8301C155.746 73.0604 155.407 73.3944 155.17 73.7981C155.17 73.8024 155.168 73.8066 155.165 73.8097C155.162 73.8128 155.157 73.8145 155.153 73.8145V73.8473C154.926 74.2296 154.807 74.6661 154.809 75.1106V91.2872C154.809 91.7548 154.934 92.2139 155.171 92.6174C155.407 93.021 155.746 93.3546 156.154 93.584L170.591 101.705C170.955 101.903 171.359 102.016 171.773 102.033H172.002C172.406 102.015 172.799 101.903 173.151 101.705L187.588 93.584C187.996 93.3546 188.335 93.021 188.571 92.6174C188.808 92.2139 188.933 91.7548 188.934 91.2872V75.1106C188.936 74.6556 188.817 74.2082 188.589 73.8145ZM171.871 66.9895L184.947 74.3395L172.019 81.6895L158.812 74.3395L171.871 66.9895ZM157.434 76.5707L170.706 83.97L170.575 98.6864L157.434 91.2872V76.5707ZM173.2 98.67L173.331 83.97L186.309 76.5872V91.2872L173.2 98.67Z" fill="url(#paint5_linear_1185_61236)"/>
<defs>
<filter id="filter0_d_1185_61236" x="65.1715" y="65.1715" width="220.657" height="31.6569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="3.91423"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1185_61236" result="shape"/>
</filter>
<filter id="filter1_b_1185_61236" x="-216.11" y="-198.11" width="488.22" height="484.22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="116.055"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1185_61236" result="shape"/>
</filter>
<filter id="filter2_b_1185_61236" x="-216.11" y="-199.11" width="488.22" height="544.22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="116.055"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1185_61236" result="shape"/>
</filter>
<filter id="filter3_b_1185_61236" x="-216.11" y="-199.11" width="512.22" height="515.22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="116.055"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1185_61236" result="shape"/>
</filter>
<filter id="filter4_d_1185_61236" x="65.1715" y="126.172" width="177.657" height="31.6569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="3.91423"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1185_61236" result="shape"/>
</filter>
<filter id="filter5_b_1185_61236" x="-216.11" y="-199.11" width="512.22" height="576.22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="116.055"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_1185_61236" result="shape"/>
</filter>
<filter id="filter6_d_1185_61236" x="128.773" y="36.5488" width="85.8594" height="93.3018" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1185_61236"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1185_61236" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1185_61236" x1="16" y1="38.3788" x2="39.801" y2="27.4493" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA" stop-opacity="0.58"/>
<stop offset="0.541667" stop-color="#A1A1AA" stop-opacity="0.29"/>
<stop offset="0.973958" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_1185_61236" x1="30.7167" y1="71.6629" x2="54.3081" y2="102.406" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA" stop-opacity="0.58"/>
<stop offset="0.541667" stop-color="#A1A1AA" stop-opacity="0.29"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_1185_61236" x1="16" y1="53.7603" x2="63.8095" y2="87.0818" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA" stop-opacity="0.58"/>
<stop offset="0.541667" stop-color="#A1A1AA" stop-opacity="0.29"/>
<stop offset="0.973958" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_1185_61236" x1="16" y1="78.5912" x2="80.5335" y2="99.072" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA" stop-opacity="0.58"/>
<stop offset="0.541667" stop-color="#A1A1AA" stop-opacity="0.29"/>
<stop offset="0.973958" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_1185_61236" x1="138.439" y1="68.6436" x2="205.4" y2="102.091" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9040"/>
<stop offset="1" stop-color="#E15E00"/>
</linearGradient>
<linearGradient id="paint5_linear_1185_61236" x1="154.713" y1="72.4235" x2="190.374" y2="89.8074" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFA666"/>
<stop offset="1" stop-color="#E15E00"/>
</linearGradient>
</defs>
</svg>