@import url(https://fonts.googleapis.com/css2?family=Akatab:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap);.connect-modal-overlay{height:100%;background:rgba(23,23,23,.8);backdrop-filter:blur(5px);z-index:2147483645;position:fixed;top:0;left:0;width:100%}*{box-sizing:border-box}a{text-decoration:none}.button:hover{opacity:.8}.connect-modal{z-index:2147483646;font-family:"Akatab",sans-serif;font-weight:700;width:100%;max-width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px -.5px rgba(0,0,0,.2);text-align:center;border-radius:18px;transition:0.2s all ease-in-out;display:flex;margin-top:0;line-height:100%}#button-close{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;align-items:center;justify-content:center;display:flex;min-width:28px;min-height:28px}.connect-modal #button-close{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:100%}#modal-leftside{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:18px;min-height:100%;height:100%}#modal-leftside .title{font-size:20px;margin-bottom:28px;font-weight:900;margin-left:6px;width:100%;margin-top:4px}#modal-leftside .subtitle{font-size:14px;margin-bottom:10px;font-weight:900;margin-left:6px;color:#8a8e8e}#modal-leftside .tabs-wrapper{width:100%;height:100%;padding-bottom:12px;margin-bottom:18px}#modal-leftside .tabs-wrapper .tab-item{font-family:"Space Grotesk",sans-serif;font-weight:500;display:flex;align-items:center;gap:12px;border-radius:12px;height:45px;cursor:pointer;padding:6px;width:100%}#modal-rightside{padding:24px;width:100%;display:none}#modal-rightside .tabcontent{height:100%;display:flex;flex-direction:column;align-items:center}.tab-item-icon{border-radius:25%}#modal-rightside .tabcontent .tab-title{font-size:18px;margin-left:6px;margin-bottom:24px;font-weight:900}#modal-rightside .tabcontent .image-wrapper{width:320px;height:320px;overflow:hidden;margin-right:0;margin-bottom:24px;border-radius:12px}#modal-rightside .tabcontent .image-wrapper .image{width:100%;object-fit:cover}.tabcontent{display:none}.button-primary{background:#3893f6;font-size:14px;padding:8px 12px;border-radius:20px;color:#fff;cursor:pointer;font-weight:700}.button-link{font-size:14px;padding:8px 12px;border-radius:20px;color:#3893f6;cursor:pointer;font-weight:700}.tab-footer{display:flex;width:100%;align-items:center;justify-content:space-between}.tab-footer .footer-label{font-size:14px;color:#989dac}.tab-footer .footer-button{font-size:12px;padding:8px 12px;border-radius:20px;color:#3893f6;cursor:pointer;font-weight:900}.button-back-modal{height:25px;width:25px;transition:0.2s ease;cursor:pointer;position:absolute;left:16px;top:22px}.button-back-modal:hover{transform:scale(105%)}.modal-loader{height:456px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-loader .modal-loader-image-wrapper{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;margin-bottom:12px}.modal-loader .modal-loader-image-wrapper .image{width:100%;object-fit:cover}.modal-loader-title{font-size:18px;margin-bottom:8px}.modal-loader-description{font-size:14px;color:#979a9a;margin-bottom:16px}.modal-loader-icon{opacity:.5;animation:modal-loader 3s linear infinite}@keyframes modal-loader{to{transform:rotate(360deg)}}[data-theme="light"]{.connect-modal{color:#25292e;background-color:#fff;border:1px solid #2c2d31}.connect-modal #button-close{background:#e6e6e6}#modal-leftside .tabs-wrapper{border-bottom:1px solid #f0f0f0}#modal-leftside .tabs-wrapper .tab-item:hover{background:#e6e6e6}#modal-rightside .tabcontent .image-wrapper{border:f0f0f0#0f0f0f}.tab-footer .footer-button{background:#f0f0f0}}[data-theme="dark"]{.connect-modal{color:#e6e6e6;background-color:#1a1b1f;border:1px solid #4a4b4b}.connect-modal #button-close{background:#2c2d31}#modal-leftside .tabs-wrapper{border-bottom:1px solid #0f0f0f}#modal-leftside .tabs-wrapper .tab-item:hover{background:#2b2c31}#modal-rightside .tabcontent .image-wrapper{border:#0f0f0f}.tab-footer .footer-button{background:#0f0f0f}}