@import url("css2-1-1.css");
.adapter-react-button { display: inline-flex; color: rgb(255, 255, 255); cursor: pointer; height: 48px; background-color: rgb(15, 17, 26); border: none; border-radius: 4px; align-items: center; padding: 0px 24px; font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 48px; user-select: none; -webkit-tap-highlight-color: transparent; white-space: pre; }
.adapter-react-button:focus { outline: none; }
.adapter-react-button:focus-visible { outline: white solid 2px; }
.adapter-react-button:not([disabled]):hover { background-color: rgb(55, 60, 71); }
.adapter-react-button[disabled] { background: rgb(64, 65, 68); color: rgb(153, 153, 153); cursor: not-allowed; }
.adapter-react-button .button-icon { margin-right: 12px; }
.adapter-react-button .button-icon, .adapter-react-button .button-icon img { display: block; width: 28px; height: 28px; }
.adapter-modal { position: fixed; box-sizing: border-box; width: 100vw; height: 100vh; inset: 0px; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.2s ease-in-out; overflow: hidden; z-index: 999; padding: 40px 20px 20px; opacity: 0; pointer-events: none; }
.adapter-modal-fade-in { opacity: 1; pointer-events: auto; transform: scale(1); }
.adapter-modal-wrapper { width: 100%; max-width: 400px; background-color: rgb(40, 44, 52); border-radius: 10px; color: rgb(255, 255, 255); display: flex; flex-direction: column; font-size: 2rem; box-shadow: rgba(0, 0, 0, 0.6) 0px 8px 20px; font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.adapter-modal-wrapper .adapter-list { padding-bottom: 48px; }
.adapter-modal-header { position: relative; padding: 64px 48px 48px; }
.adapter-modal-header .adapter-modal-title { font-size: 24px; font-weight: 500; line-height: 34px; text-align: center; }
@media (max-width: 374px) {
  .adapter-modal-header .adapter-modal-title { font-size: 18px; }
}
.adapter-modal-header .close-button { width: 40px; height: 40px; position: absolute; cursor: pointer; background: rgb(26, 31, 46); border: none; border-radius: 50%; justify-content: center; align-items: center; padding: 12px; display: flex; top: 18px; right: 18px; -webkit-tap-highlight-color: transparent; }
.adapter-modal-header .close-button:focus { outline: none; }
.adapter-modal-header .close-button:focus-visible { outline: white solid 2px; }
.adapter-modal-header .close-button::before, .adapter-modal-header .close-button::after { content: ""; display: block; width: 19px; height: 2px; background-color: rgb(119, 119, 119); position: absolute; inset: 0px; margin: auto; }
.adapter-modal-header .close-button::before { transform: rotate(45deg); }
.adapter-modal-header .close-button::after { transform: rotate(-45deg); }
.adapter-modal-header .close-button:hover::before, .adapter-modal-header .close-button:hover::after { background-color: rgb(250, 235, 215); }
.adapter-wallet-item .adapter-react-button { width: 100%; background-color: transparent; }
.adapter-wallet-item .status-text { opacity: 0.6; margin-left: auto; font-size: 14px; font-weight: 400; }
.adapter-dropdown { position: relative; z-index: 99; display: inline-block; }
.adapter-dropdown-collapse { position: absolute; margin: auto; top: 100%; right: 0px; left: 0px; display: inline-flex; }
.adapter-dropdown-list { margin: 0px auto; width: 150px; list-style-type: none; border-radius: 10px; font-family: "DM Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; flex-direction: column; position: relative; top: 5px; padding: 5px; overflow: hidden; height: min-content; background: rgb(44, 45, 48); }
.adapter-dropdown-list li { margin: auto; color: rgb(255, 255, 255); cursor: pointer; white-space: nowrap; box-sizing: border-box; width: 100%; height: 37px; border: none; border-radius: 6px; outline: none; flex-direction: row; justify-content: center; align-items: center; padding: 0px 20px; font-size: 14px; font-weight: 600; display: flex; }
.adapter-dropdown-list li:not([disabled]):hover { background-color: rgb(55, 60, 71); }