.login-modal-root{--mb-z-index:300!important;overflow-x:hidden}.login-modal-root .mantine-Modal-content{background:rgba(0,0,0,0);box-shadow:none}.login-modal-content{background:rgba(0,0,0,0);padding:0}.login-modal-body{padding:0}.login-modal-container{position:relative;border-radius:10px;background:#13161b;box-shadow:0 0 8px 0 rgba(0,0,0,.8);padding:25px;height:303px;max-width:400px;margin:0 auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.login-modal-container{height:180px;margin:0 16px;padding:15px;border-radius:10px;max-width:100%}}@media(max-width:480px){.login-modal-container{margin:0 12px;padding:10px;border-radius:10px;max-width:100%}}.login-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8e8e93;transition:all .2s ease;z-index:10}.login-close-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}@media(max-width:480px){.login-close-button{top:12px;right:12px;width:28px;height:28px}.login-close-button svg{width:20px;height:20px}}.login-content{display:flex;flex-direction:column;align-items:center;gap:32px}@media(max-width:480px){.login-content{gap:24px}}.login-title{font-size:26px;font-weight:600;color:#fff;text-align:center;margin:0;line-height:1.2}@media(max-width:768px){.login-title{font-size:24px}}@media(max-width:480px){.login-title{font-size:18px}}.login-button-container{width:100%;margin-top:8px;outline:none;display:block}.login-button-container .connect-button{cursor:pointer;border-radius:4px;background:#63fab3;color:#2f3148;font-family:Inter;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;height:46px;margin-bottom:25px}@media(max-width:768px){.login-button-container .connect-button{height:40px;font-size:14px;padding:0 20px;gap:10px;margin-bottom:15px}}@media(max-width:480px){.login-button-container .connect-button{height:38px;font-size:12px}.login-button-container{margin-top:4px}}.google-login-button{height:46px;background-color:#fff;outline:none;color:#1f1f1f;border:none;border-radius:4px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;padding:0 24px}.google-login-button svg{margin-right:8px}.google-login-button:hover{background-color:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.google-login-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.google-login-button{height:40px;font-size:15px;border-radius:4px;padding:0 20px;gap:10px}}@media(max-width:480px){.google-login-button{height:38px;font-size:12px;border-radius:4px;padding:0 16px;gap:8px}.google-login-button svg{width:18px;height:18px}}.google-login-button .mantine-Button-section{margin:0}.google-login-button .mantine-Button-label{color:#1f1f1f;font-weight:500}.my-custom-notification-root{background-color:#2c2c2e;border:1px solid #3a3a3c;border-radius:12px}@media(max-width:480px){.my-custom-notification-root{border-radius:8px;margin:0 12px}}.my-custom-notification-message{color:#fff;font-size:14px}@media(max-width:480px){.my-custom-notification-message{font-size:13px}}.my-custom-notification-close{color:#8e8e93}.my-custom-notification-close:hover{color:#fff}@media(max-width:375px){.login-modal-container{margin:0 8px;padding:24px 16px 16px;max-width:calc(100vw - 16px)}.login-title{font-size:20px}.google-login-button{height:38px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:18px}}@media(max-width:750px){.login-modal-content{padding:24px 16px}}@media(max-width:320px){.login-modal-container{margin:0 4px;padding:20px 12px 12px;max-width:calc(100vw - 8px)}.login-close-button{top:8px;right:8px;width:24px;height:24px}.login-close-button svg{width:16px;height:16px}}