.contact-form{width:100%;display:flex;flex-direction:column;gap:1rem;border:1px solid hsl(0,0%,33%);padding:1rem;background-color:hsl(0,0%,33%);border-radius:10px;max-width:800px}.contact-form .message-error{display:flex;align-items:center;padding:.5rem;border-radius:5px;font-size:1rem;gap:1rem;border:2px solid #fd0d0d;background-color:#ffd6d6}.contact-form div{background-color:hsl(0,0%,96%);display:flex;flex-direction:column;align-items:left;justify-content:center;border-radius:5px;padding:.5rem}.contact-form div a.link:hover{background-color:hsl(263,93%,84%);color:hsl(0,0%,33%);color:#000;border-radius:5px;text-decoration:none}.contact-form div input,.contact-form div textarea{padding:.2rem;border-radius:5px;background-color:hsl(0,0%,73.2%);margin-bottom:.2rem;outline:none;border:1px solid rgba(0,0,0,0)}.contact-form div input:focus,.contact-form div textarea:focus{border:1px solid hsl(0,0%,33%);background-color:hsl(158,100%,78%)}.contact-form div textarea{height:10rem;resize:vertical;overflow:auto}.contact-form div.checkbox-container{flex-direction:row;gap:.5rem}.contact-form div.checkbox-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;position:relative;transition:all .2s ease-in-out}.contact-form div.checkbox-container input[type=checkbox]:after{content:"";display:block;width:8px;height:14px;border:solid hsl(0,0%,33%);border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:6px}.contact-form div.checkbox-container input[type=checkbox]:not(:checked):after{display:none}.contact-form div.checkbox-container input[type=checkbox]{margin:0;flex-shrink:0}.contact-form button[type=submit]{font-weight:600;font-size:1.25rem;display:inline-block;background-color:hsl(0,0%,33%);color:hsl(158,100%,78%);text-decoration:none;font-family:var(--font-raleway);padding:.5rem 1rem;margin:.5rem;border-radius:8px;box-shadow:1.4px 1.4px 1.4px rgba(0,0,0,.02),3.3px 3.3px 3.3px rgba(0,0,0,.028),6.1px 6.1px 6.1px rgba(0,0,0,.035),10.9px 10.9px 10.9px rgba(0,0,0,.042),20.5px 20.5px 20.5px rgba(0,0,0,.05),49px 49px 49px rgba(0,0,0,.07);transition:all .2s ease-in-out;border:1px solid hsl(158,100%,78%);min-width:110px;align-self:center}.contact-form button[type=submit]:hover{background-color:hsl(158,100%,78%);color:hsl(0,0%,33%);color:#000;border-radius:5px;text-decoration:none}.contact-form .loader{animation:spin 1s linear infinite}.contact-form .contact-dialog{margin:auto;position:relative;max-width:320px;background-color:hsl(263,93%,84%);border-radius:.5rem;padding:2rem}.contact-form .contact-dialog::-webkit-backdrop{background-color:rgba(0,0,0,.7)}.contact-form .contact-dialog::backdrop{background-color:rgba(0,0,0,.7)}.contact-form .contact-dialog button{position:absolute;top:0;right:0;padding:.5rem}.contact-form .contact-dialog button svg{width:1.5rem;height:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}