@layer components-contact-form{@keyframes contactFormSuccessAnimation{0%{opacity:0;visibility:visible}3%{opacity:1}75%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes contactFormFadeOutInAnimation{0%{opacity:1;visibility:visible}3%{opacity:0;visibility:hidden}75%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}.contact-form-container{position:relative;border-radius:1.25rem;overflow:hidden}.contact-form-container.light .formGroup label,.contact-form-container.light .success-animation-container .success-animation-content h2{color:#000}.contact-form-container.dark .formGroup label,.contact-form-container.dark .success-animation-container .success-animation-content h2{color:#fff}.contact-form-container .contact-form{display:flex;flex-direction:column;row-gap:1.5rem;padding:2rem;font-family:Outfit,sans-serif}.contact-form-container .contact-form.fade-out-in{animation:contactFormFadeOutInAnimation 5s ease-out}.contact-form-container .contact-form .submitButton{padding:.75rem 1.25rem;width:100%;background-color:#50e3c2;border-radius:3.125rem;color:#000;text-align:center;font-size:1.375rem;font-weight:500;-webkit-letter-spacing:.125rem;-moz-letter-spacing:.125rem;-ms-letter-spacing:.125rem;letter-spacing:.125rem;transition:background-color .3s ease-out}.contact-form-container .contact-form .submitButton:hover{background-color:rgba(80,227,194,.8)}.contact-form-container .contact-form .submitButton:disabled{opacity:.5;cursor:not-allowed}.contact-form-container .contact-form .form-feedback{padding:0 1.5rem 1.5rem;font-size:1.25rem}.contact-form-container .success-animation-container{position:absolute;width:100%;height:100%;z-index:10;display:flex;visibility:hidden}.contact-form-container .success-animation-container .success-animation-content{flex:1 1;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(15%);transition:transform .3s cubic-bezier(.3,.1,.3,1)}.contact-form-container .success-animation-container .success-animation-content h2{text-align:center}.contact-form-container .success-animation-container.visible{animation:contactFormSuccessAnimation 5s ease-out}.contact-form-container .success-animation-container.visible .success-animation-content{transform:translateY(0)}}