www.dynamic.xyz Open in urlscan Pro
34.249.200.254  Public Scan

Submitted URL: https://dynamicauth.com/
Effective URL: https://www.dynamic.xyz/
Submission: On November 05 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: email-form-2GET

<form id="email-form-2" name="email-form-2" data-name="Email Form 2" method="get" class="form-dynamickit" data-wf-page-id="626692727bba3f7803008e95" data-wf-element-id="58c70100-dc54-07fc-d8fd-239ac5e49efb" data-cb-wrapper="true"
  aria-label="Email Form 2">
  <div class="dynamickit-component">
    <div class="configurator-dynamic-kit">
      <div class="wrap-title-configurator-dynamic-kit">
        <p class="title-m text-color-dark">Customize your SDK</p>
      </div>
      <div class="grid-configurator-dynamic-kit">
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f02-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Mode</label><label
            class="w-checkbox wrap-checkbox-mode-configurator-dynamic-kit"><input type="checkbox" id="mode" name="mode" data-name="Mode" class="w-checkbox-input checkbox-mode-configurator-dynamic-kit"><span
              class="label-checkbox-mode-configurator-dynamic-kit w-form-label" for="mode"></span>
            <div class="icon-light-checkbox-mode-configurator-dynamic-kit w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M16.0001 7.66675C16.4603 7.66675 16.8334 8.03984 16.8334 8.50008V9.33341C16.8334 9.79365 16.4603 10.1667 16.0001 10.1667C15.5398 10.1667 15.1667 9.79365 15.1667 9.33341V8.50008C15.1667 8.03984 15.5398 7.66675 16.0001 7.66675ZM10.1075 10.1075C10.433 9.78209 10.9606 9.78209 11.286 10.1075L11.8753 10.6968C12.2007 11.0222 12.2007 11.5499 11.8753 11.8753C11.5499 12.2007 11.0222 12.2007 10.6968 11.8753L10.1075 11.286C9.78209 10.9606 9.78209 10.433 10.1075 10.1075ZM21.8927 10.1076C22.2181 10.433 22.2181 10.9606 21.8927 11.2861L21.3034 11.8753C20.978 12.2008 20.4504 12.2008 20.1249 11.8753C19.7995 11.5499 19.7995 11.0223 20.1249 10.6968L20.7142 10.1076C21.0396 9.78213 21.5672 9.78213 21.8927 10.1076ZM16.0001 13.5001C14.6194 13.5001 13.5001 14.6194 13.5001 16.0001C13.5001 17.3808 14.6194 18.5001 16.0001 18.5001C17.3808 18.5001 18.5001 17.3808 18.5001 16.0001C18.5001 14.6194 17.3808 13.5001 16.0001 13.5001ZM11.8334 16.0001C11.8334 13.6989 13.6989 11.8334 16.0001 11.8334C18.3013 11.8334 20.1667 13.6989 20.1667 16.0001C20.1667 18.3013 18.3013 20.1667 16.0001 20.1667C13.6989 20.1667 11.8334 18.3013 11.8334 16.0001ZM7.66675 16.0001C7.66675 15.5398 8.03984 15.1667 8.50008 15.1667H9.33341C9.79365 15.1667 10.1667 15.5398 10.1667 16.0001C10.1667 16.4603 9.79365 16.8334 9.33341 16.8334H8.50008C8.03984 16.8334 7.66675 16.4603 7.66675 16.0001ZM21.8334 16.0001C21.8334 15.5398 22.2065 15.1667 22.6667 15.1667H23.5001C23.9603 15.1667 24.3334 15.5398 24.3334 16.0001C24.3334 16.4603 23.9603 16.8334 23.5001 16.8334H22.6667C22.2065 16.8334 21.8334 16.4603 21.8334 16.0001ZM20.1249 20.1249C20.4503 19.7994 20.9779 19.7994 21.3034 20.1249L21.8926 20.7141C22.2181 21.0396 22.2181 21.5672 21.8926 21.8926C21.5672 22.2181 21.0396 22.2181 20.7141 21.8926L20.1249 21.3034C19.7994 20.9779 19.7994 20.4503 20.1249 20.1249ZM10.6968 20.1249C11.0223 19.7995 11.5499 19.7995 11.8753 20.1249C12.2008 20.4504 12.2008 20.978 11.8753 21.3034L11.2861 21.8927C10.9606 22.2181 10.433 22.2181 10.1076 21.8927C9.78213 21.5672 9.78213 21.0396 10.1076 20.7142L10.6968 20.1249ZM16.0001 21.8334C16.4603 21.8334 16.8334 22.2065 16.8334 22.6667V23.5001C16.8334 23.9603 16.4603 24.3334 16.0001 24.3334C15.5398 24.3334 15.1667 23.9603 15.1667 23.5001V22.6667C15.1667 22.2065 15.5398 21.8334 16.0001 21.8334Z"
                  fill="currentColor"></path>
              </svg></div>
            <div class="icon-dark-checkbox-mode-configurator-dynamic-kit w-embed"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g>
                  <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M13.7942 8.44894C14.0302 8.685 14.1026 9.03916 13.9782 9.34893C13.67 10.1156 13.5001 10.9536 13.5001 11.8333C13.5001 15.5152 16.4848 18.5 20.1667 18.5C21.0465 18.5 21.8845 18.3301 22.6512 18.0219C22.9609 17.8975 23.3151 17.9699 23.5512 18.2059C23.7872 18.442 23.8596 18.7961 23.7351 19.1059C22.5043 22.1686 19.506 24.3333 16.0001 24.3333C11.3977 24.3333 7.66675 20.6024 7.66675 16C7.66675 12.4941 9.83151 9.49576 12.8942 8.26496C13.204 8.14047 13.5581 8.21287 13.7942 8.44894ZM11.9047 10.7389C10.3392 11.9594 9.33341 13.8628 9.33341 16C9.33341 19.6819 12.3182 22.6667 16.0001 22.6667C18.1373 22.6667 20.0407 21.6609 21.2611 20.0954C20.9028 20.1424 20.5375 20.1667 20.1667 20.1667C15.5644 20.1667 11.8334 16.4357 11.8334 11.8333C11.8334 11.4626 11.8577 11.0973 11.9047 10.7389Z"
                    fill="currentColor"></path>
                </g>
              </svg></div>
            <div class="switch-checkbox-mode-configurator-dynamic-kit"></div>
          </label></div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f0b-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Radius</label>
          <div class="wrapper-radio-radius-configurator-dynamic-kit"><label class="radio-field-radius-configurator-dynamic-kit w-radio"><input type="radio" id="L" name="radius" value="L" data-name="radius"
                class="w-form-formradioinput radio-button-radius-configurator-dynamic-kit w-radio-input"><span class="label-radio-radius-configurator-dynamic-kit w-form-label" for="L">L</span>
              <div class="checked-radio-radius-configurator-dynamic-kit"></div>
              <div class="hover-radio-radius-configurator-dynamic-kit"></div>
            </label><label class="radio-field-radius-configurator-dynamic-kit w-radio"><input type="radio" id="M" name="radius" value="M" data-name="radius" checked=""
                class="w-form-formradioinput radio-button-radius-configurator-dynamic-kit w-radio-input"><span class="label-radio-radius-configurator-dynamic-kit w-form-label" for="M">M</span>
              <div class="hover-radio-radius-configurator-dynamic-kit"></div>
              <div class="checked-radio-radius-configurator-dynamic-kit"></div>
            </label><label class="radio-field-radius-configurator-dynamic-kit w-radio"><input type="radio" id="S" name="radius" value="S" data-name="radius"
                class="w-form-formradioinput radio-button-radius-configurator-dynamic-kit w-radio-input"><span class="label-radio-radius-configurator-dynamic-kit w-form-label" for="S">S</span>
              <div class="hover-radio-radius-configurator-dynamic-kit"></div>
              <div class="checked-radio-radius-configurator-dynamic-kit"></div>
            </label><label class="radio-field-radius-configurator-dynamic-kit w-radio"><input type="radio" id="XS" name="radius" value="XS" data-name="radius"
                class="w-form-formradioinput radio-button-radius-configurator-dynamic-kit w-radio-input"><span class="label-radio-radius-configurator-dynamic-kit w-form-label" for="XS">-</span>
              <div class="hover-radio-radius-configurator-dynamic-kit"></div>
              <div class="checked-radio-radius-configurator-dynamic-kit"></div>
            </label></div>
        </div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f27-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Theme</label>
          <div class="wrap-select-field-configurator-dynamic-kit"><select id="themes" name="Theme" data-name="Theme" class="select-field-configurator-dynamic-kit w-select">
              <option value="Default">Default</option>
              <option value="Doodle">Doodle</option>
              <option value="Pastel">Pastel</option>
              <option value="Trinity">Trinity</option>
              <option value="Minimal">Minimal</option>
              <option value="Galaxy Era">Galaxy Era</option>
            </select>
            <div class="icon-select-field-configurator-dynamic-kit w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M3.57733 6.91083C3.90277 6.58539 4.4304 6.58539 4.75584 6.91083L9.99992 12.1549L15.244 6.91083C15.5694 6.58539 16.0971 6.58539 16.4225 6.91083C16.7479 7.23626 16.7479 7.7639 16.4225 8.08934L10.5892 13.9227C10.2637 14.2481 9.7361 14.2481 9.41066 13.9227L3.57733 8.08934C3.25189 7.7639 3.25189 7.23626 3.57733 6.91083Z"
                  fill="#676F86"></path>
              </svg></div>
          </div>
        </div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f2d-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Customer type</label>
          <div class="wrap-select-field-configurator-dynamic-kit"><select id="customers-type" name="customers-type" data-name="Customers Type" class="select-field-configurator-dynamic-kit w-select">
              <option value="Hybrid">Hybrid</option>
              <option value="Web3">Web3</option>
              <option value="Web2">Web2</option>
            </select>
            <div class="icon-select-field-configurator-dynamic-kit w-embed"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M3.57733 6.91083C3.90277 6.58539 4.4304 6.58539 4.75584 6.91083L9.99992 12.1549L15.244 6.91083C15.5694 6.58539 16.0971 6.58539 16.4225 6.91083C16.7479 7.23626 16.7479 7.7639 16.4225 8.08934L10.5892 13.9227C10.2637 14.2481 9.7361 14.2481 9.41066 13.9227L3.57733 8.08934C3.25189 7.7639 3.25189 7.23626 3.57733 6.91083Z"
                  fill="#676F86"></path>
              </svg></div>
          </div>
          <div class="wrap-email-first-configurator-dynamic-kit" style="display: flex;"><label for="Theme" class="label-configurator-dynamic-kit">Email/Social first</label><label
              class="w-checkbox checkbox-field-email-first-configurator-dynamic-kit"><input type="checkbox" id="checkbox" name="checkbox" data-name="Checkbox" checked="" class="w-checkbox-input checkbox-email-first-configurator-dynamic-kit"><span
                class="checkbox-label-email-first-configurator-dynamic-kit w-form-label" for="checkbox"></span>
              <div class="toggle-checkbox-email-first-configurator-dynamic-kit"></div>
              <div class="background-toggle-checkbox-email-first-configurator-dynamic-kit"></div>
            </label></div>
        </div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f3b-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Chains</label>
          <div class="wrapper-checkbox-chains-configurator-dynamic-kit"><label class="w-checkbox field-checkbox-chains-configurator-dynamic-kit fs-cmsfilter_active"><input type="checkbox" id="EVM" name="EVM" data-name="EVM" checked=""
                class="w-checkbox-input checkbox-chains-configurator-dynamic-kit"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646633144581c71db1db3be2_evm.svg" loading="lazy" alt=""
                class="icon-checkbox-chains-configurator-dynamic-kit"><span fs-cmsfilter-field="chains" class="label-checkbox-chains-configurator-dynamic-kit w-form-label" for="EVM">EVM</span>
              <div class="hover-checkbox-chains-configurator-dynamic-kit"></div>
              <div class="checked-checkbox-chains-configurator-dynamic-kit"></div>
            </label><label class="w-checkbox field-checkbox-chains-configurator-dynamic-kit"><input type="checkbox" id="Solana" name="Solana" data-name="Solana" class="w-checkbox-input checkbox-chains-configurator-dynamic-kit"><img
                src="https://assets-global.website-files.com/626692727bba3f384e008e8a/6466336edc00c7dc08ff9a2b_solana.svg" loading="lazy" alt="" class="icon-checkbox-chains-configurator-dynamic-kit"><span fs-cmsfilter-field="chains"
                class="label-checkbox-chains-configurator-dynamic-kit w-form-label" for="Solana">Solana</span>
              <div class="hover-checkbox-chains-configurator-dynamic-kit"></div>
              <div class="checked-checkbox-chains-configurator-dynamic-kit"></div>
            </label><label class="w-checkbox field-checkbox-chains-configurator-dynamic-kit"><input type="checkbox" id="Starknet" name="Starknet" data-name="Starknet" class="w-checkbox-input checkbox-chains-configurator-dynamic-kit"><img
                src="https://assets-global.website-files.com/626692727bba3f384e008e8a/6466342e8f688720e0f84b74_starknet.svg" loading="lazy" alt="" class="icon-checkbox-chains-configurator-dynamic-kit"><span fs-cmsfilter-field="chains"
                class="label-checkbox-chains-configurator-dynamic-kit w-form-label" for="Starknet">Starknet</span>
              <div class="checked-checkbox-chains-configurator-dynamic-kit"></div>
              <div class="hover-checkbox-chains-configurator-dynamic-kit"></div>
            </label><label class="w-checkbox field-checkbox-chains-configurator-dynamic-kit"><input type="checkbox" id="Flow" name="Flow" data-name="Flow" class="w-checkbox-input checkbox-chains-configurator-dynamic-kit"><img
                src="https://assets-global.website-files.com/626692727bba3f384e008e8a/6466342ede25995e63a2bdac_flow.svg" loading="lazy" alt="" class="icon-checkbox-chains-configurator-dynamic-kit"><span fs-cmsfilter-field="chains"
                class="label-checkbox-chains-configurator-dynamic-kit w-form-label" for="Flow">Flow</span>
              <div class="hover-checkbox-chains-configurator-dynamic-kit"></div>
              <div class="checked-checkbox-chains-configurator-dynamic-kit"></div>
            </label></div>
        </div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f5b-03008e95" class="wrap-field-configurator-dynamic-kit"><label for="Theme" class="label-configurator-dynamic-kit">Accent color</label>
          <div class="wrapper-colors-configurator-dynamic-kit"><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="4779FF" name="color" value="#4779FF" data-name="color" checked=""
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-blue w-form-label" for="4779FF"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="7545FF" name="color" value="#7545FF" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-purple w-form-label" for="7545FF"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="FF418A" name="color" value="#FF418A" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-pink w-form-label" for="FF418A"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="FF422E" name="color" value="#FF422E" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-red w-form-label" for="FF422E"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="FF852E" name="color" value="#FF852E" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-orange w-form-label" for="FF852E"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="2BDD72" name="color" value="#2BDD72" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-green w-form-label" for="2BDD72"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label><label class="radio-color-configurator-dynamic-kit w-radio"><input type="radio" id="48D8E1" name="color" value="#48D8E1" data-name="color"
                class="w-form-formradioinput radio-button-radio-color-configurator-dynamic-kit w-radio-input"><span class="label-radio-color-configurator-dynamic-kit is--radio-cyan w-form-label" for="48D8E1"></span>
              <div class="checked-radio-color-configurator-dynamic-kit"></div>
              <div class="hover-radio-color-configurator-dynamic-kit"></div>
            </label></div>
        </div>
        <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f82-03008e95" class="wrap-field-configurator-dynamic-kit"><a href="https://docs.dynamic.xyz/docs/css-variables" target="_blank" class="info-theme-form-configurator-dynamic-kit w-inline-block"><p>Did you know? You can create your own theme</p><div class="link-doc-configurator-dynamic-kit"><div>Read our docs</div><div class="icon-arrow-link w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.64645 2.14645C6.84171 1.95118 7.15829 1.95118 7.35355 2.14645L10.8536 5.64645C10.9473 5.74022 11 5.86739 11 6C11 6.13261 10.9473 6.25979 10.8536 6.35355L7.35355 9.85355C7.15829 10.0488 6.84171 10.0488 6.64645 9.85355C6.45118 9.65829 6.45118 9.34171 6.64645 9.14645L9.29289 6.5L1.5 6.5C1.22386 6.5 1 6.27614 1 6C1 5.72386 1.22386 5.5 1.5 5.5L9.29289 5.5L6.64645 2.85355C6.45118 2.65829 6.45118 2.34171 6.64645 2.14645Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div></div></a></div>
      </div>
      <div id="w-node-_58c70100-dc54-07fc-d8fd-239ac5e49f8a-03008e95" class="code-embed-configurator-dynamic-kit w-embed">
        <style>
          /*Select field*/
          .select-field-configurator-dynamic-kit {
            appearance: none;
          }

          .icon-select-field-configurator-dynamic-kit {
            pointer-events: none;
          }

          /*Checkbox dark/ light mode*/
          .checkbox-mode-configurator-dynamic-kit:checked~.switch-checkbox-mode-configurator-dynamic-kit {
            transform: translateX(36px);
          }

          .checkbox-mode-configurator-dynamic-kit:checked~.icon-dark-checkbox-mode-configurator-dynamic-kit {
            color: white;
          }

          .checkbox-mode-configurator-dynamic-kit:checked~.icon-light-checkbox-mode-configurator-dynamic-kit {
            color: #acb3c2;
          }

          /*Radio button - Radius*/
          .radio-button-radius-configurator-dynamic-kit:checked~.checked-radio-radius-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }

          .radio-button-radius-configurator-dynamic-kit:checked~.label-radio-radius-configurator-dynamic-kit {
            color: #4779FF;
            background-color: #F2F6FF;
          }

          .radio-button-radius-configurator-dynamic-kit:checked:hover~.hover-radio-radius-configurator-dynamic-kit {
            opacity: 0;
            transform: scale(0.8);
          }

          .radio-button-radius-configurator-dynamic-kit:hover~.hover-radio-radius-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }

          /*Checkbox email first*/
          .checkbox-email-first-configurator-dynamic-kit:checked~.toggle-checkbox-email-first-configurator-dynamic-kit {
            transform: translateX(20px);
          }

          .checkbox-email-first-configurator-dynamic-kit:checked~.background-toggle-checkbox-email-first-configurator-dynamic-kit {
            background-color: #4779ff;
          }

          /*Checkbox chains*/
          .checkbox-chains-configurator-dynamic-kit:checked~.checked-checkbox-chains-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }

          .checkbox-chains-disabled {
            opacity: 0.5;
            pointer-events: none;
          }

          .checkbox-chains-configurator-dynamic-kit:hover~.hover-checkbox-chains-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }

          .checkbox-chains-configurator-dynamic-kit:checked:hover~.hover-checkbox-chains-configurator-dynamic-kit {
            opacity: 0;
            transform: scale(0.8);
          }

          /*Radio button - Colors*/
          .radio-button-radio-color-configurator-dynamic-kit:checked~.checked-radio-color-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }

          .radio-button-radio-color-configurator-dynamic-kit:checked:hover~.hover-radio-color-configurator-dynamic-kit {
            opacity: 0;
            transform: scale(0.8);
          }

          .radio-button-radio-color-configurator-dynamic-kit:hover~.hover-radio-color-configurator-dynamic-kit {
            opacity: 1;
            transform: scale(1);
          }
        </style>
      </div>
    </div>
    <div class="right-content-dynamickit-component">
      <div border-radius="1" class="preview-dynamic-kit">
        <div class="code-embed-preview-dynamic-kit w-embed">
          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
          <style>
            :root {
              --accentColor1: #4779FF;
              --background1: #F6F7F9;
              --background2: #FDFDFD;
              --background3: #EEF0F4;
              --background4: #FFFFFF;
              --background5: var(--accentColor1);
              --backgroundHover1: #FDFDFD;
              --shadowHover1: 0px 12px 20px -6px rgba(24, 39, 75, 0.02), 0px 16px 26px -4px rgba(24, 39, 75, 0.04);
              --transitionHover1: all 0.35s ease;
              --backgroundHover2: #EEF0F4;
              --textColor1: #252731;
              --textColor2: #676F86;
              --textColor3: var(--textColor2);
              --strokeColor1: #EFF0F3;
              --strokeColor2: 1px solid transparent;
              --strokeColor3: 1px solid transparent;
              --strokeColor4: 1px solid transparent;
              --fontFamily1: Radomir tinkov gilroy;
              --radius1: 24px;
              --radius2: 12px;
              --padding1: 24px 24px 24px 24px;
              --padding2: 12px;
              --boxShadow1: 0px 1px 2px rgba(24, 39, 75, 0.04);
              --heightListHybrid: 168px;
            }

            [background-color="1"] {
              background: var(--background1);
            }

            [background-color="2"] {
              background: var(--background2);
            }

            [background-color="3"] {
              background: var(--background3);
            }

            [background-color="4"] {
              background: var(--background4);
            }

            [background-color="5"] {
              background: var(--background5);
            }

            [accent-color="1"] {
              background-color: var(--accentColor1);
            }

            [border-radius="1"] {
              border-radius: var(--radius1);
            }

            [border-radius="2"] {
              border-radius: var(--radius2);
            }

            [stroke="1"],
            [stroke="1"]:focus {
              border-color: var(--strokeColor1);
            }

            [stroke="2"] {
              border: var(--strokeColor2);
            }

            [stroke="3"] {
              border: var(--strokeColor3);
            }

            [stroke="4"] {
              border: var(--strokeColor4);
            }

            [text-color="1"] {
              color: var(--textColor1);
            }

            [text-color="2"],
            [text-color="2"]::placeholder {
              color: var(--textColor2);
            }

            [text-color="3"] {
              color: var(--textColor3);
            }

            [text-color="4"] {
              color: var(--accentColor1);
            }

            [padding="1"] {
              padding: var(--padding1);
            }

            [padding="2"] {
              padding: var(--padding2);
            }

            [font-family="1"] {
              font-family: var(--fontFamily1);
            }

            [box-shadow="1"] {
              box-shadow: var(--boxShadow1);
            }

            [list-hybrid-height="1"] {
              height: var(--heightListHybrid);
            }

            [icon-social-dynamic-kit="dark"] {
              display: none;
            }

            [transition-hover="1"] {
              transition: var(--transitionHover1);
            }

            [background-hover="1"]:hover {
              background-color: var(--backgroundHover1);
            }

            [shadow-hover="1"]:hover {
              box-shadow: var(--shadowHover1);
            }
          </style>
        </div>
        <div class="w-embed">
          <style>
            [customer-type="Hybrid"] {
              display: block;
            }

            .collection-list-wrapper-wallets-list-card-preview-dynamic-kit::-webkit-scrollbar {
              display: none;
            }

            .card-preview-dynamic-kit {
              -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
            }

            .search-wallets-content-card-preview-dynamic-kit:focus,
            .search-wallets-content-card-preview-dynamic-kit:hover {
              background: var(--backgroundHover1);
            }

            .input-card-web2-preview-dynamic-kit:focus,
            .input-card-web2-preview-dynamic-kit:hover {
              background: var(--backgroundHover1);
            }

            .modal-sign-in-card-preview-dynamic-kit {
              transition-delay: 350ms;
            }
          </style>
        </div>
        <div popup="warning-message" border-radius="1" style="display: none; opacity: 0;" class="warning-message-card-preview-dynamic-kit--v2">
          <div style="transform: translate3d(0px, 12px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); opacity: 0; transform-style: preserve-3d;" class="wrap-content-warning-message-card-preview-dynamic-kit">
            <div class="title-m">Want to see Dynamic in action?</div>
            <div class="text-warning-card-preview-dynamic-kit">Discover our profile, multi-wallet linking<br>and more in our live demo</div>
            <a href="https://demo.dynamic.xyz" target="_blank" class="button-primary is--btn-primary-small w-inline-block"><div>Explore our live demo</div></a>
          </div>
          <div data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49f9a" class="close-warning-message-card-preview-dynamic-kit">
            <div class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M7.52876 8.4123C7.78911 8.15195 8.21122 8.15195 8.47157 8.4123L12.0002 11.9409L15.5288 8.4123C15.7891 8.15195 16.2112 8.15195 16.4716 8.4123C16.7319 8.67265 16.7319 9.09476 16.4716 9.35511L12.943 12.8837L16.4716 16.4123C16.7319 16.6727 16.7319 17.0948 16.4716 17.3551C16.2112 17.6155 15.7891 17.6155 15.5288 17.3551L12.0002 13.8265L8.47157 17.3551C8.21122 17.6155 7.78911 17.6155 7.52876 17.3551C7.26841 17.0948 7.26841 16.6727 7.52876 16.4123L11.0574 12.8837L7.52876 9.35511C7.26841 9.09476 7.26841 8.67265 7.52876 8.4123Z"
                  fill="currentColor"></path>
              </svg></div>
          </div>
        </div>
        <div customer-type="Hybrid" class="wrap-card-preview-dynamic-kit" style="display: block;">
          <div font-family="1" background-color="1" border-radius="1" stroke="2" text-color="1" class="card-preview-dynamic-kit--v2 is--no-bottom-content">
            <div padding="1" class="top-card-preview-dynamic-kit">
              <div class="title-card-preview-dynamic-kit">
                <div>Log in or sign up</div>
                <div data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa2" class="wrap-icon-title-card-preview-dynamic-kit">
                  <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M7.52876 8.4123C7.78911 8.15195 8.21122 8.15195 8.47157 8.4123L12.0002 11.9409L15.5288 8.4123C15.7891 8.15195 16.2112 8.15195 16.4716 8.4123C16.7319 8.67265 16.7319 9.09476 16.4716 9.35511L12.943 12.8837L16.4716 16.4123C16.7319 16.6727 16.7319 17.0948 16.4716 17.3551C16.2112 17.6155 15.7891 17.6155 15.5288 17.3551L12.0002 13.8265L8.47157 17.3551C8.21122 17.6155 7.78911 17.6155 7.52876 17.3551C7.26841 17.0948 7.26841 16.6727 7.52876 16.4123L11.0574 12.8837L7.52876 9.35511C7.26841 9.09476 7.26841 8.67265 7.52876 8.4123Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
              </div>
              <div class="wrap-hybrid-content-card-preview-dynamic-kit">
                <div hybrid-content="wallet" class="content-card-preview-dynamic-kit" style="order: 1;">
                  <div list-hybrid-height="1" class="list-wrapper-hybrid-preview-dynamic-kit w-dyn-list">
                    <div fs-cmsfilter-duration="0" fs-cmsfilter-element="list" role="list" class="wallets-list-card-preview-dynamic-kit w-dyn-items" style="opacity: 1;">
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3117fa40ab490e55fef_Metamask.svg" loading="lazy" alt="Metamask"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Metamask</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b31da175aaf5a5b8034c_Coinbase%20Wallet.svg" loading="lazy" alt="Coinbase Wallet"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Coinbase Wallet</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b32a8ca8c6d50784ffed_WalletConnect.svg" loading="lazy" alt="WalletConnect"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>WalletConnect</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b336c1012d320338c97c_Trust%20Wallet.svg" loading="lazy" alt="Trust Wallet"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Trust Wallet</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3426d3e323f8f41a927_Dapper.svg" loading="lazy" alt="Dapper"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Dapper</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b34f1a9e113f2847eca2_Brave%20Wallet.svg" loading="lazy" alt="Brave Wallet"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Brave Wallet</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                      <div role="listitem" class="w-dyn-item">
                        <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fa9" stroke="3"
                          background-hover="1">
                          <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/64770725249330c9bcaa1f74_opera-wallet.svg" loading="lazy" alt="Opera Wallet"
                              class="icon-wallet-card-preview-dynamic-kit">
                            <div>Opera Wallet</div>
                          </div>
                          <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                            <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                            <div text-color="3">Installed</div>
                          </div>
                          <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fb5" class="cta-chains-hybrid-card-preview-dynamic-kit--v2">
                    <div class="text-cta-chains-hybrid-card-preview-dynamic-kit">
                      <div>View all wallets</div>
                      <div text-color="2" class="label-cta-chains-hybrid-card-preview-dynamic-kit">+180 available</div>
                    </div>
                    <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M9.52827 17.1381C9.26792 16.8778 9.26792 16.4557 9.52827 16.1953L13.7235 12L9.52827 7.80478C9.26792 7.54443 9.26792 7.12232 9.52827 6.86197C9.78862 6.60162 10.2107 6.60162 10.4711 6.86197L15.1377 11.5286C15.3981 11.789 15.3981 12.2111 15.1377 12.4714L10.4711 17.1381C10.2107 17.3985 9.78862 17.3985 9.52827 17.1381Z"
                          fill="currentColor"></path>
                      </svg></div>
                  </div>
                </div>
                <div class="separator-hybrid-card-preview-dynamic-kit">
                  <div stroke="1" class="decoration-separator-hybrid-card-preview-dynamic-kit"></div>
                  <div text-color="2" class="text-separator-hybrid-card-preview-dynamic-kit">Or <span class="text-variable-separator-hybrid-card-preview-dynamic-kit">continue with a wallet</span></div>
                  <div stroke="1" class="decoration-separator-hybrid-card-preview-dynamic-kit"></div>
                </div>
                <div hybrid-content="email" class="card-web2-preview-dynamic-kit" style="order: -1;"><input type="text" class="input-card-web2-preview-dynamic-kit w-input" text-color="2" background-color="2" maxlength="256" name="Enter-your-email-2"
                    data-name="Enter Your Email 2" padding="2" border-radius="2" placeholder="Enter your email" stroke="1" id="Enter-your-email-2" required="">
                  <div transition-hover="1" border-radius="2" background-color="2" stroke="1" background-hover="1" shadow-hover="1" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fc5" class="button-card-web2-preview-dynamic-kit">
                    <div>Continue</div>
                  </div>
                  <div class="wrap-social-card-web2-preview-dynamic-kit">
                    <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fc9" stroke="4" background-hover="1"><img
                        src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b707087ac3f34a46796ca_google.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                        style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd953d9539512f3c0c0ed_google.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                        class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                    <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fcc" stroke="4" background-hover="1"><img
                        src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b70e8dce1208025833b7d_apple.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                        style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd952c27fc85c5df40246_ios.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                        class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                    <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fcf" stroke="4" background-hover="1"><img
                        src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b7109d144fc3a5302da74_facebook.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                        style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd95274e8a1ca1ccaea90_facebook.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                        class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                    <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fd2" stroke="4" background-hover="1"><img
                        src="https://assets-global.website-files.com/626692727bba3f384e008e8a/64f19ff5d6c15df4989928c2_x.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                        style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/6470d47fe005606711452ebf_twitter.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                        class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                    <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fd5" stroke="4" background-hover="1"><img
                        src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b7154bb4ba4657894326e_discord.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                        style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd952b151ef9cc6c1abe4_discord.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                        class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                  </div>
                </div>
              </div>
            </div>
            <div stroke="1" background-color="1" class="wrap-legal-text-card-preview-dynamic-kit">
              <p text-color="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49fd9" class="text-legal-card-preview-dynamic-kit">By logging in, you agree to<br>the <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Terms of
                  Service</span> &amp; <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Privacy Policy</span>.</p>
            </div>
          </div>
        </div>
        <div customer-type="Web3" class="wrap-card-preview-dynamic-kit" style="display: none;">
          <div font-family="1" background-color="1" border-radius="1" stroke="2" text-color="1" class="card-preview-dynamic-kit--v2 is--card-web3" style="max-height: 478px; height: auto;">
            <div padding="1" class="top-card-preview-dynamic-kit is--top-card-web3--v2" style="height: auto; opacity: 1;">
              <div class="title-card-preview-dynamic-kit--v2">
                <div modal-first-wallet="open-popup-web3" class="wrap-icon-title-card-preview-dynamic-kit--v2">
                  <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M12 6.66668C9.05449 6.66668 6.66668 9.05449 6.66668 12C6.66668 14.9455 9.05449 17.3333 12 17.3333C14.9455 17.3333 17.3333 14.9455 17.3333 12C17.3333 9.05449 14.9455 6.66668 12 6.66668ZM5.33334 12C5.33334 8.31811 8.31811 5.33334 12 5.33334C15.6819 5.33334 18.6667 8.31811 18.6667 12C18.6667 15.6819 15.6819 18.6667 12 18.6667C8.31811 18.6667 5.33334 15.6819 5.33334 12ZM12 9.33334C11.0189 9.33334 10.3144 9.80417 10.0882 10.2842C9.93121 10.6173 9.53398 10.76 9.20092 10.6031C8.86786 10.4461 8.7251 10.0489 8.88206 9.71581C9.38799 8.64227 10.659 8.00001 12 8.00001C12.8667 8.00001 13.677 8.26264 14.2857 8.71913C14.8945 9.17577 15.3334 9.85751 15.3334 10.6667C15.3334 12.0462 14.1107 13.0055 12.7885 13.2591C12.74 13.2684 12.7015 13.2924 12.6804 13.3147C12.6709 13.3247 12.6676 13.3316 12.6668 13.3334C12.6668 13.3335 12.6667 13.3336 12.6667 13.3337C12.6665 13.7017 12.3681 14 12 14C11.6319 14 11.3334 13.7015 11.3334 13.3333C11.3334 12.5719 11.9398 12.0643 12.5373 11.9497C13.5192 11.7613 14 11.153 14 10.6667C14 10.3713 13.842 10.053 13.4857 9.7858C13.1292 9.51843 12.6061 9.33334 12 9.33334ZM11.3333 15.3333C11.3333 14.9652 11.6318 14.6667 12 14.6667H12.0067C12.3749 14.6667 12.6733 14.9652 12.6733 15.3333C12.6733 15.7015 12.3749 16 12.0067 16H12C11.6318 16 11.3333 15.7015 11.3333 15.3333Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
                <div>Select your wallet</div>
                <div data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49feb" class="wrap-icon-title-card-preview-dynamic-kit--v2">
                  <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M7.52876 8.4123C7.78911 8.15195 8.21122 8.15195 8.47157 8.4123L12.0002 11.9409L15.5288 8.4123C15.7891 8.15195 16.2112 8.15195 16.4716 8.4123C16.7319 8.67265 16.7319 9.09476 16.4716 9.35511L12.943 12.8837L16.4716 16.4123C16.7319 16.6727 16.7319 17.0948 16.4716 17.3551C16.2112 17.6155 15.7891 17.6155 15.5288 17.3551L12.0002 13.8265L8.47157 17.3551C8.21122 17.6155 7.78911 17.6155 7.52876 17.3551C7.26841 17.0948 7.26841 16.6727 7.52876 16.4123L11.0574 12.8837L7.52876 9.35511C7.26841 9.09476 7.26841 8.67265 7.52876 8.4123Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
              </div>
              <div class="content-card-preview-dynamic-kit">
                <div id="search-wallet-dynamic-kit" class="wrap-search-wallets-content-card-preview-dynamic-kit" style="display: flex;"><input type="text" class="search-wallets-content-card-preview-dynamic-kit w-input" text-color="2"
                    transition-hover="1" maxlength="256" name="field" fs-cmsfilter-field="wallet-search" data-name="Field" border-radius="2" placeholder="Search through +180 wallets..." stroke="1" id="field" required="">
                  <div text-color="2" class="icon-search-card-preview-dynamic-kit w-embed"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M6.66659 2.66659C4.45745 2.66659 2.66659 4.45745 2.66659 6.66659C2.66659 8.87572 4.45745 10.6666 6.66659 10.6666C8.87572 10.6666 10.6666 8.87572 10.6666 6.66659C10.6666 4.45745 8.87572 2.66659 6.66659 2.66659ZM1.33325 6.66659C1.33325 3.72107 3.72107 1.33325 6.66659 1.33325C9.6121 1.33325 11.9999 3.72107 11.9999 6.66659C11.9999 7.89906 11.5819 9.03389 10.8798 9.93701L14.4713 13.5285C14.7317 13.7889 14.7317 14.211 14.4713 14.4713C14.211 14.7317 13.7889 14.7317 13.5285 14.4713L9.93701 10.8798C9.03389 11.5819 7.89906 11.9999 6.66659 11.9999C3.72107 11.9999 1.33325 9.6121 1.33325 6.66659Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
                <div class="collection-list-wrapper-wallets-list-card-preview-dynamic-kit w-dyn-list" style="max-height: 268px; padding-bottom: 20px;">
                  <div fs-cmsfilter-duration="0" fs-cmsfilter-element="list" role="list" class="wallets-list-card-preview-dynamic-kit w-dyn-items" style="opacity: 1;">
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3117fa40ab490e55fef_Metamask.svg" loading="lazy" alt="Metamask"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Metamask</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Metamask</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b31da175aaf5a5b8034c_Coinbase%20Wallet.svg" loading="lazy" alt="Coinbase Wallet"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Coinbase Wallet</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Coinbase Wallet</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b32a8ca8c6d50784ffed_WalletConnect.svg" loading="lazy" alt="WalletConnect"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">WalletConnect</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">WalletConnect</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b336c1012d320338c97c_Trust%20Wallet.svg" loading="lazy" alt="Trust Wallet"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Trust Wallet</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Trust Wallet</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3426d3e323f8f41a927_Dapper.svg" loading="lazy" alt="Dapper"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Dapper</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Dapper</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b34f1a9e113f2847eca2_Brave%20Wallet.svg" loading="lazy" alt="Brave Wallet"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Brave Wallet</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Brave Wallet</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                    <div role="listitem" class="w-dyn-item">
                      <div box-shadow="1" class="wallet-card-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" padding="2" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e49ff4" stroke="3"
                        background-hover="1">
                        <div class="title-wallet-card-preview-dynamic-kit"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/64770725249330c9bcaa1f74_opera-wallet.svg" loading="lazy" alt="Opera Wallet"
                            class="icon-wallet-card-preview-dynamic-kit">
                          <div fs-cmsfilter-field="wallet">Opera Wallet</div>
                          <div fs-cmsfilter-field="wallet-search" class="wallet-search">Opera Wallet</div>
                        </div>
                        <div text-color="3" background-color="3" class="label-wallet-card-preview-dynamic-kit w-condition-invisible">
                          <div background-color="5" class="decoration-labek-wallet-card-preview-dynamic-kit"></div>
                          <div text-color="3">Installed</div>
                        </div>
                        <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div stroke="1" background-color="1" class="wrap-legal-text-card-preview-dynamic-kit is--legal-card-web3">
              <p text-color="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a002" class="text-legal-card-preview-dynamic-kit">By logging in, you agree to<br>the <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Terms of
                  Service</span> &amp; <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Privacy Policy</span>.</p>
            </div>
            <div background-color="1" class="modal-sign-in-card-preview-dynamic-kit--v2" style="height: 0px;">
              <div class="div-block-9">
                <div class="div-block-10"></div>
                <div>Get your first wallet</div>
                <div modal-first-wallet="close-popup-web3" class="wrap-icon-title-card-preview-dynamic-kit--v2">
                  <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M6.86192 9.52864C7.12227 9.26829 7.54438 9.26829 7.80473 9.52864L12 13.7239L16.1953 9.52864C16.4556 9.26829 16.8777 9.26829 17.1381 9.52864C17.3984 9.78899 17.3984 10.2111 17.1381 10.4714L12.4714 15.1381C12.211 15.3985 11.7889 15.3985 11.5286 15.1381L6.86192 10.4714C6.60157 10.2111 6.60157 9.78899 6.86192 9.52864Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
              </div>
              <div class="collection-list-wrapper-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-list">
                <div fs-cmsfilter-duration="0" fs-cmsfilter-element="list" role="list" class="wallets-list-card-preview-dynamic-kit w-dyn-items" style="opacity: 1;">
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3117fa40ab490e55fef_Metamask.svg"
                      loading="lazy" alt="Metamask" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Metamask</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img
                      src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b31da175aaf5a5b8034c_Coinbase%20Wallet.svg" loading="lazy" alt="Coinbase Wallet" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Coinbase Wallet</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b32a8ca8c6d50784ffed_WalletConnect.svg"
                      loading="lazy" alt="WalletConnect" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install WalletConnect</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b336c1012d320338c97c_Trust%20Wallet.svg"
                      loading="lazy" alt="Trust Wallet" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Trust Wallet</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b3426d3e323f8f41a927_Dapper.svg"
                      loading="lazy" alt="Dapper" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Dapper</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/6467b34f1a9e113f2847eca2_Brave%20Wallet.svg"
                      loading="lazy" alt="Brave Wallet" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Brave Wallet</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                  <div role="listitem" class="collection-item-modal-sign-in-wallets-list-card-preview-dynamic-kit--v2 w-dyn-item"><img src="https://assets-global.website-files.com/6267eac265e445963ae53e81/64770725249330c9bcaa1f74_opera-wallet.svg"
                      loading="lazy" alt="Opera Wallet" class="image-wallet-modal-sign-in-card-preview-dynamic-kit--v2">
                    <p text-color="2">Our recommendation</p>
                    <div text-color="1" class="text-recommandation-modal-sign-in-card-preview-dynamic-kit--v2 w-embed">
                      <p>Install Opera Wallet</p>
                    </div>
                    <div fs-cmsfilter-field="chains" class="category-chains-wallet-card-preview-dynamic-kit">EVM</div>
                  </div>
                </div>
              </div>
              <div class="list-instal-modal-sign-in-card-preview-dynamic-kit--v2">
                <div box-shadow="1" class="list-item-modal-sign-in-card-preview-dynamic-kit" background-color="2" transition-hover="1" open-popup="warning-message" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a01f"
                  stroke="3" background-hover="1"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646f95efddae60eede3428d5_chrome.svg" loading="lazy" alt="" class="icon-list-item-modal-sign-in-card-preview-dynamic-kit">
                  <div>Install Desktop extension</div>
                </div>
                <div box-shadow="1" class="list-item-modal-sign-in-card-preview-dynamic-kit" background-color="2" transition-hover="1" open-popup="warning-message" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a023"
                  stroke="3" background-hover="1"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646f9661ddae60eede34a1fe_ios.svg" loading="lazy" alt="" class="icon-list-item-modal-sign-in-card-preview-dynamic-kit">
                  <div>Install iOS app</div>
                </div>
                <div box-shadow="1" class="list-item-modal-sign-in-card-preview-dynamic-kit" background-color="2" transition-hover="1" open-popup="warning-message" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a027"
                  stroke="3" background-hover="1"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646f9697514640a4510a3c43_android.svg" loading="lazy" alt="" class="icon-list-item-modal-sign-in-card-preview-dynamic-kit">
                  <div>Install Android app</div>
                </div>
              </div>
            </div>
            <div fs-cmsfilter-element="clear" fs-cmsfilter-clear="wallet-search" class="reset-link-card-preview-dynamic-kit">Resest</div>
          </div>
        </div>
        <div customer-type="Web2" class="wrap-card-preview-dynamic-kit" style="display: none;">
          <div font-family="1" background-color="1" border-radius="1" stroke="2" text-color="1" class="card-preview-dynamic-kit--v2 is--no-bottom-content">
            <div padding="1" class="top-card-preview-dynamic-kit">
              <div class="title-card-preview-dynamic-kit">
                <div>Log in or sign up</div>
                <div data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a033" class="wrap-icon-title-card-preview-dynamic-kit">
                  <div text-color="2" class="icon-card-preview-dynamic-kit w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M7.52876 8.4123C7.78911 8.15195 8.21122 8.15195 8.47157 8.4123L12.0002 11.9409L15.5288 8.4123C15.7891 8.15195 16.2112 8.15195 16.4716 8.4123C16.7319 8.67265 16.7319 9.09476 16.4716 9.35511L12.943 12.8837L16.4716 16.4123C16.7319 16.6727 16.7319 17.0948 16.4716 17.3551C16.2112 17.6155 15.7891 17.6155 15.5288 17.3551L12.0002 13.8265L8.47157 17.3551C8.21122 17.6155 7.78911 17.6155 7.52876 17.3551C7.26841 17.0948 7.26841 16.6727 7.52876 16.4123L11.0574 12.8837L7.52876 9.35511C7.26841 9.09476 7.26841 8.67265 7.52876 8.4123Z"
                        fill="currentColor"></path>
                    </svg></div>
                </div>
              </div>
              <div class="content-card-preview-dynamic-kit">
                <div class="wallets-list-card-preview-dynamic-kit">
                  <div class="card-web2-preview-dynamic-kit"><input type="text" class="input-card-web2-preview-dynamic-kit w-input" text-color="2" background-color="2" maxlength="256" name="Enter-your-email" data-name="Enter Your Email" padding="2"
                      border-radius="2" placeholder="Enter your email" stroke="1" id="Enter-your-email" required="">
                    <div transition-hover="1" border-radius="2" background-color="2" stroke="1" background-hover="1" shadow-hover="1" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a039" class="button-card-web2-preview-dynamic-kit">
                      <div>Continue</div>
                    </div>
                    <div class="wrap-social-card-web2-preview-dynamic-kit--v2">
                      <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a03d" stroke="4" background-hover="1"><img
                          src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b707087ac3f34a46796ca_google.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                          style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd953d9539512f3c0c0ed_google.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                          class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                      <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a040" stroke="4" background-hover="1"><img
                          src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b70e8dce1208025833b7d_apple.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                          style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd952c27fc85c5df40246_ios.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                          class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                      <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a043" stroke="4" background-hover="1"><img
                          src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b7109d144fc3a5302da74_facebook.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                          style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd95274e8a1ca1ccaea90_facebook.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                          class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                      <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a046" stroke="4" background-hover="1"><img
                          src="https://assets-global.website-files.com/626692727bba3f384e008e8a/64f19ff5d6c15df4989928c2_x.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                          style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/6470d47fe005606711452ebf_twitter.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                          class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                      <div box-shadow="1" class="social-card-web2-preview-dynamic-kit" background-color="2" transition-hover="1" shadow-hover="1" border-radius="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a049" stroke="4" background-hover="1"><img
                          src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646b7154bb4ba4657894326e_discord.svg" loading="lazy" icon-social-dynamic-kit="light" alt="" class="icon-social-card-web2-preview-dynamic-kit"
                          style="display: block;"><img src="https://assets-global.website-files.com/626692727bba3f384e008e8a/646cd952b151ef9cc6c1abe4_discord.svg" loading="lazy" icon-social-dynamic-kit="dark" alt=""
                          class="icon-social-card-web2-preview-dynamic-kit" style="display: none;"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div stroke="1" background-color="1" class="wrap-legal-text-card-preview-dynamic-kit">
              <p text-color="2" data-w-id="58c70100-dc54-07fc-d8fd-239ac5e4a04d" class="text-legal-card-preview-dynamic-kit">By logging in, you agree to<br>the <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Terms of
                  Service</span> &amp; <span text-color="4" class="link-text-legal-card-preview-dynamic-kit">Privacy Policy</span>.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

