.text-field[data-v-57b5e082]{background:#f4f4f4;border-radius:10px;height:40px;line-height:38px;display:inline-flex;position:relative}.text-field.extra-narrow[data-v-57b5e082]{width:75px}.text-field.narrow[data-v-57b5e082]{width:150px}.text-field.long[data-v-57b5e082]{width:100%;display:flex}.text-field.borderless[data-v-57b5e082]{box-shadow:none!important;border:0!important}.text-field.full-size[data-v-57b5e082]{width:100%;height:100%}.text-field.focused[data-v-57b5e082]{background:#fff;box-shadow:0 0 0 1px #777}.text-field input[data-v-57b5e082],.text-field textarea[data-v-57b5e082]{resize:none;background:0 0;border:0;border-radius:3px;flex:1;min-width:0;padding:0 10px}.text-field input[data-v-57b5e082]:focus,.text-field textarea[data-v-57b5e082]:focus{outline:0}.text-field input[data-v-57b5e082]::placeholder,.text-field textarea[data-v-57b5e082]::placeholder{color:#aaa}.text-field.number input[data-v-57b5e082]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field.number input[data-v-57b5e082]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-field.align-right input[data-v-57b5e082]{text-align:right}.text-field textarea[data-v-57b5e082]{padding:10px}.text-field .unit[data-v-57b5e082]{width:auto}.text-field .suffix[data-v-57b5e082]{color:#999;align-items:center;padding-right:10px;display:flex}.text-field .suffix[data-v-57b5e082]:empty,.text-field .unit[data-v-57b5e082]:empty{display:none}.text-field .unit[data-v-57b5e082]:not(:empty){color:#777;background:#0000000d;border-radius:5px;height:28px;margin:auto 5px auto -5px;padding:0 7px;font-size:13px;line-height:28px}.text-field.small[data-v-57b5e082]{height:30px;line-height:28px}.text-field.small input[data-v-57b5e082],.text-field.small textarea[data-v-57b5e082]{padding:5px;font-size:14px}.text-field.small .unit[data-v-57b5e082]:not(:empty){height:20px;margin-left:0;padding:0 5px;line-height:20px}.text-field.extra-small[data-v-57b5e082]{height:24px;line-height:18px}.text-field.extra-small input[data-v-57b5e082],.text-field.extra-small textarea[data-v-57b5e082]{padding:1px;font-size:12px}.text-field.extra-small .unit[data-v-57b5e082]:not(:empty){height:20px;margin-left:0;padding:0 5px;line-height:20px}.text-field.large[data-v-57b5e082]{height:50px;line-height:48px}.text-field.large input[data-v-57b5e082],.text-field.large textarea[data-v-57b5e082]{font-size:18px;font-weight:700}.text-field.header[data-v-57b5e082]{background:#fff;width:auto}.text-field.header input[data-v-57b5e082],.text-field.header textarea[data-v-57b5e082]{background:0 0;border:0;min-width:50px}.text-field.header input[data-v-57b5e082]:focus,.text-field.header textarea[data-v-57b5e082]:focus{background:#f4f4f4}.text-field.header input[data-v-57b5e082],.text-field.header textarea[data-v-57b5e082]{font-variation-settings:"wght" 550;font-size:24px}.text-field.transparent[data-v-57b5e082]{width:auto;box-shadow:none;background:0 0;border:1px solid #0000}.text-field.transparent input[data-v-57b5e082],.text-field.transparent textarea[data-v-57b5e082]{background:0 0;border:0}.text-field.autoheight textarea[data-v-57b5e082]{overflow:hidden}.text-field.gray[data-v-57b5e082]{background:#0000000d}.text-field.gray.focused[data-v-57b5e082]{background:#fff;box-shadow:0 0 0 1px #777}.text-field.dark.focused[data-v-57b5e082]{background:#ffffff1a}.text-field.dark input[data-v-57b5e082],.text-field.dark textarea[data-v-57b5e082]{color:#eee}.text-field.dark input[data-v-57b5e082]:focus,.text-field.dark textarea[data-v-57b5e082]:focus{background:0 0}.text-field.font-small input[data-v-57b5e082],.text-field.font-small textarea[data-v-57b5e082]{font-size:14px}.text-field.font-medium input[data-v-57b5e082],.text-field.font-medium textarea[data-v-57b5e082]{font-size:15px;font-weight:500}.text-field.font-large input[data-v-57b5e082],.text-field.font-large textarea[data-v-57b5e082]{font-size:18px;font-weight:700}.text-field.monospace input[data-v-57b5e082],.text-field.monospace textarea[data-v-57b5e082]{font-family:Space Mono,monospace;font-size:13px}.text-field.error[data-v-57b5e082],[data-form-control-error=true] .text-field[data-v-57b5e082]{background:#f246460d!important;box-shadow:0 0 0 4px #f2464633,0 0 0 1px #f24646b3!important}
