body.spa-demo-modal-is-open,html.spa-demo-modal-is-open{overflow:hidden}.spa-demo-modal{--spa-font:var(--spa-font-ui,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif);align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(180deg,#f8fafc1f,#f8fafc08),#0f172a06;display:flex;font-family:var(--spa-font);inset:0;justify-content:center;padding:max(1.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));position:fixed;z-index:1400}.spa-demo-modal,.spa-demo-modal *,.spa-demo-modal :after,.spa-demo-modal :before{box-sizing:border-box}.spa-demo-modal__panel{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001f,0 2px 10px #0000000a;color:#242424;max-height:calc(100dvh - 2rem);max-width:440px;overflow-x:hidden;overflow-y:auto;padding:44px;position:relative;width:100%}.spa-demo-modal__close{align-items:center;background:transparent;border:0;border-radius:50%;color:#242424;cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;padding:0;position:absolute;right:18px;top:18px;transition:background .2s;width:32px}.spa-demo-modal__close:hover{background:#f2f2f2}.spa-demo-modal__title{color:#161616;font-size:24px;font-weight:600;margin:0 0 16px}.spa-demo-form{display:flex;flex-direction:column}.spa-demo-form__group{display:block;margin-bottom:16px}.spa-demo-form__honeypot{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.spa-demo-form input{background:#fff;border:1px solid #737373;border-radius:4px;color:#242424;font-family:inherit;font-size:15px;padding:10px 12px;transition:all .2s;width:100%}.spa-demo-form input:focus{border-color:#000;outline:1px solid #000}.spa-demo-form input.is-invalid{border-color:#b42318;outline:1px solid #b42318}.spa-demo-form__error,.spa-demo-form__group small{color:#8a2323;display:block;font-size:13px;line-height:1.45;margin:8px 0 0}.spa-demo-form__error{background:#fff4f4;border:1px solid #f0caca;border-radius:4px;padding:8px 10px}.spa-demo-form__submit{align-self:flex-end;background-color:#07527e;border:1px solid #07527e;border-radius:4px;box-shadow:0 8px 18px #07527e2e;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;margin-top:16px;padding:10px 32px;transition:background .2s,border-color .2s,box-shadow .2s}.spa-demo-form__submit:hover{background-color:#053f63;border-color:#053f63;box-shadow:0 10px 22px #07527e3d}.spa-demo-form__submit:focus-visible{outline:2px solid #000;outline-offset:4px}.spa-demo-form__submit:disabled{cursor:wait;opacity:.72}.spa-demo-modal__success{display:flex;flex-direction:column}.spa-demo-modal__success p{color:#1a481a;font-size:14px;line-height:1.45;margin:0}.spa-demo-modal-enter-active,.spa-demo-modal-leave-active{transition:opacity .2s ease}.spa-demo-modal-enter-active .spa-demo-modal__panel,.spa-demo-modal-leave-active .spa-demo-modal__panel{transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1)}.spa-demo-modal-enter-from,.spa-demo-modal-leave-to{opacity:0}.spa-demo-modal-enter-from .spa-demo-modal__panel,.spa-demo-modal-leave-to .spa-demo-modal__panel{opacity:0;transform:translateY(10px)}@media(max-width:600px){.spa-demo-modal{align-items:center;padding:1rem}.spa-demo-modal__panel{box-shadow:0 10px 25px #0000001a;padding:32px 24px}.spa-demo-form__submit{align-self:stretch;width:100%}}