@media screen and (max-width:768px){.popover-modal.auth-popover{width:90%}}@container page-container (width<=768px){.popover-modal.auth-popover{width:90%}}.popover-modal.auth-popover .success-state,.popover-modal.auth-popover .loading-state{align-items:center;gap:8px;display:flex}.popover-modal.auth-popover .auth-wrap{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:none;margin:0 auto;padding:75px 75px 50px;display:flex}@media screen and (max-width:768px){.popover-modal.auth-popover .auth-wrap{padding:75px 20px 50px}}@container page-container (width<=768px){.popover-modal.auth-popover .auth-wrap{padding:75px 20px 50px}}.popover-modal.auth-popover .divider{border-top:1px solid var(--ui-border)}.popover-modal.auth-popover .form-title{text-align:center;font-size:21px;font-weight:400;line-height:1.4}.popover-modal.auth-popover .toggle-btn-wrap{flex-direction:column;align-items:center;display:flex}.popover-modal.auth-popover .login-block{border-top:1px solid var(--ui-border);flex-direction:column;width:100%;max-width:300px;padding:20px 0 0;display:flex}.popover-modal.auth-popover .login-block .form-link,.popover-modal.auth-popover .login-block p.login-link-text{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}:is(.popover-modal.auth-popover .login-block .form-link,.popover-modal.auth-popover .login-block p.login-link-text).opacity{opacity:.5}.popover-modal.auth-popover a.form-link:link,.popover-modal.auth-popover a.form-link:visited,.popover-modal.auth-popover a.form-link:hover,.popover-modal.auth-popover a.form-link:active{color:inherit;text-decoration:none}.popover-modal.auth-popover .form-ui-btn{width:100%;max-width:300px}.popover-modal.auth-popover .form-btn-wrap{width:100%}.popover-modal.auth-popover .credential-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.popover-modal.auth-popover .credential-form label.auth-form-label{flex-direction:column;width:100%;margin-bottom:0;display:flex}.popover-modal.auth-popover .credential-form label.auth-form-label .auth-form-label-text{box-sizing:border-box;color:var(--ui-clr-400);padding:0 0 .2em;font-size:.9rem;line-height:1.4}.popover-modal.auth-popover .credential-form label.auth-form-label input{border:1px solid var(--ui-border);background-color:var(--ui-input-background);color:var(--ui-input-text);border-radius:8px;padding:1em;font-size:1rem;font-weight:300;line-height:1.4}.popover-modal.auth-popover .credential-form label.auth-form-label input::placeholder{color:var(--ui-input-placeholder)}.popover-modal.auth-popover .credential-form label.auth-form-label input:focus-within{border:1px solid var(--ui-clr-700);outline:none;box-shadow:0 0 12px #00000021}