.tf{display:grid;align-content:start;gap:var(--nc-space-2);margin:0}.tf-label{color:var(--nc-text-muted);font-size:var(--nc-type-support);font-weight:var(--nc-weight-bold)}.tf--bare .tf-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tf input{box-sizing:border-box;width:100%;min-height:var(--nc-field-height);padding:0 16px;border:var(--nc-stroke) solid var(--nc-border);border-radius:var(--nc-radius-control);background-color:var(--nc-surface-raised);color:var(--nc-text);font:inherit;font-size:16px}.tf input::placeholder{color:var(--nc-text-muted);opacity:1}.tf input:focus-visible{border-color:var(--nc-border-strong);outline:var(--nc-focus-ring);outline-offset:var(--nc-focus-offset)}.tf.is-invalid input{border-color:var(--nc-danger)}.tf.is-valid .tf-label:after{content:"";display:inline-block;inline-size:1.1em;block-size:1.1em;vertical-align:-.2em;background:url(../../assets/icons/checkmark.svg) center / contain no-repeat;margin-inline-start:.4em}.tf-error{margin:0;color:var(--nc-danger);font-size:var(--nc-type-support)}.tf-error:empty{display:none}