export declare const modalStyle = "\n@keyframes wallet-select-modal--dim-enter {\n  0% {\n    opacity: 0;\n  }\n  \n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes wallet-select-modal--content-enter {\n  0% {\n    opacity: 0;\n    transform: scale(0.4);\n  }\n  \n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.wallet-select-modal {\n  position: fixed;\n  z-index: 100000;\n  \n  color: #212121;\n  \n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  \n  font-family: sans-serif;\n  \n  display: grid;\n  place-content: center;\n}\n\n.wallet-select-modal > .wallet-select-modal--dim {\n  position: fixed;\n  z-index: -1;\n  \n  left: 0;\n  top: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.3);\n  \n  animation: wallet-select-modal--dim-enter 0.2s ease-in-out;\n}\n\n.wallet-select-modal > .wallet-select-modal--content {\n  box-sizing: border-box;\n  \n  border-radius: 8px;\n  \n  background-color: #ffffff;\n  box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.43);\n  \n  animation: wallet-select-modal--content-enter 0.2s ease-in-out;\n  \n  width: 100vw;\n  max-width: 480px;\n  padding: 40px;\n}\n\n.wallet-select-modal > .wallet-select-modal--content h1 {\n  font-size: 20px;\n  font-weight: bold;\n  \n  margin: 0 0 32px 0;\n  \n  text-align: center;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  \n  display: flex;\n  flex-direction: column;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul li {\n  border-top: 1px solid #cfd8ea;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul li:last-child {\n  border-bottom: 1px solid #cfd8ea;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button {\n  width: 100%;\n  height: 66px;\n  \n  border: none;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  \n  display: flex;\n  gap: 10px;\n  align-items: center;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button:hover {\n  background-color: hsl(220, 39%, 86%, 0.25);\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button .wallet-select-modal--icon {\n  display: inline-grid;\n  width: 50px;\n  height: 50px;\n  \n  place-content: center;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button .wallet-select-modal--icon img {\n  width: 30px;\n  height: 30px;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button .wallet-select-modal--description {\n  flex: 1;\n  text-align: left;\n  \n  font-size: 16px;\n  font-weight: 600;\n  color: #212121;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button svg {\n  width: 18px;\n  height: 18px;\n  \n  fill: #cfd8ea;\n}\n\n.wallet-select-modal > .wallet-select-modal--content ul button:hover svg {\n  fill: #2043b5;\n}\n\n@media (max-width: 450px) {\n  .wallet-select-modal {\n    place-content: flex-end;\n  }\n  \n  .wallet-select-modal > .wallet-select-modal--content {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n";