New demo
Mobile-first embedded wallets
Try it yourself

Features


Our features

Embedded Wallets
New

Web3 login even your grandparents can use


Crypto-Native Login

Web3 login for your crypto power users


Profile & Multi Wallet

Create a unified profile and link multiple wallets into a single account


Authorization, Orchestration & More

Advanced built in access lists, NFT gating and more

Watch product walkthrough
New demo
Mobile-first embedded wallets
Try it now


Check our demos

Live Demo
New

Mobile-first embedded wallet
New


More...

DocsCustomersPricingSecurity
Insights

Our Blog



Wallets, auth, and so much more

Changelog


Keep up with out latest features

Company

About us



We're on a mission to accelerate the adoption of wallet-based authentication and
identity

Careers


View our current open positions


Follow Dynamic

Launch app

View Live demo
Get started
Get started




Ready to get started? setting up Dynamic only takes minutes

Start free



WEB3 LOGIN FOR EVERYONE.


Simple onboarding flows for all your users and powerful developer tools to
match.

Get started

View Live demo


Mobile-first embedded wallets

We’re introducing a new flexible embedded wallets suite, starting with
PWA-optimized wallets

Check out the demo

New demo



Trusted by





SET DYNAMIC UP IN 3 EASY STEPS

1


GET AN ENVIRONMENT ID

