.login-form{background:var(--color-white);border:1px solid var(--color-tertiary-500);border-radius:var(--radius-2xl);width:100%;max-width:340px;font-family:var(--font-primary);color:var(--color-text-500);box-sizing:border-box;flex-direction:column;gap:24px;padding:24px;display:flex;position:relative}.login-form__banner{background:var(--color-error-400);border:1px solid var(--color-error-500);color:var(--color-error-500);font-size:var(--font-size-sm);text-align:center;border-radius:12px;padding:12px 16px;font-weight:500;line-height:1.25}.login-form__fields{flex-direction:column;gap:16px;width:100%;display:flex}.login-form__fields>.f-text{width:100%;padding-left:0;padding-right:0}.login-form__submit{width:100%}.login-form__helper{font-size:var(--font-size-md);justify-content:center;align-items:center;gap:8px;line-height:1.5;display:flex}.login-form__helper .icon{width:20px;height:20px;color:var(--color-text-500);flex-shrink:0}.login-form__link{color:var(--color-conversion-600);text-underline-offset:2px;font-weight:700;text-decoration:underline}.login-form__link:hover{color:var(--color-conversion-500)}.login-form__social{justify-content:center;align-items:center;gap:8px;display:flex}.login-form__social-btn{background:var(--color-white);border:1px solid var(--color-tertiary-500);width:64px;height:40px;color:var(--color-text-500);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:inline-flex}.login-form__social-btn:hover{background:var(--color-tertiary-300)}.login-form__social-btn .icon{width:20px;height:20px}.login-form-popover{z-index:50;width:340px;position:relative}.login-form-popover__caret{top:-7px;right:var(--login-form-caret-right,36px);background:var(--color-white);border-top:1px solid var(--color-tertiary-500);border-left:1px solid var(--color-tertiary-500);z-index:1;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.login-form-popover .login-form{box-shadow:0 8px 16px 2px #0f1c7b26}.login-form-modal{z-index:100;background:#0f1c7b73;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out login-form-modal-fade;display:flex;position:fixed;inset:0}.login-form-modal__inner{position:relative}.login-form-modal__close{width:32px;height:32px;color:var(--color-text-400);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.login-form-modal__close:hover{background:var(--color-tertiary-400);color:var(--color-text-500)}.login-form-modal__close .icon{width:18px;height:18px}.login-form-modal .login-form{box-shadow:0 16px 32px 4px #0f1c7b33}@keyframes login-form-modal-fade{0%{opacity:0}to{opacity:1}}