@web3mq/dapp-connect-react/dist/css/index.css

DappConnect-react-components

.index_loadingContainer__fzCYD{display:flex;justify-content:center;width:100%}.index_loadingContainer__fzCYD .index_defaultLoading__Cwu15{animation:index_circle__Z0SjU .75s linear infinite;background-color:#615ef0;background:conic-gradient(from 13.39deg at 50% 50%,#615ef0 0deg,rgba(97,94,240,0) 65.78deg,#615ef0 1turn);border-radius:100%;height:42px;position:relative;width:42px}.index_loadingContainer__fzCYD .index_defaultLoading__Cwu15:after{background-clip:content-box;background-color:#fff;border:6px solid transparent;border-radius:100%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}@keyframes index_circle__Z0SjU{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1,.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{box-sizing:border-box;position:relative}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1{color:#006cff;display:block;font-size:0}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{background-color:currentColor;border:0 solid;display:inline-block;float:none}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1{width:40px}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div{animation:index_ball-fall__K6OPc 1.3s ease-in-out infinite;border-radius:100%;height:6px;margin:2px;opacity:0;width:6px}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:first-child{animation-delay:-.2s}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:nth-child(2){animation-delay:-.1s}.index_loadingContainer__fzCYD .index_spinLoading__9GSw1>div:nth-child(3){animation-delay:0ms}@keyframes index_ball-fall__K6OPc{0%{opacity:0;transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}90%{opacity:.5}to{opacity:0;transform:translateY(145%)}}.index_modal__8hqpA{background:rgba(0,0,0,.24);bottom:0;left:0;position:absolute;right:0;top:0;z-index:40}.index_dialog__-CY4G{background-color:#fff;border-radius:18px;left:50%;min-height:80px;padding-bottom:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:420px}.index_mobileStyle__PXyyW{border-radius:unset;height:100%;min-height:600px;min-width:375px;width:100%}.index_titleContainer__Zh5W-{align-items:center;display:flex;height:50px;padding:14px 16px;position:relative}.index_title__slMUl{color:#000;font-size:18px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.index_closeBtn__wSgXt{align-items:center;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.index_closeBtn__wSgXt:hover{color:#71717a}.index_leftBtn__3ROua{cursor:pointer;left:30px;position:absolute}.index_enter__yf535{opacity:0}.index_enterActive__JlTE1{opacity:1;transition:opacity .25s ease-in-out}.index_enterDone__Uc1Qk,.index_exit__j7YTj{opacity:1}.index_exitActive__0X18R{opacity:0;transition:opacity .25s ease-in-out}.index_exitDone__Czhm6{opacity:0}.index_contentEnter__vObje{top:100%}.index_contentEnterActive__--0so{top:50%;transition:top .2s ease-in-out}.index_contentEnterDone__NmBEt,.index_contentExit__j47VF{top:50%}.index_contentExitActive__FIRqW{top:100%;transition:top .2s ease-in-out}.index_contentExitDone__MPb9B{top:100%}.index_mq-btn__0UGyk{background-color:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;height:33px;line-height:1.42857143;padding:6px 16px;position:relative;text-align:center;white-space:nowrap}.index_mq-btn__0UGyk>span{display:inline-block}.index_mq-btn__0UGyk>span:nth-of-type(2){margin-left:8px}.index_mq-btn-icon__cQP-g{vertical-align:sub}.index_mq-btn-default__fHGCj{background-color:#fff;border:1px solid #e4e4e7;color:#18181b}.index_mq-btn-default__fHGCj:hover{background-color:#f4f4f5}.index_mq-btn-default__fHGCj:disabled{background-color:#f4f4f5;color:#a1a1aa}.index_mq-btn-primary__H-Gct{background-color:#615ef0;color:#fff}.index_mq-btn-primary__H-Gct:hover{background-color:#3d3abb}.index_mq-btn-primary__H-Gct:disabled{opacity:.5}.index_mq-btn-ghost__z8qbB{background-color:#fff;border:1px solid #d2d1f9;color:#615ef0}.index_mq-btn-ghost__z8qbB:hover{background-color:#f4f4fe;border:1px solid #615ef0}.index_mq-btn-ghost__z8qbB:disabled{background-color:#f4f4fe;color:#8885fd}.index_mq-btn-danger__xKqGv{background-color:#ef4343;color:#fff}.index_mq-btn-danger__xKqGv:hover{background-color:#ba1c1c}.index_mq-btn-danger__xKqGv:disabled{background-color:#fef1f1;color:#fd6b6b}.index_mq-btn-danger__xKqGv:disabled,.index_mq-btn-default__fHGCj:disabled,.index_mq-btn-ghost__z8qbB:disabled,.index_mq-btn-primary__H-Gct:disabled{border:none;cursor:not-allowed}.index_mq-btn-danger__xKqGv:disabled>*,.index_mq-btn-default__fHGCj:disabled>*,.index_mq-btn-ghost__z8qbB:disabled>*,.index_mq-btn-primary__H-Gct:disabled>*{pointer-events:none}.index_mq-btn-sm__24w-B{height:28px;padding:3px 8px}.index_mq-btn-lg__in5g4{border-radius:8px;font-size:16px;height:42px;line-height:1.25;padding:10px 20px}.index_mq-btn-block__zlh0E{width:100%}.index-module_qrCodeBox__5XfOD{padding:24px 8px 8px}.index-module_qrCodeBox__5XfOD .index-module_title__ZlTOv{align-items:center;color:#18181b;display:flex;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;justify-content:center;line-height:20px;width:100%}.index-module_qrCodeBox__5XfOD .index-module_title__ZlTOv>span{color:#663cee}.index-module_qrCodeBox__5XfOD .index-module_imgBox__pZOlu{align-items:center;display:flex;min-height:300px}.index-module_qrCodeBox__5XfOD img{height:100%;width:100%}.index-module_qrCodeBox__5XfOD .index-module_openLinkBox__2e3qM{text-align:center;width:100%}.index-module_qrCodeBox__5XfOD .index-module_openLinkBox__2e3qM .index-module_openLinkText__EQe-g{align-items:center;background:#fdfdfd;border:1px solid #e4e4e7;border-radius:12px;color:#52525b;display:flex;height:40px;justify-content:center;width:100%}.index-module_qrCodeBox__5XfOD .index-module_openLinkBox__2e3qM .index-module_openLinkBtn__yLq2E{border-radius:8px;height:44px;margin-bottom:10px;margin-top:10px;width:100%}.index-module_qrCodeBox__5XfOD .index-module_warningText__qKg7f{background:#fefce7;border:1px solid #fef9c3;border-radius:12px;color:#c88a04;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:12px}.index-module_dappConnectModalHead__7781g{align-items:center;border-radius:0;box-sizing:border-box;display:flex;height:50px;padding:14px 16px;position:relative}.index-module_dappConnectModalHead__7781g .index-module_title__XmVue{font-size:18px;font-weight:500;letter-spacing:0;line-height:22px;text-align:center;width:100%}.index-module_dappConnectModalHead__7781g .index-module_backBtn__mZVn8{align-items:center;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.index-module_dappConnectModalHead__7781g .index-module_backBtn__mZVn8:hover{color:#71717a}.index-module_dappConnectModalHead__7781g .index-module_closeBtn__Hk0na{align-items:center;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.index-module_dappConnectModalHead__7781g .index-module_closeBtn__Hk0na:hover{color:#71717a}.index-module_dappConnectModalMobileHead__6b0aX{height:60px;padding:0}.index-module_modalBody__o2iO9{background-color:#fff;height:calc(100% - 65px);overflow-x:hidden;overflow-y:auto;padding:0 16px}.index-module_iconBox__7pQ24{display:flex;height:42px;justify-content:center;margin-top:20px;width:100%}.index-module_title__e2Tzy{color:#18181b;font-size:18px;font-weight:600;margin-top:16px;width:100%}.index-module_textContent__Swtps,.index-module_title__e2Tzy{font-family:Inter,sans-serif;font-style:normal;text-align:center}.index-module_textContent__Swtps{color:#71717a;font-size:14px;font-weight:400;margin-top:8px}.index-module_buttonBox__G-nGE{margin-top:42px}.index-module_buttonBox__G-nGE button{width:100%}