Set up an account to get your environment ID.

2


INSTALL THE DYNAMIC NPM PACKAGE

This takes a few seconds.


3


SET UP YOUR REACT SNIPPET AND CUSTOMIZE

Once you set up your snippet, you can further customize things within your
developer dashboard. You can also check out a working demo environment here:

View live demo
Copied!


npm i @dynamic-labs/sdk-react-core @dynamic-labs/ethereum


>

Copied!


import { DynamicContextProvider, DynamicWidget} from
'@dynamic-labs/sdk-react-core';

import { EthereumWalletConnectors} from '@dynamic-labs/ethereum';

export const App = () => (
<DynamicContextProvider settings={{environmentId:'ID', walletConnectors:
[EthereumWalletConnectors]}}>
    <DynamicWidget />
</DynamicContextProvider>
);

‍01 02 03 04 05 06 07 08 09 10 11
1


GET AN ENVIRONMENT ID

Set up an account to get your environment ID.


INSTALL THE DYNAMIC NPM PACKAGE

This takes a few seconds.

Copied!


npm i @dynamic-labs/sdk-react-core @dynamic-labs/ethereum


>

2


SET UP YOUR REACT SNIPPET AND CUSTOMIZE

Once you set up your snippet, you can further customize things within your
developer dashboard.

