.form-wrapper form{text-align:left;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:var(--gapDouble) var(--gapHalf)}@media (min-width: 60em){.form-wrapper form{padding:var(--gapDouble)}}.form-wrapper form .optional{font-style:italic;font-size:var(--typeMicro);opacity:.5;margin-left:13px}.form-wrapper form hr,.form-wrapper form h2,.form-wrapper form h3,.form-wrapper form h4,.form-wrapper form h5,.form-wrapper form h6{grid-column:1/-1}.form-wrapper form h6{font-size:var(--typeBase)}.form-wrapper form hr{grid-column:1/-1;width:100%}.form-wrapper.no-padding form{padding:0}.form-field{display:flex;flex-direction:column;gap:var(--gapSml)}.form-field label{font-size:var(--typeBase);position:relative;line-height:1.3;margin-left:13px}.form-field label:after{content:"";opacity:0;transition:var(--transition);display:flex;position:absolute;inset:calc(50% - 5px) auto 0 -12px}.form-field[data-col="1"]{grid-column:span 2}@media (min-width: 52em){.form-field[data-col="1"]{grid-column:span 1}}.form-field[data-col="2"]{grid-column:span 2}input[type=text],input[type=number],input[type=tel],input[type=email],input[type=date],select,form textarea{position:relative;width:100%;padding:.75rem 1rem;height:55px;border:1px solid var(--greyDark);background-color:var(--white);transition:var(--transition);line-height:1.65}input[type=text]:focus,input[type=text] :active,input[type=text] :focus-visible,input[type=text] :focus-within,input[type=number]:focus,input[type=number] :active,input[type=number] :focus-visible,input[type=number] :focus-within,input[type=tel]:focus,input[type=tel] :active,input[type=tel] :focus-visible,input[type=tel] :focus-within,input[type=email]:focus,input[type=email] :active,input[type=email] :focus-visible,input[type=email] :focus-within,input[type=date]:focus,input[type=date] :active,input[type=date] :focus-visible,input[type=date] :focus-within,select:focus,select :active,select :focus-visible,select :focus-within,form textarea:focus,form textarea :active,form textarea :focus-visible,form textarea :focus-within{border-color:var(--blue);background-color:#fff}input[type=text]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=date]::placeholder,select::placeholder,form textarea::placeholder{color:var(--greyMid);font-style:italic}input[type=text]:not(:focus):not(:placeholder-shown):valid,input[type=number]:not(:focus):not(:placeholder-shown):valid,input[type=tel]:not(:focus):not(:placeholder-shown):valid,input[type=email]:not(:focus):not(:placeholder-shown):valid,input[type=date]:not(:focus):not(:placeholder-shown):valid,select:not(:focus):not(:placeholder-shown):valid,form textarea:not(:focus):not(:placeholder-shown):valid{border-color:var(--green);background-color:var(--greenTint)}textarea{min-height:110px}input[type=text]:not(:focus):not(:placeholder-shown):invalid,input[type=number]:not(:focus):not(:placeholder-shown):invalid,input[type=tel]:not(:focus):not(:placeholder-shown):invalid,input[type=email]:not(:focus):not(:placeholder-shown):invalid{border-color:var(--red);background-color:var(--redTint)}.form-field:has(input[type=text]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=number]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=tel]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=email]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=date]:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(textarea:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(select:focus) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--greyDark);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=date]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(textarea:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(select:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--green);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--red);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--red);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--red);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--red);width:.45rem;height:.45rem;border-radius:60rem}.form-field:has(textarea:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition);background-color:var(--red);width:.45rem;height:.45rem;border-radius:60rem}.submit-wrapper{align-items:center}.submit-wrapper button{padding:.75rem 1.5rem .75rem 1.75rem;border-radius:60rem;color:var(--white);background-color:var(--black);transition:var(--transition);font-size:var(--typeSml);line-height:1rem;letter-spacing:2px;text-transform:uppercase;align-items:center;font-weight:400}.submit-wrapper button:hover{cursor:pointer;border-color:var(--greyDark);box-shadow:0 0 0 6px var(--blackTint)}
