.input-field[data-v-8f2dddf5]{width:100%}.input-field .label[data-v-8f2dddf5]{margin-bottom:var(--space-2);color:var(--color-text);font-size:.8125rem;font-weight:700;display:block}.input-field .label .required[data-v-8f2dddf5]{color:var(--color-link)}.input-field .control-box[data-v-8f2dddf5]{display:flex;position:relative}.input-field .control[data-v-8f2dddf5]{width:100%;padding:var(--input-control-padding,14px 20px);border-radius:var(--input-control-radius,var(--radius-pill));background:var(--input-control-bg,var(--color-bg));box-shadow:var(--input-control-shadow,none);color:var(--color-text);font-family:inherit;font-size:var(--input-font-size);border:0;font-weight:500}.input-field .control[data-v-8f2dddf5]:not(.multiline){line-height:normal}.input-field .control[data-v-8f2dddf5]::placeholder{color:var(--color-text-muted)}.input-field .control[data-v-8f2dddf5]:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.input-field .control.multiline[data-v-8f2dddf5]{border-radius:var(--input-control-radius,20px)}.input-field.boxed .control[data-v-8f2dddf5]{border:1px solid var(--color-edge);border-radius:var(--radius-field);background:var(--color-bg);padding:var(--space-3) var(--space-4)}.input-field.boxed .control[data-v-8f2dddf5]:focus-visible{outline-offset:0;border-color:#0000}.input-field.filled .control[data-v-8f2dddf5]{padding:var(--space-3) var(--space-4);background:var(--color-bg-gray)}.input-field.filled .control[data-v-8f2dddf5],.input-field.filled .control.multiline[data-v-8f2dddf5]{border-radius:var(--radius-field)}.input-field.errored .control[data-v-8f2dddf5]{outline:2px solid var(--color-error);outline-offset:1px}.input-field.errored .control[data-v-8f2dddf5]:not(.multiline)::-moz-placeholder{color:#0000}.input-field.errored .control[data-v-8f2dddf5]:not(.multiline)::placeholder{color:#0000}.input-field.fill[data-v-8f2dddf5]{flex-direction:column;display:flex}.input-field.fill .control-box[data-v-8f2dddf5]{flex:1}