Copied!


‍import { DynamicContextProvider, DynamicWidget} from
'@dynamic-labs/sdk-react-core';

import { EthereumWalletConnectors} from '@dynamic-labs/ethereum';

export const App = () => (
<DynamicContextProvider settings={{environmentId:'ID', walletConnectors:
[EthereumWalletConnectors]}}>
    <DynamicWidget />
</DynamicContextProvider>
);

‍

3


SEE A LIVE DEMO

You can also check out a working demo environment here:

View live demo



WEB3 LOGIN EVEN YOUR GRANDPARENTS CAN USE

Spin up flexible, non-custodial embedded wallets behind the scenes, and focus on
building experiences that matter.

 * Non-Custodial

 * Passwordless

 * Flexible

Try it yourself

Explore Embedded wallets



WEB3 LOGIN FOR YOUR CRYPTO POWER USERS

Dynamic is a full service authentication platform. We generate nonces, follow
SIWE guidelines, and send back an easy to work with JWT.

 * Customizable

 * Multi-chain

 * Built on tools you love

Explore Crypto-native login



We support

L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet
L2 and side chains
Solana
Flow
Starknet



ONE WALLET, TWO WALLETS, RED WALLET, BLUE WALLET

Your users have multiple wallets. Leverage our user profile widget help them
consolidate wallets into a single account and manage their profile information
in one location.

 * Multiple wallets in the same account

 * Wallet switch detection

 * Account merging

