export declare const modalStyle = "\n\n@keyframes wallet-readonly-modal--dim-enter {\n  0% {\n    opacity: 0;\n  }\n  \n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes wallet-readonly-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@keyframes wallet-readonly-modal--content-slide {\n  0% {\n    opacity: 0;\n    transform: translateY(300px);\n  }\n  \n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.wallet-readonly-modal {\n  position: fixed;\n  z-index: 100000;\n\n  color: #212121;\n  font-family: sans-serif;\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-readonly-modal select, .wallet-readonly-modal input {\n  color: #212121;\n  background-color: #ffffff;\n}\n\n.wallet-readonly-modal > .wallet-readonly-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-readonly-modal--dim-enter 0.2s ease-in-out;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content {\n  box-sizing: border-box;\n  \n  max-width: 640px;\n  width: 100vw;\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-readonly-modal--content-enter 0.2s ease-in-out;\n\n  padding: 40px;\n  \n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content h1 {\n  font-size: 20px;\n  font-weight: bold;\n  \n  margin: 0 0 12px 0;\n\n  text-align: center;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content label {\n  display: block;\n\n  color: #00b1ff;\n  font-size: 14px;\n  font-weight: 600;\n\n  margin-bottom: 8px;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content .select-wrapper {\n  position: relative;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content .select-wrapper svg {\n  position: absolute;\n  right: 10px;\n  top: 11px;\n  \n  width: 20px;\n  height: 20px;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content .select-wrapper svg path {\n  color: #212121;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content .select-wrapper select {\n  outline: none;\n  appearance: none;\n\n  width: 100%;\n  height: 45px;\n\n  border: 1px solid #cfd8ea;\n  border-radius: 8px;\n\n  padding: 0 25px 0 15px;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content .select-wrapper select:focus {\n  border-color: #2043b5;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content input {\n  box-sizing: border-box;\n  outline: none;\n\n  width: 100%;\n  height: 45px;\n\n  border: 1px solid #cfd8ea;\n  border-radius: 8px;\n\n  padding: 0 15px;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content input:focus {\n  border-color: #2043b5;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content button {\n  margin-top: 20px;\n  \n  display: block;\n  \n  cursor: pointer;\n  outline: none;\n  border: 0;\n  \n  width: 100%;\n  height: 48px;\n  border-radius: 30px;\n  \n  font-size: 14px;\n  font-weight: bold;\n  \n  color: #ffffff;\n  background-color: #00b1ff;\n}\n\n.wallet-readonly-modal > .wallet-readonly-modal--content button:disabled {\n  opacity: 0.4;\n}\n\n@media (max-width: 450px) {\n  .wallet-readonly-modal {\n    place-content: flex-end;\n  }\n  \n  .wallet-readonly-modal > .wallet-readonly-modal--content {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    \n    padding-bottom: 100px;\n    \n    animation: wallet-readonly-modal--content-slide 0.2s ease-in-out;\n  }\n}\n";