.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:200px;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:22px}}.login-button-container{width:100%;margin-top:8px;outline:none}@media(max-width:480px){.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:48px;font-size:15px;border-radius:4px;padding:0 20px;gap:10px}}@media(max-width:480px){.google-login-button{height:44px;font-size:14px;border-radius:8px;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:42px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:18px}}@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}}