Explore Multi-wallet



IDENTITY ORCHESTRATION, NOT JUST AUTHENTICATION

Dynamic offers a myriad of integrations beyond authentication. Leverage advanced
built-in access lists, NFT gating, and identity integrations with simple toggles
in your developer dashboard.

 * Advanced NFT gating

 * Onboarding information capture

 * Allow lists

Explore Orchestration




A WALLET LIBRARY WITH SUPERPOWERS

Dynamic offers a powerful multi-chain wallet adapter that lets you build
incredible login experiences in minutes using ethers, viem, wagmi, etc.

Built on



Customize your SDK

Mode



Radius
L


M


S


-


Theme
DefaultDoodlePastelTrinityMinimalGalaxy Era

Customer type
HybridWeb3Web2

Email/Social first


Chains
EVM


Solana


Starknet


Flow


Accent color


Did you know? You can create your own theme

Read our docs


Want to see Dynamic in action?
Discover our profile, multi-wallet linking
and more in our live demo
Explore our live demo

Log in or sign up

Metamask
Installed
EVM
Coinbase Wallet
Installed
EVM
WalletConnect
Installed
EVM
Trust Wallet
Installed
EVM
Dapper
Installed
EVM
Brave Wallet
Installed
EVM
Opera Wallet
Installed
EVM
View all wallets
+180 available

