.input-field[data-v-88c72a79]{width:100%}.input-field .head[data-v-88c72a79]{align-items:baseline;gap:var(--space-2);display:flex}.input-field .head .label[data-v-88c72a79]{margin-bottom:var(--space-2);color:var(--color-text);font-size:.8125rem;font-weight:700;display:block}.input-field .head .label .required[data-v-88c72a79]{color:var(--color-link)}.input-field .control-box[data-v-88c72a79]{display:flex;position:relative}.input-field .control[data-v-88c72a79]{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-88c72a79]:not(.multiline){line-height:normal}.input-field .control[data-v-88c72a79]::placeholder{color:var(--color-text-muted)}.input-field .control[data-v-88c72a79]:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.input-field .control.multiline[data-v-88c72a79]{border-radius:var(--input-control-radius,20px)}.input-field.boxed .control[data-v-88c72a79]{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-88c72a79]:focus-visible{outline-offset:0;border-color:#0000}.input-field.filled .control[data-v-88c72a79]{padding:var(--input-control-padding,var(--space-3) var(--space-4));border-radius:var(--input-control-radius,var(--radius-field));background:var(--input-control-bg,var(--color-bg-gray))}.input-field.filled .control.multiline[data-v-88c72a79]{border-radius:var(--radius-field)}.input-field.errored .control[data-v-88c72a79]{outline:2px solid var(--color-error);outline-offset:1px}.input-field.password[data-v-88c72a79]{--input-error-inset:48px}.input-field.password .control[data-v-88c72a79]{padding-right:48px}.input-field.password .control[data-v-88c72a79]::-ms-reveal{display:none}.input-field.password .reveal[data-v-88c72a79]{top:50%;right:var(--space-2);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;transform:translateY(-50%)}.input-field.password .reveal svg[data-v-88c72a79]{width:20px;height:20px}.input-field.password .reveal[data-v-88c72a79]:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}.input-field.fill[data-v-88c72a79]{flex-direction:column;display:flex}.input-field.fill .control-box[data-v-88c72a79]{flex:1}@media (hover:hover){.input-field.password .reveal[data-v-88c72a79]:hover{color:var(--color-text)}}
