diff --git a/examples/demo/public/logo-borderless.svg b/examples/demo/public/logo-borderless.svg
index 5561923..cde5204 100644
--- a/examples/demo/public/logo-borderless.svg
+++ b/examples/demo/public/logo-borderless.svg
@@ -1,7 +1,13 @@
-<svg width="412" height="412" viewBox="0 0 412 412" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M412 128.314C412 123.423 412.002 118.531 411.972 113.64C411.947 109.519 411.9 105.4 411.788 101.281C411.546 92.3047 411.016 83.2512 409.42 74.3747C407.801 65.3703 405.157 56.9898 400.991 48.8083C396.895 40.7669 391.544 33.4084 385.16 27.0289C378.778 20.6494 371.417 15.3024 363.373 11.209C355.183 7.04147 346.793 4.39848 337.779 2.77999C328.902 1.186 319.846 0.657498 310.869 0.414999C306.748 0.303499 302.626 0.256499 298.504 0.230999C293.61 0.200999 288.716 0.203499 283.822 0.203499L226.998 0H184.499L128.681 0.203499C123.777 0.203499 118.874 0.200999 113.97 0.230999C109.839 0.256499 105.71 0.303499 101.581 0.414999C92.5833 0.657498 83.5069 1.1865 74.6084 2.78249C65.582 4.40048 57.1801 7.04247 48.9791 11.207C40.9177 15.3009 33.5413 20.6484 27.1453 27.0289C20.7503 33.4079 15.3899 40.7649 11.2864 48.8048C7.10845 56.9903 4.45947 65.3758 2.83648 74.3852C1.23849 83.2582 0.708995 92.3087 0.465497 101.281C0.354497 105.4 0.306498 109.52 0.281498 113.64C0.251498 118.532 0 124.608 0 129.5L0.00149999 184.544L0 227.499L0.253998 283.713C0.253998 288.611 0.251998 293.509 0.281498 298.407C0.306498 302.533 0.354497 306.658 0.465997 310.783C0.708995 319.771 1.23949 328.837 2.83898 337.726C4.46147 346.742 7.10995 355.135 11.2844 363.327C15.3884 371.38 20.7498 378.748 27.1453 385.136C33.5408 391.525 40.9152 396.879 48.9751 400.978C57.1811 405.151 65.587 407.798 74.6189 409.418C83.5134 411.014 92.5868 411.544 101.581 411.786C105.71 411.898 109.84 411.945 113.971 411.97C118.874 412 123.777 411.999 128.681 411.999L185.003 412H227.608L283.822 411.998C288.716 411.998 293.61 412 298.504 411.97C302.626 411.945 306.748 411.898 310.869 411.786C319.849 411.543 328.908 411.014 337.789 409.416C346.798 407.796 355.184 405.15 363.369 400.98C371.415 396.881 378.777 391.526 385.16 385.136C391.543 378.749 396.893 371.382 400.989 363.33C405.158 355.134 407.802 346.738 409.422 337.715C411.017 328.83 411.546 319.767 411.788 310.783C411.9 306.658 411.947 302.533 411.972 298.407C412.002 293.509 412 288.611 412 283.713C412 283.713 411.997 228.492 411.997 227.499V184.499C411.997 183.766 412 128.314 412 128.314" fill="#313245"/>
-<path d="M359.891 208.04C359.891 247.283 328.073 279.1 288.83 279.1C249.587 279.1 217.769 247.283 217.769 208.04C217.769 168.79 249.587 136.979 288.83 136.979C328.073 136.979 359.891 168.79 359.891 208.04Z" fill="#F16583"/>
-<path d="M205.926 282.061C246.81 282.061 279.948 248.917 279.948 208.04C279.948 167.156 246.81 134.018 205.926 134.018C165.042 134.018 131.904 167.156 131.904 208.04C131.904 248.917 165.042 282.061 205.926 282.061Z" fill="#F16583" stroke="#313245"/>
-<path d="M124.472 282.061C164.486 282.061 196.801 248.852 196.801 208.04C196.801 167.221 164.486 134.018 124.472 134.018C84.4593 134.018 52.1385 167.215 52.1385 208.04C52.1385 248.852 84.4593 282.061 124.472 282.061Z" fill="#313245" stroke="#313245"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M124.472 253.892C149.19 253.892 169.235 233.361 169.235 208.034C169.235 182.712 149.19 162.182 124.467 162.182C99.7493 162.182 79.7101 182.712 79.7101 208.04C79.7101 233.361 99.7492 253.892 124.472 253.892ZM124.472 279.095C162.786 279.095 193.84 247.283 193.84 208.034C193.84 168.79 162.78 136.973 124.472 136.973C86.1589 136.973 55.0994 168.79 55.0994 208.034C55.0994 247.283 86.1589 279.095 124.472 279.095Z" fill="#F16583"/>
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" rx="64" fill="#E1E2EA"/>
+<path d="M328.836 179.587C328.836 217.477 298.325 248.192 260.687 248.192C223.05 248.192 192.539 217.477 192.539 179.587C192.539 141.698 223.05 110.983 260.687 110.983C298.325 110.983 328.836 141.698 328.836 179.587Z" fill="#F1EDFD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M260.687 223.856C284.974 223.856 304.662 204.036 304.662 179.587C304.662 155.138 284.974 135.319 260.687 135.319C236.401 135.319 216.713 155.138 216.713 179.587C216.713 204.036 236.401 223.856 260.687 223.856ZM260.687 248.192C298.325 248.192 328.836 217.477 328.836 179.587C328.836 141.698 298.325 110.983 260.687 110.983C223.05 110.983 192.539 141.698 192.539 179.587C192.539 217.477 223.05 248.192 260.687 248.192Z" fill="#313245"/>
+<ellipse cx="282.009" cy="180.348" rx="11.2409" ry="11.3161" fill="#6649F8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M258.345 141.12C248.967 141.986 239.077 145.339 224.988 152.304L214.195 129.894C229.351 122.401 242.378 117.556 256.11 116.287C269.943 115.009 283.367 117.459 299.21 122.628L291.666 146.364C277.499 141.741 267.621 140.263 258.345 141.12Z" fill="#313245"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M395.43 299.549C416.538 292.986 434 272.014 434 247.157C434 217.044 409.321 192.633 381.374 192.633C353.427 192.633 328.748 217.044 328.748 247.157C328.748 270.35 344.211 290.16 363.157 298.04V381.728C363.157 382.837 363.614 383.897 364.421 384.66L379.525 398.936C381.118 400.441 383.621 400.407 385.172 398.86L412.921 371.175C414.502 369.598 414.502 367.041 412.921 365.464L399.417 351.991C397.836 350.414 397.836 347.857 399.417 346.28L417.981 327.759C419.562 326.182 419.562 323.624 417.981 322.047L395.43 299.549Z" fill="#6649F8"/>
+<path d="M337.582 381.757C337.667 386.014 334.793 390.24 330.742 390.24H107.988C80.0009 390.24 74.2788 375.051 80.0012 351.035C91.5351 302.63 160.513 256.74 226.272 256.74C259.126 256.74 289.648 266.445 314.973 283.069C315.798 283.611 316.472 284.367 316.967 285.246C321.733 293.704 327.888 301.172 335.159 307.221C336.654 308.464 337.576 310.334 337.576 312.337V381.145C337.576 381.349 337.578 381.553 337.582 381.757Z" fill="#313245"/>
+<path d="M245.257 179.587C245.257 217.477 214.746 248.192 177.108 248.192C139.471 248.192 108.959 217.477 108.959 179.587C108.959 141.698 139.471 110.983 177.108 110.983C214.746 110.983 245.257 141.698 245.257 179.587Z" fill="#F1EDFD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M177.108 223.856C201.395 223.856 221.083 204.036 221.083 179.587C221.083 155.138 201.395 135.319 177.108 135.319C152.822 135.319 133.134 155.138 133.134 179.587C133.134 204.036 152.822 223.856 177.108 223.856ZM177.108 248.192C214.746 248.192 245.257 217.477 245.257 179.587C245.257 141.698 214.746 110.983 177.108 110.983C139.471 110.983 108.959 141.698 108.959 179.587C108.959 217.477 139.471 248.192 177.108 248.192Z" fill="#313245"/>
+<ellipse cx="198.431" cy="180.348" rx="11.2409" ry="11.3161" fill="#6649F8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M174.765 141.12C165.387 141.986 155.497 145.339 141.409 152.304L130.615 129.894C145.771 122.401 158.799 117.556 172.53 116.287C186.363 115.009 199.787 117.459 215.631 122.628L208.087 146.364C193.919 141.741 184.042 140.263 174.765 141.12Z" fill="#313245"/>
 </svg>
