dialog.demo-contact-dialog::backdrop{background:#000000b8}dialog.demo-contact-dialog{opacity:0;transform:scale(0);box-shadow:0 0 48px #00000014;max-width:100vw}dialog[open].demo-contact-dialog{opacity:1;transform:scale(1)}.demo-contact-dialog{width:100%;background:transparent;border:none;box-shadow:none;height:100%;display:flex;justify-content:center;align-items:center}.demo-contact-dialog .contact-hero{width:100%;margin:auto 16px;display:block}.demo-contact-dialog .contact-hero.is-hide{display:none}.demo-contact-dialog .contact-hero__form{align-self:stretch;background:#fff;box-shadow:0 0 48px #00000014;background-color:#fff;border-radius:8px 0;padding:16px;display:flex;flex-direction:column;gap:8px;width:100%;height:fit-content;box-sizing:border-box}.demo-contact-dialog .contact-hero__form *{box-sizing:border-box}.demo-contact-dialog .contact-hero__field{display:flex;flex-direction:column;gap:8px}.demo-contact-dialog .contact-hero__field label{font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#2f2f2f}.demo-contact-dialog .contact-hero__field input,.demo-contact-dialog .contact-hero__field textarea{width:100%;border:1px solid rgba(28,9,165,.4);border-radius:8px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:500;padding:14px 12px;color:#2f2f2f;background:#fff}.demo-contact-dialog .contact-hero__field input:focus-visible,.demo-contact-dialog .contact-hero__field textarea:focus-visible{outline:2px solid #1c09a5;outline-offset:2px;border-color:#1c09a5}.demo-contact-dialog .contact-hero__field textarea{min-height:160px;resize:vertical}.demo-contact-dialog .contact-hero__field--message textarea{min-height:240px}.demo-contact-dialog .contact-hero__submit{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:19px 24px;min-width:150px;height:48px;border:none;border-radius:4px;background:#1c09a5;color:#fff;font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease;justify-content:center}.demo-contact-dialog .contact-hero__submit-icon--wrapper{width:24px;height:24px;display:flex;align-items:center}.demo-contact-dialog .contact-hero__submit-icon--wrapper img,.demo-contact-dialog .contact-hero__submit-icon--wrapper svg{width:80%;height:80%}.demo-contact-dialog .contact-hero__submit:hover{background:#1b099e;transform:translateY(-1px)}.demo-contact-dialog .contact-hero__submit:active{transform:translateY(0)}.demo-contact-dialog .contact-hero__submit:focus-visible{outline:2px solid #1c09a5;outline-offset:3px}.demo-contact-dialog .success-message-section{width:auto;margin:auto 16px;text-align:center;display:none}.demo-contact-dialog .success-message-section.is-visible{display:block}.demo-contact-dialog .success-message-section .success-message-wrapper{background:#fff;padding:24px 16px;border-radius:16px 0}.demo-contact-dialog .success-message-section .success-message-wrapper__image{margin-bottom:24px}.demo-contact-dialog .success-message-section .success-message-wrapper__title{margin-bottom:16px;font-weight:800}.demo-contact-dialog .success-message-section .success-message-wrapper__description{font-weight:600}.demo-contact-dialog .success-message-section .success-message-wrapper__message{margin-bottom:24px;color:#2f2f2f}.demo-contact-dialog .success-message-section .success-message-wrapper__submit{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-width:150px;height:48px;border:none;border-radius:4px;background:#1c09a5;color:#fff;font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease;justify-content:center}.demo-contact-dialog .success-message-section .success-message-wrapper__submit-icon--wrapper{width:24px;height:24px;display:flex;align-items:center}.demo-contact-dialog .success-message-section .success-message-wrapper__submit-icon--wrapper img,.demo-contact-dialog .success-message-section .success-message-wrapper__submit-icon--wrapper svg{width:80%;height:80%}.demo-contact-dialog .success-message-section .success-message-wrapper__submit:hover{background:#190892;transform:translateY(-1px)}.demo-contact-dialog .success-message-section .success-message-wrapper__submit:active{transform:translateY(0)}.demo-contact-dialog .success-message-section .success-message-wrapper__submit:focus-visible{outline:2px solid #1c09a5;outline-offset:3px}@media(min-width:768px){.demo-contact-dialog .contact-hero{width:635px}.demo-contact-dialog .contact-hero__form{padding:24px;border-radius:24px 0;gap:24px;width:100%}.demo-contact-dialog .contact-hero__field label{font-size:16px}.demo-contact-dialog .contact-hero__field input,.demo-contact-dialog .contact-hero__field textarea{font-size:14px}.demo-contact-dialog .contact-hero__submit{font-size:16px}.demo-contact-dialog .success-message-section{width:auto;margin:auto 16px;text-align:center;display:none}.demo-contact-dialog .success-message-section.is-visible{display:block}.demo-contact-dialog .success-message-section .success-message-wrapper{max-width:507px;height:auto;margin:0 auto;padding:40px}.demo-contact-dialog .success-message-section .success-message-wrapper__image{margin-bottom:32px}.demo-contact-dialog .success-message-section .success-message-wrapper__title{margin-bottom:24px}.demo-contact-dialog .success-message-section .success-message-wrapper__message{margin-bottom:32px;font-size:20px;color:#2f2f2f}.demo-contact-dialog .success-message-section .success-message-wrapper__submit{min-width:180px;height:64px;font-size:16px;padding:unset}}@media(min-width:1024px){.demo-contact-dialog .contact-hero__form{border-radius:24px 0;width:100%}}@media(min-width:1920px){.demo-contact-dialog .contact-hero__form{padding:24px;border-radius:24px 0;min-height:608px;width:100%;gap:24px}.demo-contact-dialog .contact-hero__field label{font-size:20px}.demo-contact-dialog .contact-hero__field input,.demo-contact-dialog .contact-hero__field textarea{font-size:20px;padding:18px 14px}.demo-contact-dialog .contact-hero__field--message textarea{min-height:320px}.demo-contact-dialog .contact-hero__line-and-dot{width:700px}.demo-contact-dialog .contact-hero__submit{min-width:180px;height:64px}}