export declare const modalStyle = "\n\n@keyframes wallet-wc-modal--dim-enter {\n  0% {\n    opacity: 0;\n  }\n  \n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes wallet-wc-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-wc-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  display: grid;\n  place-content: center;\n}\n\n.wallet-wc-modal > .wallet-wc-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-wc-modal--dim-enter 0.2s ease-in-out;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content {\n  border-radius: 8px;\n\n  background-color: #ffffff;\n  box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.43);\n  \n  text-align: center;\n\n  animation: wallet-wc-modal--content-enter 0.2s ease-in-out;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content h1 {\n  color: #3b99fc;\n  \n  font-size: 20px;\n  font-family: sans-serif;\n  font-weight: bold;\n  \n  margin: 0 0 12px 0;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content p {\n  color: #212121;\n  \n  font-size: 14px;\n  font-family: sans-serif;\n  \n  margin: 0 0 32px 0;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content button {\n  display: block;\n  \n  cursor: pointer;\n  outline: none;\n  border: 0;\n  \n  width: 295px;\n  height: 48px;\n  border-radius: 30px;\n  \n  font-size: 14px;\n  font-weight: bold;\n  \n  color: #ffffff;\n  background-color: #2043b5;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content[data-device=\"desktop\"] {\n  padding: 40px 80px;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content[data-device=\"mobile\"] {\n  padding: 40px 20px;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content[data-device=\"mobile\"] h1 {\n  margin-bottom: 32px;\n}\n\n.wallet-wc-modal > .wallet-wc-modal--content[data-device=\"mobile\"] p {\n  display: none;\n}\n";