diff --git a/examples/demo/public/logo.svg b/examples/demo/public/logo.svg
index 983e678..cde5204 100644
--- a/examples/demo/public/logo.svg
+++ b/examples/demo/public/logo.svg
@@ -1,7 +1,13 @@
 <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M462 176.314C462 171.423 462.002 166.531 461.972 161.64C461.947 157.519 461.9 153.4 461.788 149.281C461.546 140.305 461.016 131.251 459.42 122.375C457.801 113.37 455.157 104.99 450.991 96.8083C446.895 88.7669 441.544 81.4084 435.16 75.0289C428.778 68.6494 421.417 63.3024 413.373 59.209C405.183 55.0415 396.793 52.3985 387.779 50.78C378.902 49.186 369.846 48.6575 360.869 48.415C356.748 48.3035 352.626 48.2565 348.504 48.231C343.61 48.201 338.716 48.2035 333.822 48.2035L276.998 48H234.499L178.681 48.2035C173.777 48.2035 168.874 48.201 163.97 48.231C159.839 48.2565 155.71 48.3035 151.581 48.415C142.583 48.6575 133.507 49.1865 124.608 50.7825C115.582 52.4005 107.18 55.0425 98.9791 59.207C90.9177 63.3009 83.5413 68.6484 77.1453 75.0289C70.7503 81.4079 65.3899 88.7649 61.2864 96.8048C57.1084 104.99 54.4595 113.376 52.8365 122.385C51.2385 131.258 50.709 140.309 50.4655 149.281C50.3545 153.4 50.3065 157.52 50.2815 161.64C50.2515 166.532 50 172.608 50 177.5L50.0015 232.544L50 275.499L50.254 331.713C50.254 336.611 50.252 341.509 50.2815 346.407C50.3065 350.533 50.3545 354.658 50.466 358.783C50.709 367.771 51.2395 376.837 52.839 385.726C54.4615 394.742 57.1099 403.135 61.2844 411.327C65.3884 419.38 70.7498 426.748 77.1453 433.136C83.5408 439.525 90.9152 444.879 98.9751 448.978C107.181 453.151 115.587 455.798 124.619 457.418C133.513 459.014 142.587 459.544 151.581 459.786C155.71 459.898 159.84 459.945 163.971 459.97C168.874 460 173.777 459.999 178.681 459.999L235.003 460H277.608L333.822 459.998C338.716 459.998 343.61 460 348.504 459.97C352.626 459.945 356.748 459.898 360.869 459.786C369.849 459.543 378.908 459.014 387.789 457.416C396.798 455.796 405.184 453.15 413.369 448.98C421.415 444.881 428.777 439.526 435.16 433.136C441.543 426.749 446.893 419.382 450.989 411.33C455.158 403.134 457.802 394.738 459.422 385.715C461.017 376.83 461.546 367.767 461.788 358.783C461.9 354.658 461.947 350.533 461.972 346.407C462.002 341.509 462 336.611 462 331.713C462 331.713 461.997 276.492 461.997 275.499V232.499C461.997 231.766 462 176.314 462 176.314" fill="#313245"/>
