.login-modal{width:min(400px,70vw);padding:2rem!important;transition:all .3s ease-in-out}.login-modal .state-container{display:grid;height:18.125rem;width:100%}.login-modal .state-container>*{grid-area:1 / 1}.login-modal .login-state{width:100%;height:100%;text-align:center}.login-modal .login-state h1,.login-modal .login-state p{margin:0}.login-modal .login-state h1{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold)}.login-modal .icon-container{position:relative;width:90px;height:90px}.login-modal .modal-icon{width:90px;height:90px}.login-modal .sign-in-state{display:flex;flex-direction:column}.login-modal .sign-in-state .icon-container{margin:2rem auto .5rem}.login-modal .sign-in-state .state-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:8.5rem;width:100%;gap:2rem;text-wrap:balance}.login-modal .email-sent-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.login-modal .email-form{width:100%}.login-modal .email-form .form-group{margin-bottom:16px}.login-modal .email-form .form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.login-modal .email-form .form-group input:focus{outline:none;border-color:#000}.login-modal .email-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.login-modal .email-form .btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;padding:12px 24px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.login-modal .email-form .btn-primary:hover:not(:disabled){opacity:.9}.login-modal .email-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-modal .email-form .btn-primary .button-status-icon{width:1.25rem;height:1.25rem}.login-modal .email-form .error{margin-top:12px;margin-bottom:0;color:#dc2626;font-size:14px}.slide-enter-active{transition:all .4s ease-out}.slide-leave-active{transition:all .3s ease-in}.slide-enter-from{opacity:0;transform:translate(-20px)}.slide-enter-to,.slide-leave-from{opacity:1;transform:translate(0)}.slide-leave-to{opacity:0;transform:translate(20px)}.copy-enter-active,.copy-leave-active{transition:opacity .2s ease-in-out}.copy-enter-from,.copy-leave-to{opacity:0}