Or continue with a wallet

Continue


By logging in, you agree to
the Terms of Service & Privacy Policy.

Select your wallet

Metamask
Metamask
Installed
EVM
Coinbase Wallet
Coinbase Wallet
Installed
EVM
WalletConnect
WalletConnect
Installed
EVM
Trust Wallet
Trust Wallet
Installed
EVM
Dapper
Dapper
Installed
EVM
Brave Wallet
Brave Wallet
Installed
EVM
Opera Wallet
Opera Wallet
Installed
EVM

By logging in, you agree to
the Terms of Service & Privacy Policy.

Get your first wallet


Our recommendation

Install Metamask

EVM

Our recommendation

Install Coinbase Wallet

EVM

Our recommendation

Install WalletConnect

EVM

Our recommendation

Install Trust Wallet

EVM

Our recommendation

Install Dapper

EVM

Our recommendation

Install Brave Wallet

EVM

Our recommendation

Install Opera Wallet

EVM
Install Desktop extension
Install iOS app
Install Android app
Resest
Log in or sign up

Continue


By logging in, you agree to
the Terms of Service & Privacy Policy.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.


Community


DISCOVER THE DYNAMIC COMMUNITY



Customer use cases

Discover how diverse brands utilize our platform. From RWA innovators at Fabrica
to data protectors at Rehide, our technology caters to varied needs.

