.form-wrapper form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-16) var(--space-12)}@media(min-width:60em){.form-wrapper form{gap:var(--space-16);padding:var(--space-32) var(--space-24)}}.form-wrapper form .optional{font-style:italic;font-size:var(--type-micro);opacity:.9}.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-field{display:flex;flex-direction:column;gap:.4rem}.form-field label{font-size:1.15rem;position:relative;line-height:1.4}.form-field label:after{content:"";opacity:0;transition:var(--transition-350);display:flex;position:absolute;inset:calc(50% - 2px) auto 0 -10px}.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,textarea{position:relative;width:100%;padding:.75rem;border:1px solid var(--cob-60);border-radius:2px;background-color:var(--white);transition:var(--transition-350);background-repeat:no-repeat;background-position:calc(100% - .75rem) .75rem;line-height:normal}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,textarea:focus,textarea :active,textarea :focus-visible,textarea :focus-within{border-color:var(--cob-100);background-color:var(--light)}input[type=text]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=date]::placeholder,select::placeholder,textarea::placeholder{color:var(--cob-60);font-style:italic;opacity:.85}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,textarea:not(:focus):not(:placeholder-shown):valid{border-color:var(--green);background-color:var(--greenTint)}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-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=number]:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=tel]:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=email]:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=date]:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(textarea:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(select:focus) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--nh-40);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=date]:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(textarea:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(select:not(:focus):not(:placeholder-shown):valid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--green);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=text]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--red);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=number]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--red);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=tel]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--red);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(input[type=email]:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--red);height:5px;width:5px;border-radius:var(--radius-full)}.form-field:has(textarea:not(:focus):not(:placeholder-shown):invalid) label:after{content:"";opacity:1;transition:var(--transition-350);background-color:var(--red);height:5px;width:5px;border-radius:var(--radius-full)}.submit-wrapper{margin-top:var(--space-16);align-items:center}.submit-button{padding:.5rem 2rem;border-radius:var(--radius-full);color:var(--light);background-color:var(--cob-100);border:2px solid var(--cob-100);transition:var(--transition-350)}.submit-button:hover{background-color:var(--cob-80);border-color:var(--cob-80)}.range-slide{width:100%;appearance:none;-webkit-appearance:none;height:.5rem;background:var(--nh-60);border-radius:var(--full);outline:none;margin:var(--space-12) 0}.range-slide::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:2rem;border:none;border-radius:var(--radius-full);background:var(--cob-100);transition:var(--transition-350);cursor:pointer}.range-slide::-webkit-slider-thumb:hover{background:var(--cob-80)}.range-slide::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:2rem;border:none;border-radius:0;background:var(--cob-100);transition:var(--transition-350);cursor:pointer}.range-slide::-moz-range-thumb:hover{background:var(--cob-80)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{outline-offset:.15rem;outline:1px solid var(--blue-ultra)}input[type=range]:focus::-moz-range-thumb{outline-offset:.15rem;outline:1px solid var(--blue-ultra)}