#contact{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:flex}@media only screen and (width<=480px){#contact{--space:1rem}}#contact form{flex-direction:column;width:100%;max-width:960px;display:flex}#contact form .Inputs{gap:var(--space,2rem);display:flex}@media only screen and (width<=480px){#contact form .Inputs{flex-direction:column}}#contact form .InputComponent{flex:1}#contact form .Textarea,#contact form .Submit,#contact form #error{margin-top:var(--space,2rem)}#contact form .Submit{text-align:center}#contact:has(.Success) h1,#contact:has(.Success) h1+p,#contact:has(.Success) p+.SpacerComponent,#contact:has(.Success) form,#contact:not(:has(.Error)) #error,#contact:not(:has(.Success)) #success{display:none}#error{color:var(--color-red-700);font-size:14px;font-weight:700}#success{color:var(--color-green-800);margin-block:2rem}