See our customers


Our partners

Meet the pioneers who trust Dynamic. Our partners prioritize secure, seamless
web3 authentication.

Coming soon

Reviews


LOVED BY OUR CUSTOMERS



Thanks to Dynamic, we can allow users to connect any wallet to pay for those
NFTs, with a simple integration instead of having us build all those manually.

,

Dynamic's abstractions for wallet authentication and social account linking were
easy to pick up and bring to production. I'm grateful that our engineering team
no longer has to waste time on erroneous wallet errors or integrating web2
authentication. I feel free from one more friction point in web3 development and
genuinely cared for by the Dynamic support team!

,

Dynamic is the best web3 login SDK out there by a mile, it's immediately obvious
that they care deeply about the problem and will ship every day till it dies.

,

Dynamic has easily been one of our favorite service providers to work with.
They've always provided extremely rapid and professional responses to our
queries and quickly implemented our feedback to improve their product. Dynamic
has saved us valuable time and freed up our engineers to focus on building our
core product.

,

We needed a simple developer-first solution to bridge not just assets on-chain,
but even more importantly new users to web3. Dynamic seamlessly does exactly
that

,

We love how Dynamic standardizes our onboarding process and allows us to focus
on developing our app instead of worrying about supporting and maintaining new
wallets.

,

We integrated their auth packages, removed all of our legacy code, and our users
now have a 10x auth experience thanks to the folks at Dynamic.

