:root{--border-radius-default:10px;--border-radius-large:16px;--box-shadow-default:0 0 0 1px rgba(63,63,68,.05),0 1px 3px 0 rgba(63,63,68,.15);--box-shadow-shadow:0 1px 17px 0 rgba(0,0,0,.12),0 3px 6px 0 rgba(0,0,0,.12);--box-shadow-subdued:0 0 0 1px rgba(63,63,68,.07),0 1px 3px 0 rgba(63,63,68,.12);--box-shadow-hover:0 1px 3px 0 rgba(33,43,54,.08),0 4px 11px 0px rgba(33,43,54,.1);--box-shadow-border:0 1px 1px 0 rgba(0,0,0,.1),0 1px 6px 0 rgba(0,0,0,.06);--box-shadow-soft:0 3px 8px 4px hsla(0,0%,47%,.1);--spacing-base:.5rem;--spacing-tiny:var(--spacing-base);--spacing-smaller:calc(var(--spacing-base)*1.5);--spacing-small:calc(var(--spacing-base)*2);--spacing-medium:calc(var(--spacing-base)*2.5);--spacing-default:calc(var(--spacing-base)*3);--spacing-large:calc(var(--spacing-base)*4);--bg-body-alt:#f6f4ef;--bg-body-lighter:#f9f7f4;--bg-body:var(--bg-body-lighter);--bg-boxes:var(--color-white);--bg-forms:var(--color-white);--forms-border-color:rgba(0,0,0,.15);--forms-border-color-hover:rgba(0,0,0,.6);--box-shadow-forms:0 1px 1px 0 rgba(0,0,0,.1),0 1px 6px 0 rgba(0,0,0,.06);--forms-border-radius:var(--border-radius-default);--forms-placeholder-color:rgba(0,0,0,.4);--breakpoint-phone:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1400px;--transition-timing-default:cubic-bezier(.81,.12,.15,.97);--transition-stand-timing:cubic-bezier(.25,.8,.25,1);--golden-ratio:1.6180334/1}.form-field{display:grid;grid-template-areas:"label" "helptext" "input" "error";grid-template-columns:1fr;grid-template-rows:repeat(4,auto);position:relative}.form-field.helptext-below{grid-template-areas:"label" "input" "helptext" "error"}@media(min-width:1026px){.form-field.inline{align-items:center;grid-template-areas:"label input" ". error";grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.form-field.inline label{align-items:center;margin:0}.form-field.inline .helptext{margin-top:0}.form-field.inline.has-helptext{grid-template-areas:"label input" "helptext input" ". error";grid-template-rows:auto auto auto}}.label{grid-area:label}.label.has-helptext{margin-bottom:0}.form-field-input-wrapper{grid-area:input;width:100%}.helptext{grid-area:helptext;margin-bottom:var(--spacing-base)}.error-wrapper{display:flex;flex-direction:column;grid-area:error}.optional-text,.sub-text{color:var(--color-grey-500);font-size:var(--font-size-small);font-weight:var(--font-weight-body)}.label-large .optional-text{color:#788295;font-size:var(--font-size-body-2)}
