.form{gap:2rem;display:grid}.form__title{align-items:center;gap:.75rem;margin-bottom:2.25rem;display:flex}.form__title:before{content:"";background:var(--signal);flex:none;width:2px;height:.9em}.form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;display:grid}.field{flex-direction:column;gap:.65rem;min-width:0;display:flex}.field__label{font-family:var(--f-mono);font-size:var(--t-mono);letter-spacing:.01em;color:var(--body);justify-content:space-between;align-items:baseline;gap:1rem;line-height:1.4;display:flex}.field__opt{font-family:var(--f-mono);color:var(--ash);letter-spacing:.01em;flex:none;font-size:.75rem}.form>.field--prompt{margin-top:.75rem}.field--prompt .field__label{font-family:var(--f-sans);letter-spacing:-.015em;color:var(--paper);text-wrap:balance;font-size:1.25rem;font-weight:500;line-height:1.3}.field__control{background:var(--ink-2);width:100%;min-height:54px;color:var(--paper);font-family:var(--f-sans);letter-spacing:-.003em;-webkit-appearance:none;appearance:none;transition:border-color .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease);border:1px solid #66625a;border-radius:6px;padding:.9rem 1rem;font-size:1rem;line-height:1.5;display:block}.field__control::placeholder{color:var(--ash);opacity:1}.field__control:hover{border-color:#7a756c}.field__control:focus,.field__control:focus-visible{border-color:var(--signal);background:var(--ink-3);outline:none;box-shadow:0 0 0 3px #ff5c2833}.field__control[aria-invalid=true]{border-color:var(--signal-2)}textarea.field__control{resize:vertical;field-sizing:content;min-height:9.5rem;max-height:30rem}.field__control:-webkit-autofill,.field__control:-webkit-autofill:hover{-webkit-text-fill-color:var(--paper);caret-color:var(--paper);box-shadow:0 0 0 100px var(--ink-3) inset;transition:background-color 600000s,color 600000s}.field__control:-webkit-autofill:focus{-webkit-text-fill-color:var(--paper);box-shadow:0 0 0 100px var(--ink-3) inset, 0 0 0 3px #ff5c2833}.field__select{position:relative}.field__select:after{content:"";pointer-events:none;border-right:1.5px solid var(--label);border-bottom:1.5px solid var(--label);width:7px;height:7px;margin-top:-5px;position:absolute;top:50%;right:1.15rem;transform:rotate(45deg)}.field__select select{cursor:pointer;text-overflow:ellipsis;padding-right:2.75rem}.field__select select:has(option[value=""]:checked){color:var(--ash)}.field__select option{background:var(--ink-2);color:var(--paper)}.field__hint{font-size:var(--t-small);color:var(--label);text-wrap:pretty;max-width:46ch;line-height:1.55}.field__error{font-size:var(--t-small);color:var(--signal-2);text-wrap:pretty;align-items:baseline;gap:.6rem;line-height:1.5;display:flex}.field__error:before{content:"";background:currentColor;flex:none;width:2px;height:.8em;transform:translateY(.08em)}.form__actions{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin-top:.5rem;display:flex}.form__status{font-size:var(--t-small);color:var(--body);line-height:1.55}.form__status:empty,.form__status.is-quiet{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.form__status[data-tone=error]{color:var(--signal-2)}.form .btn.is-busy{cursor:progress}.motion .form .btn.is-busy .btn__mark i{animation:peak .9s var(--ease) infinite}.motion .form .btn.is-busy .btn__mark i:nth-child(2){animation-delay:80ms}.motion .form .btn.is-busy .btn__mark i:nth-child(3){animation-delay:.16s}.motion .form .btn.is-busy .btn__mark i:nth-child(4){animation-delay:.24s}.motion .form .btn.is-busy .btn__mark i:nth-child(5){animation-delay:.32s}.hp{opacity:0;width:1px;height:1px;top:auto;left:-10000px;overflow:hidden;position:absolute!important}.form--inline{gap:.9rem}.form--inline .form__line{align-items:stretch;gap:.75rem;display:flex}.form--inline .form__line .field__control{flex:auto;min-height:58px}.form--inline .form__line .btn{flex:none}@media (width<=860px){.form{gap:1.75rem}.form>.field--prompt{margin-top:.5rem}.form__title{margin-bottom:1.75rem}.form__row{gap:1.75rem 1.25rem}.field__control{min-height:56px;font-size:1.0625rem}.field--prompt .field__label{font-size:1.125rem}textarea.field__control{min-height:8.5rem}}@media (width<=640px){.form__row{grid-template-columns:1fr}.form__actions{flex-direction:column;align-items:stretch;gap:1rem}.form__actions .btn{width:100%}.form--inline .form__line{display:contents}.form--inline .form__line .field__control{order:1}.form--inline .field__error{order:2}.form--inline .form__line .btn{order:3;width:100%;margin-top:.1rem}.form--inline .field__hint{order:4}}