#contact-form{width:100%;max-width:32rem;margin:2rem 0;display:flex;flex-direction:column;gap:1rem;.fancy-input{position:relative;display:block;width:100%}.fancy-input>input,.fancy-input>textarea{width:100%;padding:.5rem;border:1px solid var(--base-color-primary);outline:1px solid transparent;border-radius:4px;font-size:.875rem;border-radius:.5rem}.fancy-input>input:focus,.fancy-input>textarea:focus{border-color:var(--base-color-primary);outline:1px solid var(--base-color-primary)}.fancy-input>input:disabled,.fancy-input>textarea:disabled{border-color:var(--base-color-outline);cursor:not-allowed}.fancy-input.invalid>input,.fancy-input.invalid>textarea{border-color:var(--base-color-error-container);color:var(--base-color-error)}.fancy-input.invalid>input:focus,.fancy-input.invalid>textarea:focus{border-color:#ff261e;outline:1px solid #ff261e}.fancy-input.invalid>svg{color:#be312c}.fancy-input>svg{position:absolute;top:.675rem;left:.5rem;color:#888;pointer-events:none}.fancy-input>label{position:absolute;top:-.66rem;left:.5rem;font-weight:500;pointer-events:none;font-size:.875rem;padding:0 .25rem;color:#000;background-color:#fff}.fancy-input:has(svg)>input,.fancy-input:has(svg)>textarea{padding-left:2rem}.fancy-input>textarea{min-height:2rem}input[type=submit]{width:100%;padding:.25rem .5rem;border:1px solid var(--base-color-primary);color:var(--base-color-primary);background-color:transparent;border-radius:.5rem;text-transform:uppercase;font-size:.875rem;font-weight:600;cursor:pointer}input[type=submit]:hover{background-color:var(--base-color-secondary);color:var(--base-color-on-secondary)}input[type=submit]:active{background-color:var(--base-color-secondary-container);color:var(--base-color-on-secondary-container)}input[type=submit]:disabled{background-color:#f3f3f3;color:var(--base-color-outline);border:1px solid var(--base-color-outline);cursor:not-allowed}.validation{display:contents}.validation>.info,.validation>.good,.validation>.warning,.validation>.error{color:#000;padding:1rem;font-weight:400;text-align:left;font-size:1rem;line-height:1.25;border-radius:4px;border-left:6px solid transparent}.validation>.error{background-color:#ff958d;border-color:#ff2020}.validation>.warning{background-color:#ffd38d;border-color:#ff8c20}.validation>.info{background-color:#d4ecff;border-color:#9ad3ff}.validation>.good{background-color:#ddface;border-color:#bdf0a4}}.altcha-loading{display:flex;flex-direction:column;align-items:end;justify-content:center;min-height:4.5rem;border:1px solid var(--base-color-primary);border-radius:.5rem;padding:.5rem;background:linear-gradient(120deg,#ffe8ce ,15%,#c9faff 15%,40%,#f3d3ff 40%,65%,#ffb9dc 65%,90%,#ffe8ce 90% 100%);background-size:500% 100%;animation:slideBg 10s linear infinite}.altcha-loading p{margin:0 auto;text-align:center;font-size:1rem;font-weight:600;color:#000}.altcha-loading noscript{margin:0 auto;text-align:center;font-size:.875rem;font-weight:400;color:var(--altcha-color-text, #000)}@keyframes slideBg{0%{background-position:0% 0%}to{background-position:400% 0%}}.altcha{--altcha-max-width: 100%;--altcha-color-text: #000;--altcha-border-radius: .5rem;--altcha-color-border: var(--base-color-primary);--altcha-color-border-focus: var(--base-color-primary-container);.altcha-label{text-align:left}}.altcha[data-state=error]{--altcha-color-border: #ff261e}.altcha:hover,.altcha:focus{outline:1px solid var(--altcha-color-border)}#contact.main-container{display:flex;flex-direction:column;align-items:center;gap:4rem;@media screen and (min-width: 56rem){gap:8rem}}#contact>.bysides{display:flex;flex-direction:column;align-items:center;gap:4rem;@media screen and (min-width: 56rem){display:grid;grid-template-columns:1fr 1fr;align-items:start}}#contact .block-header{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem;font-size:1.5rem;@media screen and (min-width: 56rem){font-size:1.875rem}@media screen and (max-width: 56rem){width:100%}}#contact .block-header>svg{padding:.5rem;background-color:var(--base-color-on-primary-container);color:var(--base-color-primary-container);border-radius:9999px;font-size:2rem;@media screen and (min-width: 56rem){font-size:2.25rem}}#contact .block-header>h2{padding-top:.25rem}#contact .contact-info{display:flex;flex-direction:column;max-width:48rem;width:100%;margin:0 auto;padding:0 1rem;@media screen and (min-width: 56rem){text-align:center;align-items:center;padding:0}}#contact .contact-info address{margin:1rem auto 0;line-height:1.5;font-weight:300;text-align:left;border:1px solid #b2b2b2;width:fit-content;padding:.5rem 1rem;border-radius:.5rem}#contact a.contact-link{color:var(--base-color-primary);text-decoration:underline;font-weight:500}#contact a.contact-link:hover{color:var(--base-color-secondary)}
