assets/docksal-auto.svg

<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" id="docksal">
<style>
#docksal {
    g[clip-path="url(#clip0_382_495)"] > path {fill: #242938}

    @media (prefers-color-scheme: light) {
        g[clip-path="url(#clip0_382_495)"] > path {fill: #F4F2ED}
    }
}
</style>
<g clip-path="url(#clip0_382_495)">
<path d="M256 50V206C256 233.596 233.596 256 206 256H50C22.404 256 0 233.596 0 206V50C0 22.404 22.404 0 50 0H206C233.596 0 256 22.404 256 50Z" fill="#242938"/>
<mask id="mask0_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="48" y="30" width="159" height="195">
<path d="M207 30H48V225H207V30Z" fill="white"/>
</mask>
<g mask="url(#mask0_382_495)">
<mask id="mask1_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="48" y="30" width="110" height="71">
<path d="M48 29.9999V34.7885C48 43.4454 49.5085 51.6916 52.1826 59.2618C60.7263 83.4664 81.5199 100.579 105.862 100.579C115.578 100.579 124.73 97.8529 132.764 93.0366C138.504 89.5964 143.67 85.092 148.068 79.7523C148.948 78.6847 149.795 77.5842 150.612 76.4508C153.059 73.0521 155.214 69.371 157.032 65.4576C157.058 65.3831 144.259 62.1977 143.329 62.0313C135.409 60.6119 128.556 59.7938 121.128 59.3311C110.76 58.6847 100.386 58.2184 90.2246 55.1318C74.4346 50.3363 60.0647 41.6447 48.2044 30.1958C48.123 30.1178 48 29.9999 48 29.9999Z" fill="white"/>
</mask>
<g mask="url(#mask1_382_495)">
<path d="M48 29.9999V34.7885C48 43.4454 49.5085 51.6916 52.1826 59.2618C60.7263 83.4664 81.5199 100.579 105.862 100.579C115.578 100.579 124.73 97.8529 132.764 93.0366C138.504 89.5964 143.67 85.092 148.068 79.7523C148.948 78.6847 149.795 77.5842 150.612 76.4508C153.059 73.0521 155.214 69.371 157.032 65.4576C157.058 65.3831 144.259 62.1977 143.329 62.0313C135.409 60.6119 128.556 59.7938 121.128 59.3311C110.76 58.6847 100.386 58.2184 90.2246 55.1318C74.4346 50.3363 60.0647 41.6447 48.2044 30.1958C48.123 30.1178 48 29.9999 48 29.9999Z" fill="url(#paint0_linear_382_495)"/>
</g>
<mask id="mask2_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="48" y="224" width="1" height="1">
<path d="M48 224.999H48.123L48 224.892V224.999Z" fill="white"/>
</mask>
<g mask="url(#mask2_382_495)">
<path d="M48 224.999H48.123L48 224.892V224.999Z" fill="url(#paint1_linear_382_495)"/>
</g>
<mask id="mask3_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="48" y="150" width="120" height="75">
<path d="M124.058 183.512L121.942 186.238C121.921 186.267 121.682 186.574 121.2 187.196C96.9376 218.462 51.6908 224.446 48.3256 224.852C48.1957 224.867 48 224.892 48 224.892V224.999H121.112C134.954 224.999 147.477 222.583 158.477 218.19C170.237 198.169 169.951 173.689 159.641 150.841C156.911 169.047 145.21 182.021 124.058 183.512Z" fill="white"/>
</mask>
<g mask="url(#mask3_382_495)">
<path d="M124.058 183.512L121.942 186.238C121.921 186.267 121.682 186.574 121.2 187.196C96.9376 218.462 51.6908 224.446 48.3256 224.852C48.1957 224.867 48 224.892 48 224.892V224.999H121.112C134.954 224.999 147.477 222.583 158.477 218.19C170.237 198.169 169.951 173.689 159.641 150.841C156.911 169.047 145.21 182.021 124.058 183.512Z" fill="url(#paint2_linear_382_495)"/>
</g>
<mask id="mask4_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="105" y="65" width="103" height="89">
<path d="M150.613 76.4512C149.795 77.5847 148.948 78.6852 148.068 79.7528C143.671 85.0925 138.505 89.5968 132.765 93.0371C124.731 97.8534 115.579 100.58 105.863 100.58H119.93C134.921 100.58 145.616 105.846 152.218 114.619C155.192 118.569 157.272 123.275 158.585 128.5C158.5 128.1 158.432 127.755 158.337 127.33C172.956 142.068 189.798 149.878 206.343 153.462C206.75 149.786 207.001 146.023 207.001 142.133C207.001 124.959 202.926 109.84 195.532 97.3456C186.909 82.7701 173.751 71.7805 157.033 65.4581C155.214 69.3715 153.06 73.0526 150.613 76.4512Z" fill="white"/>
</mask>
<g mask="url(#mask4_382_495)">
<path d="M150.613 76.4512C149.795 77.5847 148.948 78.6852 148.068 79.7528C143.671 85.0925 138.505 89.5968 132.765 93.0371C124.731 97.8534 115.579 100.58 105.863 100.58H119.93C134.921 100.58 145.616 105.846 152.218 114.619C155.192 118.569 157.272 123.275 158.585 128.5C158.5 128.1 158.432 127.755 158.337 127.33C172.956 142.068 189.798 149.878 206.343 153.462C206.75 149.786 207.001 146.023 207.001 142.133C207.001 124.959 202.926 109.84 195.532 97.3456C186.909 82.7701 173.751 71.7805 157.033 65.4581C155.214 69.3715 153.06 73.0526 150.613 76.4512Z" fill="url(#paint3_linear_382_495)"/>
</g>
<mask id="mask5_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="158" y="127" width="49" height="92">
<path d="M158.584 128.499C158.919 129.827 159.175 131.203 159.404 132.6C159.563 133.492 159.696 134.303 159.802 135.035C160.351 138.818 160.268 140.641 160.268 142.132C160.268 145.142 160.058 148.052 159.641 150.841C169.951 173.688 170.237 198.169 158.477 218.189C185.441 207.413 202.922 184.368 206.342 153.461C189.797 149.877 172.864 141.936 158.247 127.198C158.342 127.624 158.499 128.099 158.584 128.499Z" fill="white"/>
</mask>
<g mask="url(#mask5_382_495)">
<path d="M158.584 128.499C158.919 129.827 159.175 131.203 159.404 132.6C159.563 133.492 159.696 134.303 159.802 135.035C160.351 138.818 160.268 140.641 160.268 142.132C160.268 145.142 160.058 148.052 159.641 150.841C169.951 173.688 170.237 198.169 158.477 218.189C185.441 207.413 202.922 184.368 206.342 153.461C189.797 149.877 172.864 141.936 158.247 127.198C158.342 127.624 158.499 128.099 158.584 128.499Z" fill="url(#paint4_linear_382_495)"/>
</g>
<mask id="mask6_382_495" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="48" y="114" width="77" height="111">
<path d="M48 119.508C48 120.889 48.1022 122.241 48.1784 123.6H48.1212V183.683H48V224.892C48 224.892 48.1957 224.867 48.3256 224.852C51.6908 224.444 96.9376 218.462 121.2 187.196C121.682 186.574 121.921 186.268 121.942 186.238L124.058 183.512C123.564 183.519 109.193 183.553 93.0771 183.588V140.626C92.1246 140.383 91.1737 140.137 90.2246 139.851C78.7298 136.359 68.0004 130.78 58.4297 123.6C54.855 120.917 51.4292 118.028 48.2044 114.915C48.1212 114.837 48 114.718 48 114.718V119.508Z" fill="white"/>
</mask>
<g mask="url(#mask6_382_495)">
<path d="M48 119.508C48 120.889 48.1022 122.241 48.1784 123.6H48.1212V183.683H48V224.892C48 224.892 48.1957 224.867 48.3256 224.852C51.6908 224.444 96.9376 218.462 121.2 187.196C121.682 186.574 121.921 186.268 121.942 186.238L124.058 183.512C123.564 183.519 109.193 183.553 93.0771 183.588V140.626C92.1246 140.383 91.1737 140.137 90.2246 139.851C78.7298 136.359 68.0004 130.78 58.4297 123.6C54.855 120.917 51.4292 118.028 48.2044 114.915C48.1212 114.837 48 114.718 48 114.718V119.508Z" fill="url(#paint5_linear_382_495)"/>
</g>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_382_495" x1="43.6516" y1="65.2888" x2="163.99" y2="65.2888" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<linearGradient id="paint1_linear_382_495" x1="48.0613" y1="59.3509" x2="48.0613" y2="224.999" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<linearGradient id="paint2_linear_382_495" x1="95.3155" y1="187.92" x2="170.737" y2="187.92" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="0.88" stop-color="#112146"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<linearGradient id="paint3_linear_382_495" x1="94.2879" y1="124.097" x2="239.817" y2="99.7574" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="0.75" stop-color="#112146"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<linearGradient id="paint4_linear_382_495" x1="182.294" y1="91.3236" x2="182.294" y2="205.453" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<linearGradient id="paint5_linear_382_495" x1="33.2607" y1="118.279" x2="88.8542" y2="208.68" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF0D57"/>
<stop offset="0.75" stop-color="#112146"/>
<stop offset="1" stop-color="#112146"/>
</linearGradient>
<clipPath id="clip0_382_495">
<rect width="256" height="256" fill="white"/>
</clipPath>
</defs>
</svg>