-<path d="M409.891 256.04C409.891 295.283 378.074 327.1 338.83 327.1C299.587 327.1 267.769 295.283 267.769 256.04C267.769 216.79 299.587 184.979 338.83 184.979C378.074 184.979 409.891 216.79 409.891 256.04Z" fill="#F16583"/>
-<path d="M255.926 330.061C296.81 330.061 329.948 296.917 329.948 256.04C329.948 215.156 296.81 182.018 255.926 182.018C215.042 182.018 181.904 215.156 181.904 256.04C181.904 296.917 215.042 330.061 255.926 330.061Z" fill="#F16583" stroke="#313245"/>
-<path d="M174.472 330.061C214.486 330.061 246.8 296.852 246.8 256.04C246.8 215.221 214.486 182.018 174.472 182.018C134.459 182.018 102.138 215.215 102.138 256.04C102.138 296.852 134.459 330.061 174.472 330.061Z" fill="#313245" stroke="#313245"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M174.472 301.892C199.19 301.892 219.235 281.361 219.235 256.034C219.235 230.712 199.19 210.182 174.467 210.182C149.749 210.182 129.71 230.712 129.71 256.04C129.71 281.361 149.749 301.892 174.472 301.892ZM174.472 327.095C212.786 327.095 243.84 295.283 243.84 256.034C243.84 216.79 212.78 184.973 174.472 184.973C136.159 184.973 105.099 216.79 105.099 256.034C105.099 295.283 136.159 327.095 174.472 327.095Z" fill="#F16583"/>
+<rect width="512" height="512" rx="64" fill="#E1E2EA"/>
+<path d="M328.836 179.587C328.836 217.477 298.325 248.192 260.687 248.192C223.05 248.192 192.539 217.477 192.539 179.587C192.539 141.698 223.05 110.983 260.687 110.983C298.325 110.983 328.836 141.698 328.836 179.587Z" fill="#F1EDFD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M260.687 223.856C284.974 223.856 304.662 204.036 304.662 179.587C304.662 155.138 284.974 135.319 260.687 135.319C236.401 135.319 216.713 155.138 216.713 179.587C216.713 204.036 236.401 223.856 260.687 223.856ZM260.687 248.192C298.325 248.192 328.836 217.477 328.836 179.587C328.836 141.698 298.325 110.983 260.687 110.983C223.05 110.983 192.539 141.698 192.539 179.587C192.539 217.477 223.05 248.192 260.687 248.192Z" fill="#313245"/>
+<ellipse cx="282.009" cy="180.348" rx="11.2409" ry="11.3161" fill="#6649F8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M258.345 141.12C248.967 141.986 239.077 145.339 224.988 152.304L214.195 129.894C229.351 122.401 242.378 117.556 256.11 116.287C269.943 115.009 283.367 117.459 299.21 122.628L291.666 146.364C277.499 141.741 267.621 140.263 258.345 141.12Z" fill="#313245"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M395.43 299.549C416.538 292.986 434 272.014 434 247.157C434 217.044 409.321 192.633 381.374 192.633C353.427 192.633 328.748 217.044 328.748 247.157C328.748 270.35 344.211 290.16 363.157 298.04V381.728C363.157 382.837 363.614 383.897 364.421 384.66L379.525 398.936C381.118 400.441 383.621 400.407 385.172 398.86L412.921 371.175C414.502 369.598 414.502 367.041 412.921 365.464L399.417 351.991C397.836 350.414 397.836 347.857 399.417 346.28L417.981 327.759C419.562 326.182 419.562 323.624 417.981 322.047L395.43 299.549Z" fill="#6649F8"/>
+<path d="M337.582 381.757C337.667 386.014 334.793 390.24 330.742 390.24H107.988C80.0009 390.24 74.2788 375.051 80.0012 351.035C91.5351 302.63 160.513 256.74 226.272 256.74C259.126 256.74 289.648 266.445 314.973 283.069C315.798 283.611 316.472 284.367 316.967 285.246C321.733 293.704 327.888 301.172 335.159 307.221C336.654 308.464 337.576 310.334 337.576 312.337V381.145C337.576 381.349 337.578 381.553 337.582 381.757Z" fill="#313245"/>
+<path d="M245.257 179.587C245.257 217.477 214.746 248.192 177.108 248.192C139.471 248.192 108.959 217.477 108.959 179.587C108.959 141.698 139.471 110.983 177.108 110.983C214.746 110.983 245.257 141.698 245.257 179.587Z" fill="#F1EDFD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M177.108 223.856C201.395 223.856 221.083 204.036 221.083 179.587C221.083 155.138 201.395 135.319 177.108 135.319C152.822 135.319 133.134 155.138 133.134 179.587C133.134 204.036 152.822 223.856 177.108 223.856ZM177.108 248.192C214.746 248.192 245.257 217.477 245.257 179.587C245.257 141.698 214.746 110.983 177.108 110.983C139.471 110.983 108.959 141.698 108.959 179.587C108.959 217.477 139.471 248.192 177.108 248.192Z" fill="#313245"/>
+<ellipse cx="198.431" cy="180.348" rx="11.2409" ry="11.3161" fill="#6649F8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M174.765 141.12C165.387 141.986 155.497 145.339 141.409 152.304L130.615 129.894C145.771 122.401 158.799 117.556 172.53 116.287C186.363 115.009 199.787 117.459 215.631 122.628L208.087 146.364C193.919 141.741 184.042 140.263 174.765 141.12Z" fill="#313245"/>
 </svg>