,

By leveraging the combined power of Dynamic & CoCreate, teams can zero in on the
“What'”, knowing the “How” is being taken care of.

,

Thanks to Dynamic, we can allow users to connect any wallet to pay for those
NFTs, with a simple integration instead of having us build all those manually.

,

Dynamic's abstractions for wallet authentication and social account linking were
easy to pick up and bring to production. I'm grateful that our engineering team
no longer has to waste time on erroneous wallet errors or integrating web2
authentication. I feel free from one more friction point in web3 development and
genuinely cared for by the Dynamic support team!

,

Dynamic is the best web3 login SDK out there by a mile, it's immediately obvious
that they care deeply about the problem and will ship every day till it dies.

,

Dynamic has easily been one of our favorite service providers to work with.
They've always provided extremely rapid and professional responses to our
queries and quickly implemented our feedback to improve their product. Dynamic
has saved us valuable time and freed up our engineers to focus on building our
core product.

,

We needed a simple developer-first solution to bridge not just assets on-chain,
but even more importantly new users to web3. Dynamic seamlessly does exactly
that

,

We love how Dynamic standardizes our onboarding process and allows us to focus
on developing our app instead of worrying about supporting and maintaining new
wallets.

,

We integrated their auth packages, removed all of our legacy code, and our users
now have a 10x auth experience thanks to the folks at Dynamic.

,

By leveraging the combined power of Dynamic & CoCreate, teams can zero in on the
“What'”, knowing the “How” is being taken care of.

,

Thanks to Dynamic, we can allow users to connect any wallet to pay for those
NFTs, with a simple integration instead of having us build all those manually.

,

Dynamic's abstractions for wallet authentication and social account linking were
easy to pick up and bring to production. I'm grateful that our engineering team
no longer has to waste time on erroneous wallet errors or integrating web2
authentication. I feel free from one more friction point in web3 development and
genuinely cared for by the Dynamic support team!

,

Dynamic is the best web3 login SDK out there by a mile, it's immediately obvious
that they care deeply about the problem and will ship every day till it dies.

,

Dynamic has easily been one of our favorite service providers to work with.
They've always provided extremely rapid and professional responses to our
queries and quickly implemented our feedback to improve their product. Dynamic
has saved us valuable time and freed up our engineers to focus on building our
core product.

,

We needed a simple developer-first solution to bridge not just assets on-chain,
but even more importantly new users to web3. Dynamic seamlessly does exactly
that

,

We love how Dynamic standardizes our onboarding process and allows us to focus
on developing our app instead of worrying about supporting and maintaining new
wallets.

,

We integrated their auth packages, removed all of our legacy code, and our users
now have a 10x auth experience thanks to the folks at Dynamic.

,

By leveraging the combined power of Dynamic & CoCreate, teams can zero in on the
“What'”, knowing the “How” is being taken care of.

,



Our blog


WALLETS, AUTH, AND SO MUCH MORE

Featured article

Learn


THE WEB3 LOGIN FOR EVERYONE - WAGMI VENTURES PODCAST

By
The Dynamic Team
November 2, 2023

In this WAGMI Ventures Podcast, the CEO of Dynamic shares insights on how the
company simplifies wallet management and explores the future of wallets and
crypto.

Read article



MORE ARTICLES FROM DYNAMIC

Learn


COMPLEX EIPS, SIMPLY EXPLAINED: EIP-4337 - ACCOUNT ABSTRACTION

By
Itai Turbahn
October 29, 2023

Learn


SIMPLIFYING SMART WALLETS: ERC 1271 AND ERC 6492 EXPLAINED

By
Itai Turbahn
October 19, 2023

Product


INTRODUCING MOBILE-FIRST EMBEDDED WALLETS WITH PASSKEYS

By
Adam Zion
October 5, 2023
See all articles

Slack support

Reach out to us on Slack, we’re always available to assist you with concerns you
may have

Join our Slack channel


Docs, Docs, Docs

You can leverage our libraries, see code examples, and ask any question in our
Slack community.

Read our documentation



DYNAMIC TAKES MINUTES TO SET UP

(Oh, and we also offer a free multi-chain wallet adapter)

Talk to us

Made with love in Montreal


hello@dynamic.xyz
Features
Embedded Wallets
New
Crypto-Native LoginProfile & Multi WalletAuthorization, Orchestration and More
General
DocumentationProduct walkthroughPricingBrandingKitSecurityBug bounty
programSupportStatus
Compare
RainbowKitConnectKitBlocknative Web3-OnboardPlaid Wallet Onboard
Company
BlogChangelogAboutCareersCustomers
Legal
TermsPrivacy
Cookie settings

© 2023 Dynamic Labs, Inc. All rights reserved.