blockworks-foundation
/
mango-v4-ui
mirror of https://github.com/blockworks-foundation/mango-v4-ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
mango-v4-ui/components/modals/SwapIntroModal.tsx

769 lines
102 KiB
TypeScript
Raw Normal View History

update copy/styling
2023-03-05 16:34:54 -08:00
import Button from '@components/shared/Button'
import { CheckCircleIcon } from '@heroicons/react/20/solid'
margin swap modal explainer
2023-03-02 09:02:26 -08:00
import { ModalProps } from '../../types/modal'
import Modal from '../shared/Modal'
update copy/styling
2023-03-05 16:34:54 -08:00
import { useTranslation } from 'next-i18next'
margin swap modal explainer
2023-03-02 09:02:26 -08:00
const SwapIntroModal = ({ isOpen, onClose }: ModalProps) => {
update copy/styling
2023-03-05 16:34:54 -08:00
const { t } = useTranslation(['common', 'swap'])
margin swap modal explainer
2023-03-02 09:02:26 -08:00
return (
remove backdrop brightness prop and hardcode instead
2023-03-03 06:32:28 -08:00
<Modal isOpen={isOpen} onClose={onClose}>
update copy/styling
2023-03-05 16:34:54 -08:00
<h2 className="text-center">{t('swap:margin-swap')}</h2>
margin swap modal explainer
2023-03-02 09:02:26 -08:00
update copy
2023-03-05 19:21:15 -08:00
<div className="mt-3 flex items-center justify-center">
<div className="text-black-50 dark:text-white-25 mr-auto flex min-w-0 flex-1 flex-wrap items-center justify-center space-x-1 px-6 text-sm">
margin swap modal explainer
2023-03-02 09:02:26 -08:00
<svg
width="24"
height="24"
update copy/styling
2023-03-05 16:34:54 -08:00
viewBox="0 0 26 26"
margin swap modal explainer
2023-03-02 09:02:26 -08:00
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="!ml-0"
>
<path
d="M22.8735 11.1084V19.1948L13.9252 24.3878L4.97321 19.1948V8.8088L13.9288 3.60854L20.8058 7.60289L21.8451 7.00174L13.9288 2.40625L3.9375 8.20403V19.796L13.9288 25.5938L23.9201 19.796V10.5072L22.8735 11.1084Z"
fill="url(#paint0_linear)"
></path>
<path
d="M11.4229 19.2022H9.92725V14.154H14.9175C15.3882 14.1504 15.8409 13.9584 16.1741 13.618C16.5072 13.2812 16.6919 12.825 16.6955 12.3506C16.6992 12.1152 16.6521 11.8834 16.5616 11.6661C16.471 11.4488 16.337 11.2533 16.1705 11.0903C16.0075 10.9237 15.8119 10.7898 15.5983 10.6992C15.3846 10.6087 15.1529 10.5616 14.9175 10.5652H9.92725V9.02979H14.9211C15.7938 9.03341 16.634 9.3883 17.2496 10.0075C17.8689 10.6304 18.2165 11.4706 18.2238 12.3506C18.2274 13.0241 18.0246 13.6796 17.6407 14.23C17.2858 14.7551 16.7861 15.168 16.203 15.4142C15.6236 15.5989 15.0225 15.6894 14.4177 15.6858H11.4229V19.2022V19.2022Z"
fill="url(#paint1_linear)"
></path>
<path
d="M18.1869 19.0755H16.4414L15.0942 16.7144C15.6266 16.6818 16.1517 16.5732 16.655 16.3921L18.1869 19.0755Z"
fill="url(#paint2_linear)"
></path>
<path
d="M21.8301 9.42798L22.8622 10.0038L23.8942 9.42798V8.20759L22.8622 7.60645L21.8301 8.20759V9.42798Z"
fill="url(#paint3_linear)"
></path>
<defs>
<linearGradient
id="paint0_linear"
x1="24.5259"
y1="9.78602"
x2="3.31081"
y2="18.2247"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C200FB"></stop>
<stop offset="0.4897" stopColor="#3772FF"></stop>
<stop offset="0.4898" stopColor="#3773FE"></stop>
<stop offset="1" stopColor="#5AC4BE"></stop>
</linearGradient>
<linearGradient
id="paint1_linear"
x1="24.1211"
y1="8.76836"
x2="2.90604"
y2="17.2071"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C200FB"></stop>
<stop offset="0.4897" stopColor="#3772FF"></stop>
<stop offset="0.4898" stopColor="#3773FE"></stop>
<stop offset="1" stopColor="#5AC4BE"></stop>
</linearGradient>
<linearGradient
id="paint2_linear"
x1="26.233"
y1="14.0796"
x2="5.01791"
y2="22.5183"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C200FB"></stop>
<stop offset="0.4897" stopColor="#3772FF"></stop>
<stop offset="0.4898" stopColor="#3773FE"></stop>
<stop offset="1" stopColor="#5AC4BE"></stop>
</linearGradient>
<linearGradient
id="paint3_linear"
x1="23.9608"
y1="8.37071"
x2="2.74577"
y2="16.8094"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C200FB"></stop>
<stop offset="0.4897" stopColor="#3772FF"></stop>
<stop offset="0.4898" stopColor="#3773FE"></stop>
<stop offset="1" stopColor="#5AC4BE"></stop>
</linearGradient>
</defs>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 439 439"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M439 219.5C439 340.726 340.726 439 219.5 439C98.274 439 0 340.726 0 219.5C0 98.274 98.274 0 219.5 0C340.726 0 439 98.274 439 219.5Z"
fill="#FFD15C"
></path>
<path
d="M381.027 185.904C369.923 170.355 358.138 162.204 350.761 158.244C348.171 153.485 345.302 148.798 342.151 144.192C333.07 130.917 323.607 119.406 314.031 109.978C305.075 101.162 295.731 93.8868 286.259 88.3557C269.775 78.728 252.68 74.0316 233.994 73.9967C233.922 73.9967 233.852 73.9967 233.78 73.9967C216.673 73.9967 201.049 77.8887 188.015 81.6993C184.274 82.7921 180.475 83.9755 176.793 85.124C167.384 88.0534 158.495 90.8225 150.995 92.057C145.885 92.8987 141.879 94.8261 139.093 97.7858C136.462 100.58 134.894 104.317 134.436 108.89C133.581 117.443 136.615 128.903 143.211 142.032C156.405 168.293 181.677 197.204 207.596 215.689C210.256 217.587 212.779 219.679 215.15 221.937C215.115 221.946 215.08 221.953 215.043 221.96C194.888 224.838 184.386 246.5 180.134 258.204C179.025 261.256 182.042 263.991 185.123 262.951C197.336 258.834 221.95 252.245 236.361 260.096C239.053 272.972 237.918 285.596 233.059 295.461C230.079 301.511 225.833 306.347 220.439 309.837C214.622 313.601 207.596 315.705 199.552 316.093C190.835 316.514 180.954 314.91 170.185 311.325C158.467 307.423 145.599 301.141 131.939 292.65L131.686 292.495L131.423 292.355C131.268 292.271 131.105 292.178 130.942 292.081C150.495 268.517 138.573 232.931 133.802 221.2C133.165 219.635 131.007 219.646 130.147 221.102C118.975 240.018 96.0606 238.614 96.4674 261.142C96.4581 261.124 96.4488 261.108 96.4395 261.091C78.9209 246.846 65.9174 265.797 44.1185 262.951C42.4422 262.733 41.1054 264.428 41.947 265.892C48.2337 276.841 68.8236 307.981 99.2714 307.284C100.48 308.602 101.878 310.127 102.961 311.325L106.635 315.379C121.556 331.845 137.898 344.911 155.208 354.216C171.331 362.883 188.301 368.307 205.648 370.341C210.844 370.951 216.054 371.253 221.26 371.253C251.464 371.253 281.486 361.097 307.205 341.94C321.633 331.194 333.965 318.225 343.855 303.396C353.978 288.219 361.065 271.793 364.917 254.577C367.484 243.108 368.549 231.539 368.114 220C377.665 217.159 388.211 225.58 393.373 230.523C394.633 231.729 396.711 230.981 396.653 229.237C396.386 221.332 394.119 204.241 381.027 185.904ZM293.994 329.692C268.038 348.092 237.523 356.282 207.708 352.786C192.579 351.012 177.732 346.255 163.578 338.645C150.065 331.382 137.14 321.487 125.076 309.179C152.036 325.551 176.125 333.833 196.778 333.833C197.999 333.833 199.208 333.805 200.403 333.747C211.602 333.205 221.572 330.154 230.039 324.674C238.151 319.427 244.5 312.224 248.913 303.271C252.842 295.296 255.028 286.327 255.409 276.606C255.765 267.531 254.542 258.257 251.771 249.041C245.951 229.7 233.908 212.744 217.861 201.298C205.976 192.821 194.053 181.831 183.389 169.52C174.761 159.562 167.423 149.309 161.918 139.549L161.92 139.537C161.92 139.537 161.876 139.47 161.806 139.349C161.75 139.249 161.694 139.149 161.639 139.049C160.725 137.343 158.323 131.681 165.891 130.6C237.384 120.389 382.852 256.209 293.994 329.692Z"
fill="black"
></path>
<path
d="M165.891 130.6C158.321 131.681 160.725 137.34 161.639 139.049C161.694 139.149 161.75 139.249 161.806 139.349C161.878 139.47 161.92 139.537 161.92 139.537L161.918 139.549C167.423 149.309 174.761 159.562 183.389 169.52C194.056 181.831 205.976 192.821 217.861 201.298C233.91 212.744 245.953 229.7 251.77 249.041C254.542 258.257 255.765 267.531 255.409 276.606C255.028 286.324 252.842 295.296 248.913 303.271C244.5 312.224 238.151 319.427 230.039 324.674C221.571 330.152 211.6 333.205 200.403 333.747C199.208 333.805 197.996 333.833 196.778 333.833C176.125 333.833 152.036 325.551 125.076 309.179C137.14 321.487 150.065 331.382 163.578 338.645C177.732 346.255 192.579 351.012 207.708 352.786C237.523 356.28 268.038 348.089 293.994 329.692C382.852 256.209 237.384 120.389 165.891 130.6Z"
fill="white"
></path>
<path
d="M115.693 293.02C115.693 293.022 115.727 293.029 115.786 293.036C115.721 293.02 115.69 293.018 115.693 293.02Z"
fill="black"
></path>
<path
d="M118.599 291.734C118.622 291.699 118.634 291.679 118.634 291.679C118.631 291.676 118.62 291.695 118.599 291.734Z"
fill="black"
></path>
<path
d="M240.364 125.636C237.883 122.161 232.917 112.728 248.309 112.728C263.702 112.728 287.219 130.156 292.002 136.603C290.511 140.533 280.581 141.411 275.618 141.03C270.652 140.649 262.212 139.833 255.758 136.603C249.301 133.374 242.847 129.112 240.364 125.636Z"
fill="white"
></path>
</svg>
<svg
update copy/styling
2023-03-05 16:34:54 -08:00
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
fill="none"
viewBox="0 0 18 18"
>
<g clipPath="url(#clip0_750_11804)">
<path
fill="#6966FB"
fillRule="evenodd"
d="M17.498 1.264a.854.854 0 00-.855-.855H3.795c-.561 0-1.052.081-1.473.244a3.124 3.124 0 00-1.053.696 2.9 2.9 0 00-.65 1.014c-.14.389-.21.79-.21 1.203v1.97c0 .943.765 1.709 1.71 1.709H12.37L7.245 3.827h9.398a.854.854 0 00.855-.855V1.264zM.409 16.643c0 .471.383.854.855.854h12.848c.561 0 1.052-.082 1.473-.245a3.124 3.124 0 001.053-.695c.292-.3.509-.639.65-1.015.14-.388.21-.789.21-1.202v-1.97c0-.944-.765-1.709-1.709-1.709H5.536l5.126 3.418H1.264a.854.854 0 00-.855.854v1.71z"
clipRule="evenodd"
></path>
</g>
<defs>
<clipPath id="clip0_750_11804">
<path
fill="#fff"
d="M0 0H17.182V18H0z"
transform="translate(.41)"
></path>
</clipPath>
</defs>
</svg>
{/* <svg
margin swap modal explainer
2023-03-02 09:02:26 -08:00
width="24"
height="24"
viewBox="0 0 28 29"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.7467 13.3046L2.14771 6.95663C1.64935 6.65797 1.20735 6.23292 0.850421 5.70912C0.493498 5.18532 0.229639 4.57447 0.075988 3.91627L0 3.59082L0.00762822 3.59643L10.5726 9.83175C11.1291 10.1602 11.6157 10.6454 11.9932 11.2485C12.3708 11.8516 12.6288 12.5558 12.7467 13.3045L12.7467 13.3046Z"
fill="#23C1AA"
></path>
<path
d="M10.9431 23.9546L5.27751 20.6482C4.81463 20.3781 4.40328 19.9898 4.07059 19.5086C3.7379 19.0275 3.49143 18.4646 3.34743 17.8571C3.31062 17.7018 3.27333 17.5444 3.23557 17.385L3.27493 17.4074V17.4093L11.2532 22.0644C11.3895 22.1439 11.5409 22.1751 11.6906 22.1545C11.8404 22.1338 11.9825 22.0622 12.1013 21.9476C12.2201 21.833 12.3109 21.6798 12.3635 21.5052C12.4161 21.3306 12.4286 21.1413 12.3995 20.9584C12.2914 20.2802 12.0567 19.6425 11.714 19.0965C11.3714 18.5504 10.9303 18.111 10.426 17.8133L3.66015 13.8195C3.20483 13.5505 2.79989 13.1669 2.47124 12.6932C2.14259 12.2195 1.89746 11.6662 1.75153 11.0686C1.70416 10.8748 1.66054 10.6943 1.625 10.5439L1.65526 10.5608L10.7433 15.9259C11.5644 16.4106 12.2826 17.1261 12.8405 18.0151C13.3984 18.9041 13.7807 19.9422 13.9568 21.0465C14.0334 21.5273 14.0008 22.025 13.8624 22.4842C13.7241 22.9435 13.4854 23.3462 13.1731 23.6476C12.8607 23.949 12.4869 24.1373 12.0932 24.1915C11.6995 24.2457 11.3014 24.1637 10.9431 23.9546Z"
fill="#23C1AA"
></path>
<path
d="M15.2534 13.3046L25.8524 6.95663C26.3508 6.65796 26.7928 6.23292 27.1497 5.70912C27.5066 5.18531 27.7705 4.57447 27.9241 3.91627C27.9503 3.80429 27.9756 3.69581 28.0001 3.59082L27.9925 3.59643L17.4275 9.83175C16.871 10.1602 16.3844 10.6454 16.0069 11.2485C15.6293 11.8516 15.3713 12.5558 15.2534 13.3045V13.3046Z"
fill="#23C1AA"
></path>
<path
d="M17.0556 23.9546L22.7212 20.6482C23.1841 20.3781 23.5955 19.9898 23.9282 19.5087C24.2609 19.0275 24.5073 18.4646 24.6513 17.8571C24.6881 17.7018 24.7254 17.5444 24.7632 17.385L24.7238 17.4074V17.4093L16.7455 22.0644C16.6093 22.1439 16.4578 22.1751 16.3081 22.1545C16.1584 22.1339 16.0162 22.0622 15.8974 21.9476C15.7786 21.833 15.6879 21.6798 15.6352 21.5052C15.5826 21.3306 15.5701 21.1413 15.5993 20.9584C15.7073 20.2801 15.9421 19.6425 16.2847 19.0964C16.6273 18.5504 17.0684 18.1109 17.5727 17.8133L24.3386 13.8194C24.7939 13.5504 25.1989 13.1668 25.5275 12.6932C25.8561 12.2195 26.1013 11.6662 26.2472 11.0686C26.2946 10.8748 26.3382 10.6943 26.3737 10.5439L26.3435 10.5608L17.2554 15.9259C16.4343 16.4106 15.7162 17.1261 15.1582 18.0151C14.6003 18.9042 14.2181 19.9422 14.042 21.0465C13.9653 21.5273 13.9979 22.025 14.1363 22.4842C14.2746 22.9435 14.5133 23.3462 14.8256 23.6476C15.138 23.949 15.5118 24.1373 15.9055 24.1915C16.2992 24.2457 16.6974 24.1637 17.0556 23.9546Z"
fill="#23C1AA"
></path>
update copy/styling
2023-03-05 16:34:54 -08:00
</svg> */}
{/* <svg
margin swap modal explainer
2023-03-02 09:02:26 -08:00
width="22"
height="22"
viewBox="0 0 20 20"
fill="inherit"
xmlns="http://www.w3.org/2000/svg"
className="fill-current text-black dark:text-white"
>
<path
d="M15.4892 10.8813L15.4042 11.9374L15.2546 12.9863L15.0407 14.0236L15.0325 14.0532L15.0226 14.0824L15.0111 14.1107L14.9978 14.1386L14.9828 14.1653L14.966 14.191L14.9479 14.2158L14.9282 14.2393L14.9072 14.2614L14.8848 14.2823L14.861 14.3018L14.8362 14.3196L14.8104 14.336L14.289 14.6212L13.7511 14.8732L13.1987 15.091L12.634 15.274L12.0592 15.421L11.4764 15.5319L10.8879 15.6061L10.3064 15.6411L10.296 15.6432H9.99958H9.70309L9.69284 15.6411L9.1112 15.6061L8.52274 15.5319L7.9401 15.421L7.3651 15.274L6.80057 15.091L6.24801 14.8732L5.71013 14.6212L5.1887 14.336L5.16305 14.3196L5.13808 14.3018L5.11433 14.2823L5.0921 14.2614L5.07091 14.2393L5.05125 14.2158L5.0331 14.191L5.01635 14.1653L5.00132 14.1386L4.98799 14.1107L4.97653 14.0824L4.96659 14.0532L4.95839 14.0236L4.74452 12.9863L4.59491 11.9374L4.50994 10.8813L4.49014 9.82182L4.53542 8.76315L4.6457 7.70946L4.82062 6.66465L4.82727 6.636L4.83547 6.60755L4.8425 6.58797L4.84541 6.57968L4.85701 6.55258L4.87034 6.52627L5.06201 6.1951L5.27453 5.87736L5.5072 5.57425L5.75888 5.28711L5.86538 5.18041L6.0285 5.01705L6.31504 4.76544L6.61696 4.5329L6.93342 4.32088L7.26286 4.13003L7.6038 3.96126L7.95495 3.81537L8.31465 3.69275L8.68173 3.59396L9.05411 3.51958L9.43074 3.4696L9.80963 3.4448H9.99958H10.1895L10.5684 3.4696L10.945 3.51958L11.3176 3.59396L11.6845 3.69275L12.0443 3.81537L12.3953 3.96126L12.7363 4.13003L13.0657 4.32088L13.3822 4.5329L13.6841 4.76544L13.9706 5.01705L14.1337 5.18041L14.2402 5.28711L14.4919 5.57425L14.7246 5.87736L14.9371 6.1951L15.129 6.52627L15.1421 6.55258L15.1537 6.57968L15.1568 6.58797L15.1636 6.60755L15.172 6.636L15.1787 6.66465L15.3534 7.70946L15.4639 8.76315L15.509 9.82182L15.4892 10.8813ZM17.6321 8.78296L17.623 8.69223L17.609 8.60267L17.5899 8.51384L17.5657 8.42661L17.5365 8.34125L17.5025 8.25803L17.4639 8.1771L17.4208 8.09906L17.3734 8.02393L17.3216 7.95223L17.2658 7.88419L17.2065 7.82001L17.1435 7.76003L17.0771 7.70429L17.0079 7.65314L16.9097 7.58992L16.8844 7.57128L16.8605 7.55108L16.8376 7.5292L16.8159 7.50592L16.7957 7.48133L16.7769 7.45517L16.7598 7.42788L16.7441 7.39943L16.73 7.37004L16.7177 7.33987L16.7071 7.30893L16.6319 7.08924L16.5437 6.8755L16.4426 6.6685L16.3296 6.46897L16.2048 6.27793L16.0689 6.09611L15.922 5.92446L15.7654 5.76378L15.5996 5.61423L15.5782 5.59519L15.5577 5.57484L15.5384 5.55331L15.5204 5.53062L15.5034 5.5068L15.4876 5.482L15.4732 5.45623L15.2635 5.08357L15.0318 4.72624L14.78 4.38565L14.5087 4.06312L14.2187 3.76021L13.9118 3.47785L13.589 3.21741L13.2515 2.98004L12.9009 2.76631L12.5384 2.57756L12.1656 2.4142L11.7839 2.27714L11.395 2.16683L11.0004 2.08361L10.6017 2.02787L10.2005 2H9.99958H9.79865L9.3974 2.02787L8.99871 2.08361L8.60411 2.16683L8.21518 2.27714L7.83373 2.4142L7.4607 2.57756L7.09823 2.76631L6.74759 2.98004L6.41008 3.21741L6.08729 3.47785L5.78042 3.76021L5.49062 4.06312L5.21931 4.38565L4.96728 4.72624L4.73579 5.08357L4.52587 5.45623L4.5115 5.482L4.49575 5.5068L4.47885 5.53062L4.46071 5.55331L4.44156 5.57484L4.42124 5.59519L4.39967 5.61423L4.23368 5.76378L4.07708 5.92446L3.93055 6.09611L3.79445 6.27793L3.66949 6.46897L3.55648 6.6685L3.45541 6.8755L3.36736 7.08924L3.29199 7.30893L3.28153 7.33987L3.26907 7.37004L3.25505 7.39943L3.2395 7.42788L3.22222 7.45517L3.20359 7.48133L3.18324 7.50592L3.1617 7.5292L3.13878 7.55108L3.11468 7.57128L3.08954 7.58992L2.99125 7.65314L2.922 7.70429L2.85566 7.76003L2.79258 7.82001L2.73344 7.88419L2.67752 7.95223L2.6259 8.02393L2.57836 8.09906L2.53529 8.1771L2.49665 8.25803L2.46279 8.34125L2.43353 8.42661L2.40926 8.51384L2.39011 8.60267L2.37609 8.69223L2.36705 8.78296L2.36328 8.87385L2.36449 8.96498L2.53595 13.1229L2.54042 13.1862L2.54845 13.2493L2.55991 13.3117L2.57476 13.373L2.59308 13.4334L2.61496 13.4924L2.63992 13.55L2.66811 13.6056L2.69941 13.6594L2.76557 13.759L2.83704 13.8541L2.9138 13.9443L2.99551 14.0292L3.08169 14.1086L3.17212 14.1822L3.29182 14.2678L3.31591 14.2873L3.33901 14.3087L3.36072 14.3314L3.38104 14.3556L3.40001 14.3809L3.41781 14.4076L3.43353 14.4355L3.44807 14.4644L3.46088 14.4939L3.59477 14.8651L3.73614 15.197C3.84129 15.4096 6.2085 17.3697 6.2085 17.3697C6.20
fill="inherit"
></path>
<path
d="M12.8063 10.8231H12.0833C11.9929 10.8231 11.9195 10.9058 11.9195 11.0074V11.5677C11.9195 11.6698 11.8834 11.7678 11.8192 11.8401L11.7731 11.8918C11.7089 11.964 11.6217 12.0044 11.5309 12.0044H8.4687C8.37792 12.0044 8.2907 11.964 8.22644 11.8918L8.18043 11.8401C8.11617 11.7678 8.08009 11.6698 8.08009 11.5677V11.0074C8.08009 10.9058 8.00672 10.8231 7.91611 10.8231H7.19327C7.10284 10.8231 7.0293 10.9058 7.0293 11.0074V11.8201C7.0293 11.922 7.10284 12.0044 7.19327 12.0044H7.73763C7.82841 12.0044 7.91559 12.045 7.97989 12.1172C8.04418 12.1895 8.08009 12.2875 8.08009 12.3896V12.9841C8.08009 13.095 8.16076 13.1857 8.25944 13.1857H8.25992H11.7397H11.74C11.8388 13.1857 11.9195 13.095 11.9195 12.9841V12.3896C11.9195 12.2875 11.9554 12.1895 12.0197 12.1172C12.084 12.045 12.1712 12.0044 12.262 12.0044H12.8063C12.8967 12.0044 12.9703 11.922 12.9703 11.8201V11.0074C12.9703 10.9058 12.8967 10.8231 12.8063 10.8231Z"
fill="inherit"
></path>
update copy/styling
2023-03-05 16:34:54 -08:00
</svg> */}
margin swap modal explainer
2023-03-02 09:02:26 -08:00
<svg
update copy/styling
2023-03-05 16:34:54 -08:00
width="24"
height="24"
margin swap modal explainer
2023-03-02 09:02:26 -08:00
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 10C2 5.58173 5.58173 2 10 2C14.4183 2 18 5.58173 18 10C18 14.4183 14.4183 18 10 18C5.58173 18 2 14.4183 2 10ZM2.74419 10C2.74419 14.0008 5.99915 17.2558 10 17.2558C14.0008 17.2558 17.2558 14.0008 17.2558 10C17.2558 5.99915 14.0008 2.74419 10 2.74419C5.99915 2.74419 2.74419 5.99915 2.74419 10ZM6.36364 14.766C5.83307 14.756 5.46723 14.4008 5.32803 14.1175C5.18884 13.8342 5.18596 13.4664 5.31924 13.1873C5.45252 12.9082 8.01438 7.73649 8.09877 7.55873C8.18317 7.38097 8.17438 7.39061 8.17556 7.19256C8.17674 6.9945 8.17556 4.89573 8.17556 4.89573C8.17556 4.89573 7.97159 4.89573 7.84913 4.89573C7.55315 4.89573 7.42156 4.68076 7.42004 4.50672C7.41852 4.33759 7.5359 4.10926 7.83408 4.10858C8.08778 4.10858 8.53226 4.10858 8.96237 4.10858L8.95899 5.31264H9.86469V5.70638H8.95915V6.10994H9.86469V6.50182H8.95915V7.51374C8.95915 7.61522 8.94512 7.61844 8.89455 7.72533C8.84397 7.83222 6.14123 13.3022 6.05598 13.4841C5.97074 13.6661 6.14241 13.9728 6.39696 13.9775C6.6515 13.9822 13.2812 13.9746 13.6046 13.9746C13.9279 13.9746 14.0166 13.5899 13.953 13.465C13.8894 13.3402 11.1278 7.76744 11.0797 7.66106C11.0317 7.55467 11.0378 7.56381 11.0402 7.39044C11.0425 7.21708 11.0402 4.10926 11.0402 4.10926H12.1947C12.297 4.1083 12.3956 4.14803 12.4687 4.21973C12.5417 4.29143 12.5833 4.38922 12.5843 4.49159C12.5852 4.59395 12.5455 4.6925 12.4738 4.76557C12.4021 4.83863 12.3043 4.88022 12.2019 4.88118H12.1947C12.089 4.88338 11.8241 4.88118 11.8241 4.88118C11.8241 4.88118 11.8241 7.17531 11.8241 7.30469C11.8241 7.43408 11.8605 7.463 11.945 7.63383C12.0296 7.80465 14.467 12.717 14.6327 13.0495C14.7985 13.382 14.8565 13.86 14.56 14.2573C14.2635 14.6545 13.9132 14.7496 13.6345 14.7526C13.4075 14.7545 9.08482 14.7696 7.19746 14.7696C6.766 14.7685 6.46224 14.7679 6.36364 14.766ZM9.71247 12.8076C9.71247 12.7541 9.72834 12.7018 9.75808 12.6573C9.78782 12.6128 9.83008 12.5781 9.87953 12.5576C9.92898 12.5371 9.98339 12.5318 10.0359 12.5422C10.0884 12.5526 10.1366 12.5784 10.1744 12.6163C10.2123 12.6541 10.2381 12.7023 10.2485 12.7548C10.2589 12.8073 10.2536 12.8617 10.2331 12.9112C10.2126 12.9606 10.1779 13.0029 10.1334 13.0326C10.0889 13.0624 10.0366 13.0782 9.98309 13.0782C9.91132 13.0782 9.84248 13.0497 9.79173 12.999C9.74098 12.9482 9.71247 12.8794 9.71247 12.8076ZM10.5174 12.751C10.5041 12.738 10.4956 12.7208 10.4936 12.7023C10.4915 12.6838 10.4959 12.6651 10.506 12.6495C10.5161 12.6339 10.5313 12.6223 10.549 12.6166C10.5668 12.6109 10.5859 12.6116 10.6032 12.6184C10.6205 12.6253 10.6349 12.6379 10.6439 12.6542C10.653 12.6704 10.6561 12.6893 10.6528 12.7076C10.6495 12.726 10.6399 12.7425 10.6257 12.7546C10.6116 12.7667 10.5937 12.7734 10.5751 12.7738C10.5644 12.774 10.5538 12.7721 10.5439 12.7682C10.534 12.7643 10.525 12.7584 10.5174 12.751ZM9.33937 12.751C9.32613 12.7378 9.31786 12.7205 9.31596 12.702C9.31407 12.6834 9.31867 12.6648 9.32898 12.6493C9.33928 12.6337 9.35466 12.6223 9.37249 12.6168C9.39031 12.6113 9.40948 12.6122 9.42672 12.6193C9.44395 12.6264 9.45819 12.6393 9.467 12.6557C9.47581 12.6722 9.47865 12.6911 9.47503 12.7094C9.4714 12.7277 9.46155 12.7442 9.44714 12.756C9.43273 12.7678 9.41467 12.7743 9.39603 12.7743C9.37479 12.7743 9.35442 12.7659 9.33937 12.751ZM10.8724 12.5378C10.8334 12.5012 10.8062 12.4538 10.7941 12.4017C10.7821 12.3495 10.7857 12.295 10.8047 12.245C10.8236 12.1949 10.8569 12.1516 10.9005 12.1205C10.944 12.0894 10.9958 12.0719 11.0493 12.0702C11.1028 12.0685 11.1555 12.0828 11.2009 12.1111C11.2464 12.1394 11.2823 12.1805 11.3044 12.2293C11.3264 12.278 11.3335 12.3322 11.3247 12.385C11.316 12.4378 11.2917 12.4868 11.2551 12.5258L11.2492 12.5319C11.2238 12.5575 11.1936 12.5778 11.1604 12.5917C11.1271 12.6056 11.0914 12.6128 11.0554 12.6129C11.0214 12.6131 10.9878 12.6066 10.9564 12.5937C10.925 12.5808 10.8964 12.5618 10.8724 12.5378ZM8.73387 12.5319C8.69861 12.4944 8.67519 12.4472 8.66654 12.3964C8.6579 12.3456 8.6644 12.2934 8.68524 12.2463C8.70608 12.1992 8.74034 12.1592 8.78374 12.1315C8.82713 12.1037 8.87775 12.0893 8.92927 12.0901C8.98079 12.0909 9.03093 12.1069 9.07343 12.136C9.11594 12.1651 9.14
fill="url(#paint0_linear_2430_30557)"
></path>
<defs>
<linearGradient
id="paint0_linear_2430_30557"
x1="4.06867"
y1="3.68795"
x2="15.9087"
y2="16.3279"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4D2FE5"></stop>
<stop offset="0.53" stopColor="#D51FD5"></stop>
<stop offset="1" stopColor="#FB767C"></stop>
</linearGradient>
</defs>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 14 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_1545_16102)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.6499 11.8551L13.6496 4.14636L6.96731 0.288025L6.9676 7.99986L0.287109 11.8565L6.96969 15.7143L13.6458 11.8602L13.6499 11.8625V11.8579L13.6522 11.8565L13.6499 11.8551Z"
fill="#64C557"
></path>
<path
d="M0.28935 4.14629L6.97162 0.287964L6.97133 8.00414L0.289062 11.8625L0.28935 4.14629Z"
fill="#118AB2"
></path>
<path
d="M6.97265 0.280518L13.6552 4.13836L11.4277 5.42431L4.74512 1.56647L6.97265 0.280518Z"
fill="#00F8B7"
></path>
<path
d="M11.4225 5.422L11.4226 7.99406L4.74032 4.13572L4.74023 1.56366L11.4225 5.422Z"
fill="#09BD8E"
></path>
<path
d="M4.73632 4.13965L11.4189 7.99749L9.19137 9.28344L2.50879 5.4256L4.73632 4.13965Z"
fill="#FFE3A3"
></path>
<path
d="M9.21741 9.29679L9.21749 11.8689L2.53524 8.01048L2.53516 5.43842L9.21741 9.29679Z"
fill="#FFBB1D"
></path>
<path
d="M2.51464 7.99847L9.19718 11.8563L6.96969 13.1423L0.287109 9.28442L2.51464 7.99847Z"
fill="#FF965E"
></path>
<path
d="M6.96548 13.14L6.96556 15.7121L0.283301 11.8537L0.283203 9.28162L6.96548 13.14Z"
fill="#D94C00"
></path>
<path
d="M11.4261 5.42281L13.6535 4.13666L13.6532 11.8529L11.4258 13.139L11.4261 5.42281Z"
fill="#06D6A0"
></path>
<path
d="M9.19357 9.28184L11.421 7.99573L11.4208 13.1399L9.19336 14.426L9.19357 9.28184Z"
fill="#FFD166"
></path>
<path
d="M6.96106 13.1407L9.18847 11.8546L9.18838 14.4267L6.96094 15.7128L6.96106 13.1407Z"
fill="#F3722C"
></path>
</g>
<defs>
<clipPath id="clip0_1545_16102">
<rect
width="13.5385"
height="16"
fill="white"
transform="translate(0.230469)"
></rect>
</clipPath>
</defs>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="8"
cy="8"
r="8"
fill="url(#paint0_linear_391_2177)"
></circle>
<ellipse
cx="8.01494"
cy="7.98516"
rx="7.26592"
ry="7.26592"
fill="black"
></ellipse>
<path
d="M8.87796 5.59365C7.05092 5.61352 5.04972 7.0165 4.40816 8.72731C5.76454 7.75156 7.12096 8.47491 8.58731 8.61708C10.0537 8.75925 9.82887 8.65455 11.0245 8.65538C11.666 6.94457 10.705 5.57379 8.87796 5.59365Z"
fill="url(#paint1_linear_391_2177)"
></path>
<path
d="M6.5443 12.2669C4.74947 12.2642 3.78845 10.8934 4.39781 9.20521C6.22244 8.05576 7.40691 9.35814 10.8975 9.21504C10.2881 10.9033 8.33913 12.2697 6.5443 12.2669Z"
fill="url(#paint2_linear_391_2177)"
></path>
<path
d="M8.8782 5.59365C7.05116 5.61352 5.04997 7.0165 4.4084 8.72731C5.76479 7.75156 7.12121 8.47491 8.58756 8.61708C10.0539 8.75924 9.82911 8.65455 11.0247 8.65537C11.6663 6.94457 10.7052 5.57379 8.8782 5.59365Z"
fill="url(#paint3_linear_391_2177)"
></path>
<path
d="M6.54454 12.2669C4.74971 12.2642 3.78869 10.8934 4.39805 9.20521C6.22268 8.05576 7.40716 9.35814 10.8977 9.21504C10.2884 10.9033 8.33938 12.2696 6.54454 12.2669Z"
fill="url(#paint4_linear_391_2177)"
></path>
<path
d="M10.679 7.50094C11.4056 6.77435 11.1885 6.30509 10.4946 4.61475"
stroke="url(#paint5_linear_391_2177)"
strokeWidth="2"
></path>
<path
d="M10.9319 5.48226C11.8293 5.74069 12.7664 5.22266 13.0248 4.32519L12.8686 4.28021C11.9712 4.02178 11.0341 4.53982 10.7757 5.43728L10.9319 5.48226Z"
fill="url(#paint6_linear_391_2177)"
></path>
<path
d="M10.866 4.94513C10.9879 4.01918 10.336 3.16976 9.41009 3.04788L9.38888 3.20904C9.26701 4.13499 9.91884 4.98441 10.8448 5.10629L10.866 4.94513Z"
fill="url(#paint7_linear_391_2177)"
></path>
<defs>
<linearGradient
id="paint0_linear_391_2177"
x1="8"
y1="0"
x2="8"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#13ECAB"></stop>
<stop offset="1" stopColor="#C834F7"></stop>
</linearGradient>
<linearGradient
id="paint1_linear_391_2177"
x1="7.44668"
y1="10.0666"
x2="7.40507"
y2="5.36234"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C834F7"></stop>
<stop offset="0.384725" stopColor="#718BD3"></stop>
<stop offset="0.848958" stopColor="#13ECAB"></stop>
</linearGradient>
<linearGradient
id="paint2_linear_391_2177"
x1="6.54432"
y1="12.267"
x2="6.57832"
y2="9.19828"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.0001" stopColor="#C833F7"></stop>
<stop offset="0.963542" stopColor="#7E7ED8"></stop>
</linearGradient>
<linearGradient
id="paint3_linear_391_2177"
x1="7.44692"
y1="10.0666"
x2="7.40531"
y2="5.36234"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C834F7"></stop>
<stop offset="0.384725" stopColor="#718BD3"></stop>
<stop offset="0.848958" stopColor="#13ECAB"></stop>
</linearGradient>
<linearGradient
id="paint4_linear_391_2177"
x1="6.54456"
y1="12.267"
x2="6.57857"
y2="9.19827"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.0001" stopColor="#C833F7"></stop>
<stop offset="0.963542" stopColor="#7E7ED8"></stop>
</linearGradient>
<linearGradient
id="paint5_linear_391_2177"
x1="11.0307"
y1="5.63978"
x2="9.62028"
y2="8.67005"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#13ECAB"></stop>
<stop offset="0.343329" stopColor="#31CDB8"></stop>
<stop offset="0.487741" stopColor="#4DB1C4"></stop>
<stop offset="0.854972" stopColor="#817CDA"></stop>
</linearGradient>
<linearGradient
id="paint6_linear_391_2177"
x1="11.9587"
y1="4.67811"
x2="10.3948"
y2="6.50378"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#13ECAB"></stop>
<stop offset="1" stopColor="#7E7ED8"></stop>
</linearGradient>
<linearGradient
id="paint7_linear_391_2177"
x1="9.91787"
y1="4.0495"
x2="11.9561"
y2="5.32406"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#13ECAB"></stop>
<stop offset="1" stopColor="#7E7ED8"></stop>
</linearGradient>
</defs>
</svg>
{/* <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" x="0" y="0" version="1.1" viewBox="0 0 96 96" xml:space="preserve"><image width="96" height="96" x="0" y="0" href="data:image/png;base64,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 GcIKLLMZ6zRnggQHIOajF5Jrd7mSGJ0
<svg
width="20"
height="20"
viewBox="0 0 29 29"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="29" height="29" rx="7.25" fill="#5AC43B"></rect>
<path
d="M6.34375 10.5344H11.0193C11.5388 10.5344 11.9544 10.95 11.9544 11.4695C11.9544 11.9891 11.5388 12.4047 11.0193 12.4047H6.34375C6.51692 14.7598 8.49104 16.5953 10.8808 16.5953H11.0539C11.5734 16.5953 11.9891 17.0109 11.9891 17.5305C11.9891 18.05 11.5734 18.4656 11.0539 18.4656H10.8808C8.49104 18.4656 6.51692 20.3012 6.34375 22.6562H18.7773C21.167 22.6562 23.1411 20.8207 23.3143 18.4656H18.6387C18.1192 18.4656 17.7036 18.05 17.7036 17.5305C17.7036 17.0109 18.1192 16.5953 18.6387 16.5953H23.3143C23.1411 14.2402 21.167 12.4047 18.7773 12.4047H18.6041C18.0846 12.4047 17.669 11.9891 17.669 11.4695C17.669 10.95 18.0846 10.5344 18.6041 10.5344H18.7773C21.167 10.5344 23.1411 8.69885 23.3143 6.34375H10.8808C8.49104 6.34375 6.51692 8.17934 6.34375 10.5344Z"
fill="#150F0F"
></path>
</svg>
{/* <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 481.8 614.95" width="20" height="20"><defs><linearGradient id="linear-gradient" x1="241.99" y1="610.01" x2="241.99" y2="128.65" gradientUnits="userSpaceOnUse"><stop offset="0.7" stopColor="#cfe4f3"></stop><stop offset="1" stopColor="#6bc3f9"></stop></linearGradient><linearGradient id="linear-gradient-2" x1="239.97" y1="602.54" x2="239.97" y2="-7.47" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#b18cf9"></stop><stop offset="1" stopColor="#4f3dd5"></stop></linearGradient><linearGradient id="linear-gradient-3" x1="242.06" y1="609.76" x2="242.06" y2="126.99" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#b1d6f9"></stop><stop offset="1" stopColor="#9193ee"></stop></linearGradient><linearGradient id="linear-gradient-4" x1="241.99" y1="610.01" x2="241.99" y2="128.65" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#cfe4f3"></stop><stop offset="1" stopColor="#6bc3f9"></stop></linearGradient><linearGradient id="linear-gradient-5" x1="151.73" y1="614.95" x2="151.73" y2="129.58" xlink:href="#linear-gradient-3"></linearGradient><linearGradient id="linear-gradient-6" x1="241.99" y1="610.01" x2="241.99" y2="141.43" xlink:href="#linear-gradient-3"></linearGradient><linearGradient id="linear-gradient-7" x1="-27.05" y1="575.29" x2="513.32" y2="34.91" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#a684f8"></stop><stop offset="0.5" stopColor="#8272fa"></stop><stop offset="1" stopColor="#90aefb"></stop></linearGradient><clipPath id="clipPath" transform="translate(6.62 7.47)"><path d="M120.62 246.48 191.48 80c2-4.14 4.24-6.6 9.07-9.85L313.23.78a5.31 5.31 0 0 1 7.65 6.57l-28.61 73.76 61 136.56 21-54.66a24.62 24.62 0 0 1 8.55-10.45l42.4-25.85a5.31 5.31 0 0 1 7.76 6l-9 59.2 45.8 267.61A40.55 40.55 0 0 1 447 503.2l-195.64 91.3a40.54 40.54 0 0 1-34.43-.07L23.25 503.1A40.53 40.53 0 0 1 .53 459.94L36.94 177a20.5 20.5 0 0 1 9.37-12.58L105.66 129a5.31 5.31 0 0 1 7.68 6.45l-13.58 58.12Z" style="fill:none"></path></clipPath><style>.cls-12{fill:#fff;opacity:.3}</style></defs><g style="isolation:isolate"><g id="Layer_2" data-name="Layer 2"><g style="clipPath:url(#clipPath)" id="Layer_1-2" data-name="Layer 1"><path style="fill:url(#linear-gradient)" d="m125.42 128.65-19.04 72.39 22.9 57.83 352.45 238.68-240.98 112.46L2.25 497.55l41.8-320.24 81.37-48.66z"></path><path d="M292.27 81.11 327-7.47 199 69.42a27.17 27.17 0 0 0-9.25 11.88L123 240.73 4.84 499.82l229.29 102.72 241-112.46Z" transform="translate(6.62 7.47)" style="fill:url(#linear-gradient-2)"></path><path style="fill:url(#linear-gradient-3)" d="m383.75 163.79-80.83 212.69L2.32 497.3l238.5 112.46L481.8 497.3l-51.11-298.17 11.63-72.14-58.57 36.8z"></path><path style="mix-blend-mode:multiply;fill:url(#linear-gradient-4)" d="m125.42 128.65-19.04 72.39 20.86 52.9 354.49 243.61-240.98 112.46L2.25 497.55l41.31-321.86 81.86-47.04z"></path><path style="fill:url(#linear-gradient-5)" d="M303.46 375.07 0 498.26l238.51 116.69 2.24-4.94 62.71-234.94z"></path><path style="mix-blend-mode:screen;opacity:0.7;fill:url(#linear-gradient-6)" d="m2.25 497.55 238.5 112.46 240.98-112.46-178.27-122.48L2.25 497.55z"></path><path style="mix-blend-mode:hue;fill:url(#linear-gradient-7)" d="M4.34 7.45H478v599.23H4.34z"></path><path d="M248.45 591.77a35.79 35.79 0 0 1-29.66 0L5.55 491.57a40.5 40.5 0 0 0 17.7 16.27l193.68 91.32a40.54 40.54 0 0 0 34.43.07L447 507.93a40.44 40.44 0 0 0 17.44-15.62Z" transform="translate(6.62 7.47)" style="fill:#311b98;opacity:0.2"></path><path className="cls-12" d="M385.44 153.73 431.07 126a5.27 5.27 0 0 0-7.43-2.39l-42.4 25.85a24.77 24.77 0 0 0-8.55 10.45l-18.59 56.5L376 165c2.54-5.55 4.56-8.28 9.44-11.27ZM203.11 71.34 320.59-.8c.12-3.92-6.73-5-10.51-2.75L191.92 69.32a5.25 5.25 0 0 0-1.67 2L121.9 242.83l70-158.09c2.93-6.9 5.47-9.9 11.21-13.4ZM47.39 167.14l62.74-39.26a5.25 5.25 0 0 0-7.43-2.2l-59.34 35.41A20.55 20.55 0 0 0 34 173.67L.87 457.29l38.05-277.54a17.43 17.43 0 0 1 8.47-12.61Z" transform="translate(6.62 7.47)"></path></g></g></g></sv
<svg
viewBox="0 0 104 81"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
>
<title>logo备份 3</title>
<defs>
<linearGradient
x1="98.6458773%"
y1="46.7281909%"
x2="-14.138379%"
y2="29.6384422%"
id="linearGradient-1"
>
<stop stopColor="#4CFFDF" offset="0%"></stop>
<stop stopColor="#6676F5" offset="63.7236909%"></stop>
<stop stopColor="#C400FF" offset="100%"></stop>
</linearGradient>
</defs>
<g
id="页面-1"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="画板备份-71"
transform="translate(-248.000000, -159.000000)"
fill="url(#linearGradient-1)"
fillRule="nonzero"
>
<g
id="logo备份-3"
transform="translate(248.549133, 159.716763)"
>
<path
d="M101.61048,25.7561214 C101.908565,26.2470946 102.105425,26.7925216 102.190344,27.359897 L102.219852,27.6043068 L102.219852,27.6043068 C105.338116,61.4972581 76.2537818,80.283237 53.3165839,80.283237 C20.4646636,80.283237 2.17028166,60.3881222 0.496498217,32.3658705 L0.450867052,31.5142359 L0.450867052,31.5142359 C0.642758926,27.9465392 3.67089814,25.2109704 7.21440531,25.4041722 C8.09477127,25.4521722 8.95590702,25.6820711 9.74422935,26.0795637 C10.9534353,26.6891442 12.1748236,27.2564125 13.4084467,27.7812629 C42.6563977,40.2249324 70.0032917,40.2249324 95.6070441,24.4054009 C95.6438789,24.3826422 95.6856055,24.3569172 95.7322241,24.3282259 L95.7322734,24.3283067 C97.7471021,23.088284 100.378865,23.7275385 101.61048,25.7561214 Z M41.2472454,5.20682419 C41.6724714,5.4897667 42.0986369,5.77389434 42.5258169,6.05869267 L43.3815517,6.62903115 C55.5242534,14.7171763 68.52152,23.0684222 84.0806336,19.9818543 C88.8398026,19.0077668 90.6914383,18.5285309 93.9979029,17.9985158 C96.2491563,18.9841098 90.6237357,22.3556037 89.7821966,22.9396295 C69.7948999,40.1960793 5.32556646,31.2741263 5.32556646,12.2788733 C6.09141841,-0.935538727 26.7091651,-3.13863626 41.2472454,5.20682419 Z M86.2038571,5.79031787 C86.35557,5.82757816 86.5070028,5.8651657 86.6578887,5.90322088 L87.108639,6.01892976 C90.6224835,6.93850546 93.6869447,8.19388027 92.8389855,11.6072849 C90.3210642,18.4371936 71.0042348,17.0378065 62.3942243,13.3102006 L61.9270803,13.1007536 C61.3308921,12.8237485 61.0706202,12.1125861 61.3457473,11.5123279 C61.5563773,11.0527863 62.0313028,10.7762817 62.531956,10.8217101 C62.5585841,10.8241174 62.5848768,10.826411 62.6108351,10.8285822 C67.0621339,11.2008994 71.6112334,10.3239001 75.2691195,7.90337775 C78.4159444,5.97084919 82.5783668,5.22312232 86.2038571,5.79031787 Z"
id="形状结合"
></path>
</g>
</g>
</g>
</svg>
<svg
width="20"
height="20"
viewBox="0 0 42 42"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<title>Shape</title>
<defs>
<linearGradient
x1="50.0008831%"
y1="99.6566549%"
x2="50.0008831%"
y2="-0.126141639%"
id="linearGradient-1"
>
<stop stopColor="#7D5DF2" offset="0%"></stop>
<stop stopColor="#60F9B6" offset="100%"></stop>
</linearGradient>
</defs>
<g
id="Page-1"
stroke="none"
strokeWidth="1"
fill="none"
fillRule="evenodd"
>
<g
id="Dashboard/-Details"
transform="translate(-200.000000, -40.000000)"
fill="url(#linearGradient-1)"
fillRule="nonzero"
>
<g
id="luna-logo-02-1"
transform="translate(200.000000, 40.000000)"
>
<path
d="M21.007742,4.669 C17.775742,4.669 14.616742,5.627 11.929742,7.423 C9.24274203,9.217 7.14774203,11.77 5.90974203,14.756 C4.67374203,17.742 4.34974203,21.027 4.97974203,24.196 C5.61074203,27.366 7.16674203,30.278 9.45174203,32.563 C11.737742,34.848 14.648742,36.405 17.818742,37.035 C20.988742,37.665 24.273742,37.342 27.258742,36.105 C30.244742,34.869 32.796742,32.775 34.592742,30.087 C36.387742,27.4 37.346742,24.241 37.346742,21.009 C37.346742,16.676 35.624742,12.519 32.559742,9.456 C29.495742,6.391 25.339742,4.67 21.006742,4.669 L21.007742,4.669 Z M21.007742,35.017 C18.237742,35.017 15.529742,34.197 13.225742,32.657 C10.922742,31.119 9.12674203,28.932 8.06574203,26.373 C7.00574203,23.813 6.72774203,20.998 7.26774203,18.281 C7.80774203,15.564 9.14174203,13.068 11.100742,11.109 C13.058742,9.149 15.554742,7.815 18.270742,7.275 C20.987742,6.734 23.803742,7.011 26.363742,8.071 C28.923742,9.131 31.110742,10.925 32.649742,13.228 C34.189742,15.531 35.010742,18.239 35.011742,21.009 C35.011742,24.724 33.536742,28.286 30.910742,30.913 C28.283742,33.54 24.721742,35.017 21.007742,35.017 Z M21.007742,0.001 C16.852742,0.001 12.790742,1.234 9.33574203,3.541 C5.88174203,5.851 3.18874203,9.131 1.59874203,12.97 C0.00974203468,16.809 -0.407257965,21.033 0.403742035,25.107 C1.21374203,29.182 3.21474203,32.925 6.15374203,35.863 C9.09074203,38.801 12.833742,40.802 16.908742,41.613 C20.984742,42.423 25.208742,42.007 29.046742,40.417 C32.885742,38.827 36.166742,36.134 38.474742,32.679 C40.782742,29.225 42.014742,25.163 42.014742,21.009 C42.014742,18.249 41.471742,15.518 40.416742,12.969 C39.360742,10.419 37.813742,8.104 35.862742,6.153 C33.912742,4.203 31.595742,2.655 29.046742,1.599 C26.497742,0.544 23.766742,0 21.006742,0 L21.007742,0.001 Z M21.007742,39.685 C17.313742,39.685 13.703742,38.591 10.632742,36.539 C7.56174203,34.488 5.16774203,31.571 3.75374203,28.159 C2.33974203,24.747 1.96974203,20.993 2.68974203,17.37 C3.40974203,13.747 5.18874203,10.42 7.79974203,7.808 C10.410742,5.196 13.737742,3.418 17.359742,2.696 C20.982742,1.976 24.737742,2.345 28.149742,3.758 C31.562742,5.171 34.479742,7.564 36.530742,10.635 C38.583742,13.705 39.678742,17.315 39.679742,21.009 C39.679742,25.962 37.712742,30.711 34.210742,34.214 C30.709742,37.716 25.960742,39.684 21.007742,39.685 L21.007742,39.685 Z M21.007742,4.669 C17.775742,4.669 14.616742,5.627 11.929742,7.423 C9.24274203,9.217 7.14774203,11.77 5.90974203,14.756 C4.67374203,17.742 4.34974203,21.027 4.97974203,24.196 C5.61074203,27.366 7.16674203,30.278 9.45174203,32.563 C11.737742,34.848 14.648742,36.405 17.818742,37.035 C20.988742,37.665 24.273742,37.342 27.258742,36.105 C30.244742,34.869 32.796742,32.775 34.592742,30.087 C36.387742,27.4 37.346742,24.241 37.346742,21.009 C37.346742,16.676 35.624742,12.519 32.559742,9.456 C29.495742,6.391 25.339742,4.67 21.006742,4.669 L21.007742,4.669 Z M21.007742,35.017 C18.237742,35.017 15.529742,34.197 13.225742,32.657 C10.922742,31.119 9.12674203,28.932 8.06574203,26.373 C7.00574203,23.813 6.72774203,20.998 7.26774203,18.281 C7.80774203,15.564 9.14174203,13.068 11.100742,11.109 C13.058742,9.149 15.554742,7.815 18.270742,7.275 C20.987742,6.734 23.803742,7.011 26.363742,8.071 C28.923742,9.131 31.110742,10.925 32.649742,13.228 C34.189742,15.531 35.010742,18.239 35.011742,21.009 C35.011742,24.724 33.536742,28.286 30.910742,30.913 C28.283742,33.54 24.721742,35.017 21.007742,35.017 Z M21.007742,4.669 C17.775742,4.669 14.616742,5.627 11.929742,7.423 C9.24274203,9.217 7.14774203,11.77 5.90974203,14.756 C4.67374203,17.742 4.34974203,21.027 4.97974203,24.196 C5.61074203,27.366 7.16674203,30.278 9.45174203,32.563 C11.737742,34.848 14.648742,36.405 17.818742,37.035 C20.988742,37.665 24.273742,37.342 27.258742,36.105 C30.244742,34.869 32.796742,32.775 34.592742,30.087 C36.387742,27.4 37.346742,24.241 37.346742,21.009 C37.346742,16.676 35.624742,12.519 32.559742,9.456 C29.495742,6.391 25.339742,4.67 21.006742,4.669 L21.007742,4.669 Z M21.007742,35.017 C18.237742,35.017 15.529742,34.197 13.225742,32.657 C10.922742,31.119 9.12674203,28.932 8.06574203,26.373
id="Shape"
></path>
</g>
</g>
</g>
</svg>
update copy/styling
2023-03-05 16:34:54 -08:00
{/* <svg
margin swap modal explainer
2023-03-02 09:02:26 -08:00
width="22"
height="22"
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="fill-current text-black dark:text-white"
>
<g clipPath="url(#clip0_5754_92270)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M52.0802 37.1286L52.0808 37.1251C52.9007 36.7049 53.7499 35.7386 54.3299 35.0786H54.3301C54.4868 34.9002 54.6241 34.7441 54.7356 34.6273C55.8022 33.3385 56.5749 31.8591 57.0062 30.2805C59.6461 21.544 53.176 15.0066 43.715 16.1247C36.8645 17.2567 32.0058 21.5678 27.1438 25.882C25.5952 27.2559 24.0465 28.6302 22.433 29.902C21.775 29.6215 20.8688 29.5038 20.1295 29.4077C19.7855 29.363 19.4778 29.3231 19.2478 29.2736C15.6649 28.9969 11.5875 29.8555 9.06967 32.3883C5.06556 36.5925 5.15419 43.0871 12.1736 44.0084C13.8209 44.2836 15.5088 44.2291 17.1268 43.8517C17.1729 44.0539 17.2616 44.2476 17.3502 44.441C17.4054 44.5615 17.4605 44.6819 17.5053 44.8042C17.7849 45.4336 17.9945 46.0933 18.2044 46.753C18.5098 47.7136 18.8153 48.6743 19.3364 49.5417C19.5089 49.7523 19.7391 49.8522 19.9759 49.8675C20.1234 50.0197 20.3297 50.1225 20.5874 50.1322C25.8986 47.9656 31.4761 46.4212 37.193 45.5343C40.3968 44.9671 43.6057 44.6884 46.8345 44.408H46.8348C48.6715 44.2485 50.5146 44.0883 52.367 43.8743C53.3101 43.8936 53.6599 43.1187 53.4314 42.5547C53.5252 42.3926 53.5647 42.1941 53.5208 41.9661C53.3586 41.3331 53.1583 40.7084 52.9583 40.0849L52.9582 40.0846C52.9249 39.9806 52.8916 39.8767 52.8583 39.7727C52.8073 39.608 52.7556 39.4433 52.7038 39.2785L52.7034 39.2774C52.48 38.5664 52.256 37.8532 52.0802 37.1286ZM18.9701 43.2833C20.0991 42.9189 21.4108 42.4067 20.9904 41.3729C20.8768 41.1515 20.6747 40.9805 20.4277 40.8968C20.1806 40.8131 19.9082 40.8232 19.669 40.9251C16.5255 42.491 12.0972 43.09 9.21616 40.7596C7.27819 38.4949 8.98425 35.0665 10.9253 33.2753C13.5318 31.1972 17.1827 30.7676 20.4933 31.3504C19.9638 31.7222 19.4252 32.0797 18.8755 32.4196C17.7891 33.0985 18.8541 34.5987 19.9437 33.977C22.9872 32.188 25.5733 29.861 28.161 27.5324C29.79 26.0665 31.4196 24.6 33.1645 23.2667C37.1138 20.1407 42.244 17.2428 47.6123 17.9844C50.2889 18.4978 53.1668 19.6301 54.4334 22.0431C56.5636 25.6969 55.6602 30.5628 52.9715 33.763C52.4302 34.4187 51.8024 35.0078 51.103 35.5162C50.8389 35.4426 50.5349 35.4176 50.2478 35.394C50.1381 35.385 50.031 35.3761 49.9295 35.3649C50.8046 33.9946 51.2553 31.835 51.2078 30.9165C51.3115 29.73 49.4071 29.556 49.2727 30.7368C49.2404 31.4573 49.1311 32.173 48.9463 32.8731C48.7325 33.5891 48.3649 34.2568 47.8659 34.8355C47.699 34.8947 47.5523 34.9947 47.4411 35.1253C47.4067 35.1659 47.376 35.209 47.3493 35.254C46.6027 35.2417 45.8561 35.2452 45.11 35.2643C45.6799 34.0567 45.995 32.6297 45.8544 32.0289C45.7734 31.2842 45.6107 30.5492 45.369 29.8355C44.9692 28.7004 43.1474 29.2451 43.5075 30.386C44.1448 32.0207 43.9632 34.0029 42.7471 35.3772C41.297 35.4788 39.8514 35.6395 38.4141 35.8594C36.6307 36.2035 34.8747 36.6619 33.1586 37.2314C32.9148 37.3073 32.7119 37.4686 32.5925 37.6813C32.473 37.8939 32.4461 38.1416 32.5177 38.3722C32.5971 38.6016 32.769 38.793 32.9969 38.9059C33.2248 39.0188 33.4909 39.0443 33.7384 38.9769C34.1161 38.8702 34.4922 38.76 34.8681 38.6498H34.8684H34.8685L34.8686 38.6496H34.8687C35.7988 38.377 36.7278 38.1047 37.6754 37.8873C39.4629 37.4943 41.1968 37.3235 43.0071 37.2217C43.131 37.2383 43.2536 37.2307 43.3743 37.2019C43.809 37.1796 44.2485 37.1606 44.6948 37.1429C46.5017 37.004 48.3063 37.0983 50.1031 37.2087C50.1213 37.641 50.2855 38.1306 50.4345 38.5749V38.575C50.5221 38.8362 50.6045 39.0817 50.6489 39.2907C50.8033 39.7699 50.9438 40.2534 51.0843 40.7367C51.2154 41.1874 51.3463 41.638 51.4885 42.0846C49.8757 42.2605 48.2574 42.409 46.6384 42.5574C42.5266 42.9345 38.4105 43.3119 34.3699 44.1425C31.4019 44.7037 28.4744 45.4381 25.6047 46.3416L25.5967 46.3439C23.962 46.8327 22.3103 47.3265 20.8091 48.1078C20.5784 47.5221 20.3741 46.9254 20.1696 46.3287C19.8154 45.2945 19.4613 44.2603 18.9701 43.2833ZM23.9758 42.6219C23.1 42.9407 21.8144 43.4085 22.4279 44.4333C23.0067 45.1391 23.7845 44.7561 24.5405 44.3839C24.8967 44.2085 25.248 44.0356 25.5715 43.9799C26.46 43.6498 27.3667 43.3642 28.2876 43.1242C28.8743 42.9799 29.4641 42.8445 30.0525 42.7095C30.2783 42.6577 30.504 42.6059 30.7291 42.5537C31.9407 42.2 31.367 40.4716 30.1462 40.8195C28.1227 41.2298 26.1408 41.8025 24.22
fill="inherit"
></path>
</g>
<defs>
<clipPath id="clip0_5754_92270">
<rect
width="51.2"
height="34.1333"
fill="white"
transform="translate(6.40002 16)"
></rect>
</clipPath>
</defs>
update copy/styling
2023-03-05 16:34:54 -08:00
</svg> */}
margin swap modal explainer
2023-03-02 09:02:26 -08:00
<svg
width="20"
height="20"
viewBox="0 0 52 52"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_5894_1489)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M25.9998 51.1937C12.0864 51.1937 0.806152 39.9134 0.806152 26C0.806152 12.0867 12.0864 0.806396 25.9998 0.806396C39.9132 0.806396 51.1935 12.0867 51.1935 26C51.1935 39.9134 39.9132 51.1937 25.9998 51.1937Z"
fill="#72F596"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.8103 24.6672C12.2004 24.6672 12.5254 24.3502 12.5254 23.952C12.5254 23.5619 12.2085 23.2449 11.8103 23.2368H6.26766C5.87757 23.2368 5.55249 23.5538 5.55249 23.952C5.55249 24.3421 5.86944 24.659 6.26766 24.6672H11.8103Z"
fill="#231F20"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.2092 30.0636C10.2092 30.4537 10.5262 30.7787 10.9244 30.7787H16.467C16.8571 30.7787 17.1822 30.4618 17.1822 30.0636C17.1822 29.6735 16.8652 29.3484 16.467 29.3484H10.9244C10.5262 29.3565 10.2092 29.6735 10.2092 30.0636Z"
fill="#231F20"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14.8658 26.3008H9.32323C9.29073 26.3008 9.26634 26.3008 9.23384 26.3089H8.71371C8.32361 26.3089 7.99854 26.6259 7.99854 27.0241C7.99854 27.4142 8.31549 27.7393 8.71371 27.7393H13.6062C13.6387 27.7393 13.6712 27.7393 13.6956 27.7311H14.8658C15.2559 27.7311 15.581 27.4142 15.581 27.016C15.5729 26.6177 15.2559 26.3008 14.8658 26.3008Z"
fill="#231F20"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M6.86074 27.7311C7.25083 27.7311 7.57591 27.4142 7.57591 27.016C7.57591 26.6259 7.25896 26.3008 6.86074 26.3008H6.60067C6.21058 26.3008 5.8855 26.6177 5.8855 27.016C5.8855 27.4061 6.20245 27.7311 6.60067 27.7311H6.86074Z"
fill="#231F20"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.5796 33.1192C19.5796 32.7291 19.2626 32.4041 18.8644 32.4041H6.89334C6.50325 32.4203 6.19442 32.7454 6.20255 33.1436C6.2188 33.5175 6.5195 33.8181 6.89334 33.8344H18.8644C19.2545 33.8344 19.5796 33.5175 19.5796 33.1192C19.5796 33.1274 19.5796 33.1274 19.5796 33.1192Z"
fill="#231F20"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M41.6119 32.3228C39.4258 31.4451 38.3449 30.9412 37.4509 31.7783C37.906 30.8681 37.7272 30.8112 37.3371 30.1366C36.5732 28.7875 34.5415 26.577 33.8425 22.3591C33.8425 22.3591 34.9722 19.3602 35.0941 17.4423C35.0941 17.4423 35.5248 16.2395 33.6475 16.8246C33.6475 16.8246 31.2907 18.2631 30.0066 18.6207C27.6823 18.3444 24.269 16.6621 23.0093 14.0615C23.0093 14.0615 24.0577 11.8672 23.1474 11.3633C22.5135 11.0138 20.6281 12.9724 20.6281 12.9724L14.4516 20.1729L13.9721 21.0588C13.7689 21.4408 13.8014 21.9121 14.0696 22.2535C15.7031 24.4315 22.1559 33.0298 25.8375 37.5728C15.3211 37.6541 9.64039 39.2714 13.6714 39.8321C16.9709 40.2954 24.5046 40.1572 30.1366 40.1328C30.7949 40.3279 31.4695 40.4741 32.144 40.5798L41.6201 40.6692C42.8554 40.6042 43.9688 40.5148 44.8465 40.4173C45.4316 40.3522 45.9355 39.9622 46.1468 39.4095C47.1545 36.7195 45.5535 33.8994 41.6119 32.3228ZM22.6761 27.0971L22.351 19.7422L24.5046 24.2364L26.8208 23.31L27.4222 30.3967L24.976 25.9837L22.6761 27.0971Z"
fill="#231F20"
></path>
</g>
<defs>
<clipPath id="clip0_5894_1489">
<rect
width="51.2"
height="51.2"
fill="white"
transform="translate(0.399902 0.400024)"
></rect>
</clipPath>
</defs>
</svg>
{/* <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 293.7 310" style="enable-background:new 0 0 293.7 310" xml:space="preserve"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="169.269" y1="67.822" x2="293.709" y2="67.822" gradientTransform="matrix(1 0 0 -1 0 311.956)"><stop offset="0" style="stopColor:#92ffc0"></stop><stop offset="1" style="stopColor:#4ca0a2"></stop></linearGradient><path d="M276.1 190.5c21.1 18.1 23.6 49.9 5.5 71.1-1.7 2-3.6 3.9-5.5 5.5l-2.8 2.4c-13.6 11.5-28.9 20.8-45.1 27.5-16.2 6.7-33.3 10.9-50.5 12.3-2.8.2-5.6.4-8.3.5 22.9-20.9 37.3-51 37.3-84.4 0-9.5-1.1-18.7-3.3-27.4.6-.6 1.2-1.3 1.7-1.9 18-21.2 49.8-23.7 71-5.6z" style="fill:url(#a)"></path><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="107.508" y1="268.256" x2="270.327" y2="268.256" gradientTransform="matrix(1 0 0 -1 0 311.956)"><stop offset="0" style="stopColor:#4ca0a2"></stop><stop offset="1" style="stopColor:#92ffc0"></stop></linearGradient><path d="M269.2 72.5c2.6 4.9.7 11.1-4.2 13.7-4.5 2.4-10.1 1-13-3.1l-.1-.1c-13.5-19-32.6-33.2-53.7-40.5-13.1-4.6-26.9-6.4-40.4-5.7-13.9-14.1-31-25-50.2-31.3 6-1.7 12.1-3 18.2-4 14.5-2.2 29.3-2.1 43.6.1 7.1 1.2 14.2 2.8 21 5 6.8 2.2 13.5 5 19.8 8.2 25.5 12.8 46.2 33.5 59 57.7z" style="fill:url(#b)"></path><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="31.879" y1="57.992" x2="206.609" y2="57.992" gradientTransform="matrix(1 0 0 -1 0 311.956)"><stop offset="0" style="stopColor:#00becf"></stop><stop offset="1" style="stopColor:#92ffc0"></stop></linearGradient><path d="M203.3 198c2.2 8.8 3.3 18 3.3 27.4 0 33.5-14.4 63.6-37.3 84.4-14.4.5-28.8-.8-42.8-3.9-16.6-3.7-32.6-10.1-47.1-18.5-3.7-2.1-7.1-4.4-10.6-6.8-3.4-2.5-6.8-4.9-10-7.6-3.3-2.6-6.3-5.4-9.4-8.2-3-2.9-5.9-5.9-8.6-9-3.1-3.5-6.1-7.1-8.9-10.8 11.5 3.5 23.6 5.3 36.2 5.3 30.1 0 57.8-10.6 79.4-28.3 6.1 0 12.1-.8 17.9-2.2 15-3.5 28.2-11.3 37.9-21.8z" style="fill:url(#c)"></path><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-8.672" y1="162.579" x2="130.772" y2="302.023" gradientTransform="matrix(1 0 0 -1 0 311.956)"><stop offset="0" style="stopColor:#f252ed"></stop><stop offset="1" style="stopColor:#4ca0a2"></stop></linearGradient><path d="M107.5 5.6c19.2 6.3 36.4 17.2 50.2 31.3-8.1.4-16.1 1.8-23.7 4.1-20.5 6-38.6 18.1-51.1 34-9.4 11.8-15.8 25.6-18.7 39.9-26.1 6.7-48.6 22.3-64 43.4-.7-12.4.1-24.9 2.4-37.1 5.8-31.1 21.5-59.6 43.6-80.6C63.8 23.9 85 12 107.5 5.6z" style="fill:url(#d)"></path><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="0.239" y1="129.308" x2="147.559" y2="129.308" gradientTransform="matrix(1 0 0 -1 0 311.956)"><stop offset="0" style="stopColor:#511280"></stop><stop offset="1" style="stopColor:#81ffef"></stop></linearGradient><path d="M116.4 216.3c10.1 4 20.7 5.9 31.1 5.8-21.6 17.7-49.3 28.3-79.4 28.3-12.6 0-24.8-1.9-36.2-5.3-7.1-9.4-13-19.6-17.8-30.2C6 196.9 1.3 177.6.3 158.3c15.4-21.1 37.9-36.8 64-43.4-1 4.8-1.6 9.6-1.8 14.4-.9 19.1 4.3 38.1 14.1 53.6 9.8 15.4 23.9 27 39.8 33.4z" style="fill:url(#e)"></path></svg> */}
update copy/styling
2023-03-05 16:34:54 -08:00
{/* <svg
margin swap modal explainer
2023-03-02 09:02:26 -08:00
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clipPath="url(#clip0_8004_10230)">
<path
d="M9 0.0947266H3C1.34315 0.0947266 0 1.42403 0 3.0638V9.00194C0 10.6417 1.34315 11.971 3 11.971H9C10.6569 11.971 12 10.6417 12 9.00194V3.0638C12 1.42403 10.6569 0.0947266 9 0.0947266Z"
fill="url(#paint0_linear_8004_10230)"
></path>
<path
d="M5.59987 3.58384L3.47855 5.68329C3.28329 5.87654 3.28329 6.18986 3.47855 6.38311L5.59987 8.48256C5.79514 8.67581 6.11172 8.67581 6.30698 8.48256L8.4283 6.38311C8.62356 6.18986 8.62356 5.87654 8.4283 5.68329L6.30698 3.58384C6.11172 3.39059 5.79514 3.39059 5.59987 3.58384Z"
fill="white"
></path>
<path
opacity="0.5"
d="M8.875 4.42442C9.56536 4.42442 10.125 3.87055 10.125 3.18731C10.125 2.50407 9.56536 1.9502 8.875 1.9502C8.18464 1.9502 7.625 2.50407 7.625 3.18731C7.625 3.87055 8.18464 4.42442 8.875 4.42442Z"
fill="white"
></path>
<path
opacity="0.5"
d="M3.125 4.42442C3.81536 4.42442 4.375 3.87055 4.375 3.18731C4.375 2.50407 3.81536 1.9502 3.125 1.9502C2.43464 1.9502 1.875 2.50407 1.875 3.18731C1.875 3.87055 2.43464 4.42442 3.125 4.42442Z"
fill="white"
></path>
<path
opacity="0.5"
d="M3.125 10.1158C3.81536 10.1158 4.375 9.56195 4.375 8.87871C4.375 8.19548 3.81536 7.6416 3.125 7.6416C2.43464 7.6416 1.875 8.19548 1.875 8.87871C1.875 9.56195 2.43464 10.1158 3.125 10.1158Z"
fill="white"
></path>
<path
opacity="0.5"
d="M8.875 10.1158C9.56536 10.1158 10.125 9.56195 10.125 8.87871C10.125 8.19548 9.56536 7.6416 8.875 7.6416C8.18464 7.6416 7.625 8.19548 7.625 8.87871C7.625 9.56195 8.18464 10.1158 8.875 10.1158Z"
fill="white"
></path>
</g>
<defs>
<linearGradient
id="paint0_linear_8004_10230"
x1="0"
y1="0.0947266"
x2="1.96417"
y2="13.4472"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#63E0B3"></stop>
<stop offset="1" stopColor="#86E0C0"></stop>
</linearGradient>
<clipPath id="clip0_8004_10230">
<rect width="12" height="12" fill="white"></rect>
</clipPath>
</defs>
update copy/styling
2023-03-05 16:34:54 -08:00
</svg> */}
{/* <svg
margin swap modal explainer
2023-03-02 09:02:26 -08:00
width="15"
height="15"
viewBox="0 0 15 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2.80664 7.2847L3.26899 7.44866L3.95591 6.63546L4.02196 6.4387L4.08801 5.75666C4.08801 5.75666 5.50148 4.25488 6.18842 2.6875C6.18842 2.6875 6.05629 4.22208 5.627 4.96972C5.627 4.96972 7.33766 3.92697 9.30597 3.95976C9.30597 3.95976 6.94135 4.74017 11.1488 5.6255C11.1488 5.6255 8.91629 6.21572 10.9836 7.16008C10.9836 7.16008 11.9347 7.35683 11.7366 9.05537C11.7366 9.05537 11.5715 8.5963 11.3403 8.43234C11.3403 8.43234 10.7789 8.07168 10.7789 8.76026C10.7789 8.76026 11.2412 9.96692 10.6798 10.9441C10.6798 10.9441 10.6996 10.6621 10.5874 10.3998C10.5874 10.3932 10.5807 10.3867 10.5741 10.3867C10.5015 10.3539 10.0854 10.1768 10.0259 10.6555C10.0259 10.6555 9.97309 11.6983 9.17384 12.6164C9.17384 12.6164 8.61242 13.0427 8.25575 13.2066C8.25575 13.2066 8.65206 12.9443 8.75113 12.2623C8.75113 12.2623 8.553 11.836 7.93211 12.2295C7.93211 12.2295 6.35353 13.0755 4.841 13.0099L5.95722 7.49457C5.95722 7.49457 6.94135 7.42897 7.70095 8.15034C7.70095 8.15034 8.36144 8.67501 8.22935 9.75052C8.22935 9.75052 7.767 8.93732 7.01402 8.77337L6.4526 11.5146C6.4526 11.5146 8.58602 11.1867 8.8502 8.67501C8.8502 8.67501 9.21348 9.16683 9.21348 9.58657C9.21348 9.58657 9.3786 5.50746 5.69962 7.27159L5.27029 6.91088L5.30335 7.5667C5.30335 7.5667 5.30335 7.7831 5.05895 7.82243C5.05233 7.82243 5.04575 7.82243 5.03913 7.82243C4.77495 7.85523 3.82381 7.85523 4.02196 8.99634C4.02196 8.97666 2.87269 8.8127 2.80664 7.2847Z"
fill="url(#paint0_linear_8004_16725)"
></path>
<path
d="M7.26548 16C6.90223 16 6.53237 15.9082 6.20868 15.718L1.0568 12.7669C0.402906 12.3931 0 11.6979 0 10.9503V5.04804C0 4.30044 0.402906 3.60529 1.0568 3.23148L6.20868 0.280356C6.86259 -0.0934519 7.66841 -0.0934519 8.32228 0.280356C9.45175 0.93616 10.3765 1.44769 11.1228 1.85429C14.6037 3.75612 14.6367 3.80859 14.5574 7.75653C14.5376 8.60253 14.5178 9.65836 14.531 10.9503C14.531 11.6979 14.1281 12.3931 13.4742 12.7669L8.32228 15.718C7.99863 15.9082 7.63539 16 7.26548 16ZM7.26548 0.3984C6.96828 0.3984 6.67766 0.470538 6.41343 0.627933L1.26155 3.57905C0.733155 3.88072 0.40951 4.44471 0.40951 5.04804V10.9503C0.40951 11.5536 0.733155 12.1176 1.26155 12.4193L6.41343 15.3704C6.94183 15.6721 7.59575 15.6721 8.11757 15.3704L13.2694 12.4193C13.7978 12.1176 14.1215 11.5536 14.1215 10.9503C14.1083 9.65182 14.1347 8.59596 14.1479 7.74342C14.1875 5.85471 14.2073 4.90378 13.8177 4.23484C13.428 3.56594 12.5957 3.11344 10.9247 2.20187C10.1783 1.79527 9.24041 1.28374 8.11095 0.621373C7.85997 0.477098 7.56272 0.3984 7.26548 0.3984Z"
fill="url(#paint1_linear_8004_16725)"
></path>
<defs>
<linearGradient
id="paint0_linear_8004_16725"
x1="11.7638"
y1="2.6875"
x2="1.3791"
y2="11.5301"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF18F6"></stop>
<stop offset="0.859375" stopColor="#4B73FF"></stop>
</linearGradient>
<linearGradient
id="paint1_linear_8004_16725"
x1="14.5753"
y1="-1.29581e-08"
x2="-1.35531"
y2="14.5122"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF18F6"></stop>
<stop offset="0.859375" stopColor="#4B73FF"></stop>
</linearGradient>
</defs>
update copy/styling
2023-03-05 16:34:54 -08:00
</svg> */}
margin swap modal explainer
2023-03-02 09:02:26 -08:00
<svg
update copy/styling
2023-03-05 16:34:54 -08:00
width="32"
height="32"
margin swap modal explainer
2023-03-02 09:02:26 -08:00
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.9768 8.39334C14.9727 8.40908 14.9528 8.41755 14.9336 8.42336C14.7051 8.36101 14.4696 8.32847 14.233 8.32654C13.1561 8.32654 12.4012 9.14421 11.6018 9.92992L11.5143 10.0161C11.4637 10.0645 11.4126 10.1129 11.3605 10.163C11.0402 10.4716 10.6772 10.8217 10.2664 10.9166C10.2586 10.9186 10.2505 10.9196 10.2424 10.9195C10.1945 10.9195 10.1518 10.8851 10.1518 10.8468C10.1533 10.8296 10.1604 10.8133 10.1721 10.8005C10.1837 10.7877 10.1991 10.7792 10.216 10.7762C10.6445 10.6776 11.0073 10.2042 11.4265 9.65592C11.9145 9.0181 12.4676 8.21979 13.2045 8.06076C13.3856 8.02023 13.5705 7.99986 13.756 8C14.202 8 14.6255 8.11474 14.9502 8.32266C14.9596 8.33163 14.9669 8.34265 14.9716 8.3549C14.9762 8.36715 14.9779 8.3803 14.9768 8.39334ZM16.5692 9.91831C16.432 9.55522 16.1587 9.25604 15.7779 9.05077C15.4314 8.8639 15.0046 8.7603 14.5758 8.7603C14.302 8.75762 14.0297 8.80359 13.7716 8.8961L13.7687 8.89731H13.7654C13.1328 9.08781 12.4911 9.6276 11.8711 10.1497C11.2924 10.6365 10.7462 11.0964 10.2645 11.209C10.2315 11.2187 10.2027 11.2394 10.1826 11.2676C10.1625 11.2958 10.1524 11.3299 10.1537 11.3646C10.1537 11.4527 10.217 11.5244 10.2949 11.5244C10.3061 11.5244 10.3173 11.5228 10.328 11.5198C10.8172 11.39 11.3802 10.9826 11.8327 10.6554C11.9945 10.538 12.1348 10.4375 12.2559 10.3591C12.8314 9.96115 13.7251 9.48769 14.7257 9.48769C15.2623 9.48364 15.7889 9.63484 16.2431 9.92339C16.2463 9.92535 16.2495 9.92753 16.2524 9.92992C16.3555 10.0071 16.4627 10.057 16.5258 10.057C16.5327 10.057 16.5498 10.057 16.5558 10.049C16.5591 10.0485 16.5783 10.0214 16.5702 9.91903L16.5692 9.91831ZM16.5692 9.91831C16.432 9.55522 16.1587 9.25604 15.7779 9.05077C15.4314 8.8639 15.0046 8.7603 14.5758 8.7603C14.302 8.75762 14.0297 8.80359 13.7716 8.8961L13.7687 8.89731H13.7654C13.1328 9.08781 12.4911 9.6276 11.8711 10.1497C11.2924 10.6365 10.7462 11.0964 10.2645 11.209C10.2315 11.2187 10.2027 11.2394 10.1826 11.2676C10.1625 11.2958 10.1524 11.3299 10.1537 11.3646C10.1537 11.4527 10.217 11.5244 10.2949 11.5244C10.3061 11.5244 10.3173 11.5228 10.328 11.5198C10.8172 11.39 11.3802 10.9826 11.8327 10.6554C11.9945 10.538 12.1348 10.4375 12.2559 10.3591C12.8314 9.96115 13.7251 9.48769 14.7257 9.48769C15.2623 9.48364 15.7889 9.63484 16.2431 9.92339C16.2463 9.92535 16.2495 9.92753 16.2524 9.92992C16.3555 10.0071 16.4627 10.057 16.5258 10.057C16.5327 10.057 16.5498 10.057 16.5558 10.049C16.5591 10.0485 16.5783 10.0214 16.5702 9.91903L16.5692 9.91831ZM16.7533 10.7171C16.1246 10.3334 15.3386 10.0858 14.7528 10.0858H14.7411C14.7044 10.0846 14.6667 10.0841 14.6293 10.0841C13.4594 10.0841 12.3866 10.7074 11.3493 11.3101L11.3044 11.336C10.9942 11.5152 10.6345 11.7122 10.294 11.7846C10.2529 11.7949 10.2166 11.8191 10.191 11.8531C10.1655 11.8871 10.1522 11.929 10.1535 11.9717C10.1531 12.0212 10.1706 12.0692 10.2029 12.1065C10.2172 12.1235 10.235 12.1372 10.255 12.1467C10.275 12.1562 10.2968 12.1613 10.3189 12.1617C10.3259 12.1617 10.3329 12.1612 10.3398 12.1602C10.8117 12.0934 11.2838 11.877 11.784 11.6478C12.4974 11.3205 13.3062 10.95 14.2845 10.95C15.4132 10.95 16.5932 11.4447 17.8923 12.4628C17.9035 12.4714 17.9168 12.4767 17.9307 12.4781C17.9576 12.4781 17.9926 12.4231 18 12.349C17.9166 11.5411 17.1833 10.9805 16.7533 10.7183V10.7171ZM16.7533 10.7171C16.1246 10.3334 15.3386 10.0858 14.7528 10.0858H14.7411C14.7044 10.0846 14.6667 10.0841 14.6293 10.0841C13.4594 10.0841 12.3866 10.7074 11.3493 11.3101L11.3044 11.336C10.9942 11.5152 10.6345 11.7122 10.294 11.7846C10.2529 11.7949 10.2166 11.8191 10.191 11.8531C10.1655 11.8871 10.1522 11.929 10.1535 11.9717C10.1531 12.0212 10.1706 12.0692 10.2029 12.1065C10.2172 12.1235 10.235 12.1372 10.255 12.1467C10.275 12.1562 10.2968 12.1613 10.3189 12.1617C10.3259 12.1617 10.3329 12.1612 10.3398 12.1602C10.8117 12.0934 11.2838 11.877 11.784 11.6478C12.4974 11.3205 13.3062 10.95 14.2845 10.95C15.4132 10.95 16.5932 11.4447 17.8923 12.4628C17.9035 12.4714 17.9168 12.4767 17.9307 12.4781C17.9576 12.4781 17.9926 12.4231 18 12.349C17.9166 11.5411 17.1833 10.9805 16.7533 10.7183V10.7171ZM5.02323 8.39334C5.02731 8.40908 5.04721 8.
fill="url(#paint0_radial_7804_120277)"
></path>
<defs>
<radialGradient
id="paint0_radial_7804_120277"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.9729 11.6514) scale(7.17993 7.24793)"
>
<stop stopColor="#6B57EC"></stop>
<stop offset="1" stopColor="#A793FF"></stop>
</radialGradient>
</defs>
</svg>
</div>
</div>
update copy/styling
2023-03-05 16:34:54 -08:00
<div className="mt-6">
<ul>
<ListItem desc={t('swap:swap-into-1')} />
<ListItem desc={t('swap:swap-into-2')} />
<ListItem desc={t('swap:swap-into-3')} />
margin swap modal explainer
2023-03-02 09:02:26 -08:00
</ul>
update copy/styling
2023-03-05 16:34:54 -08:00
<Button className="mt-6 w-full" onClick={onClose}>
{t('get-started')}
</Button>
margin swap modal explainer
2023-03-02 09:02:26 -08:00
</div>
</Modal>
)
}
export default SwapIntroModal
update copy/styling
2023-03-05 16:34:54 -08:00
const ListItem = ({ desc }: { desc: string }) => {
return (
update copy
2023-03-05 19:21:15 -08:00
<li className="mt-3 flex items-start">
update copy/styling
2023-03-05 16:34:54 -08:00
<CheckCircleIcon className="mr-1.5 h-5 w-5 flex-shrink-0 text-th-up " />
{desc}
</li>
)
}