.contactPage{align-items:center;background:var(--background-color);box-shadow:var(--box-shadow);color:var(--text-color);display:flex;flex-direction:column;margin-inline:auto;max-width:1920px;min-width:100%;min-height:calc(100vh - 10rem + 1px);padding-top:0;width:100%}@media(min-width:768px){.contactPage{margin-top:0}}.contactPage__inner{align-items:center;display:flex;flex-direction:column;margin-inline:auto;min-height:calc(100vh - 5rem + 1px);padding-block:4rem;padding-top:0;width:100%}@media(min-width:768px){.contactPage__inner{padding-top:2rem;margin-top:0}}.contactForm{align-items:center;background-color:var(--modal-overlay-bg);justify-content:center;height:100%;left:50%;transform:translate(-50%,-50%);width:100%}.contactForm,.contactForm__modal{display:flex;position:absolute;top:50%}.contactForm__modal{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);flex-direction:column;min-height:28rem;max-height:38rem;max-width:40rem;padding-block:1rem;padding-inline:2rem;transform:translateY(-50%);width:90%}@media(min-width:768px){.contactForm__modal{padding-block:2rem;width:80%}}.contactForm__title{color:var(--text-color);font-size:1.25rem;margin-block:.5rem;text-align:center}@media(min-width:400px){.contactForm__title{font-size:1.5rem;margin-block:1rem}}@media(min-width:480px){.contactForm__title{font-size:1.75rem}}.contactForm__form{display:flex;flex-direction:column;overflow-y:auto}@media(min-width:480px){.contactForm__nameContainer{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}}.contactForm__field{padding-bottom:1.5rem;position:relative}.contactForm__field--message{height:100%;padding-bottom:1.25rem}.contactForm__label{display:none}.contactForm__input{background:var(--background-color);border:1px solid var(--text-color);border-radius:var(--border-radius);color:var(--text-color);font-family:Arial,Helvetica,sans-serif;font-size:1.125rem;padding-block:.5rem;padding-inline:.5rem;width:100%}.contactForm__input::placeholder{color:var(--text-color);opacity:.5}.contactForm__input:-webkit-autofill{-webkit-box-shadow:none!important;background-color:rgba(0,0,0,0)!important;box-shadow:none!important;color:inherit;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contactForm__input:-webkit-autofill:first-line{color:var(--text-color)!important}.contactForm__input:active,.contactForm__input:focus{border:1px solid var(--text-color);color:inherit;outline:1px solid var(--text-color)}.contactForm__input{position:relative;resize:none}.contactForm__input--message{height:7rem;min-height:7rem}.contactForm__errorMessage{display:none}.contactForm__errorMessage.visible{color:var(--error-color);bottom:.25rem;display:block;font-size:.8rem;-webkit-margin-start:.5rem;margin-inline-start:.5rem;position:absolute}.contactForm__button-container{display:flex;flex-direction:column-reverse;gap:.5rem;margin-bottom:1rem;margin-top:.5rem}@media(min-width:480px){.contactForm__button-container{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}}.contactForm__button{align-items:center;background:var(--button-background);border:none;border-radius:var(--border-radius);color:var(--button-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background-color .3s ease}.contactForm__button:hover{background:var(--button-color);color:var(--button-background);outline:2px solid var(--button-background)}.contactForm__button:active{transform:scale(.98)}.contactForm__button{width:100%}.contactForm__button.disabled{opacity:.5;pointer-events:none}