.app-input{&[data-v-1f02f95e]{--error-min-block-size: var(--field-error-min-block-size, 1em);display:grid;grid-template:"label" "input" "error" minmax(var(--error-min-block-size),auto);row-gap:.5ex}&.slim[data-v-1f02f95e]{align-items:center;column-gap:.5ex;display:grid;grid-template:"label input" ".     error" / auto 1fr}}.label{&[data-v-1f02f95e]{column-gap:1ex;display:flex;font-weight:500;grid-area:label}.info-small[data-v-1f02f95e]{align-self:center;color:var(--text-color-light)}&.disabled[data-v-1f02f95e]{color:var(--text-color-extra-light)}.app-input.slim &{&[data-v-1f02f95e]{align-self:end;color:var(--text-color-light)}&:focus-within[data-v-1f02f95e]{color:var(--accent-color)}}}.input{&[data-v-1f02f95e]{--border-color: var(--text-color-extra-light);background:var(--main-background);border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:1em;grid-area:input;line-height:1.2em;padding:.5ex 1ch}.app-input.slim &{&[data-v-1f02f95e]{background:none;box-sizing:border-box;inline-size:100%}&[data-v-1f02f95e],&[data-v-1f02f95e]:focus{border:none;border-block-end:1px solid;border-radius:0;padding:.2ex .5ex}}}.input[data-hidden][data-v-1f02f95e]{block-size:1px;border:none;clip:rect(1px,1px,1px,1px);inline-size:1px;overflow:hidden;padding:0;position:absolute}.input:focus{&[data-v-1f02f95e]{--border-color: var(--accent-color);outline:1px solid var(--border-color)}&[data-v-1f02f95e]:read-only{--border-color: var(--text-color-light)}}.app-input.invalid .input[data-v-1f02f95e]{--border-color: var(--danger-color)}.input[data-v-1f02f95e]:invalid{box-shadow:none}.input[data-v-1f02f95e]:disabled,.input[data-v-1f02f95e]:read-only{background:var(--text-color-extra-thin)}.input[data-v-1f02f95e]:read-only{cursor:default}.error[data-v-1f02f95e]{color:var(--danger-color);font-size:.85em;grid-area:error}.error strong[data-v-1f02f95e]{font-weight:400}