.pl-text-field{--pl-text-field-text-color:var(--txt-01);--contour-color:var(--txt-01);--label-color:var(--txt-01);--contour-border-width:1px;--contour-box-shadow:none;--label-offset-left-x:8px;--label-offset-right-x:8px;--prefix-color:var(--color-placeholder);--show-clearable:none;width:100%;min-width:160px;min-height:var(--control-height);border-radius:var(--border-radius-control);outline:none;flex-direction:row;align-items:center;display:flex;position:relative}.pl-text-field__envelope{font-family:var(--font-family-base)}.pl-text-field input{font-family:var(--font-family-base);min-height:calc(var(--control-height) - 2px);width:100%;font-weight:500;line-height:20px;font-size:inherit;color:var(--pl-text-field-text-color);caret-color:var(--border-color-focus);cursor:inherit;background-color:#0000;border:none;padding:0 12px}.pl-text-field input:focus{outline:none}.pl-text-field input::placeholder{color:var(--color-placeholder)}.pl-text-field label{top:-8px;left:var(--label-offset-left-x);white-space:pre;text-overflow:ellipsis;max-width:calc(100% - 16px);cursor:inherit;color:var(--label-color);background:var(--bg-elevated-01);border-bottom-right-radius:4px;border-bottom-left-radius:4px;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:flex;position:absolute;overflow:hidden}.pl-text-field label>span{white-space:pre;text-overflow:ellipsis;overflow:hidden}.pl-text-field__contour{border-radius:var(--border-radius-control);border-width:var(--contour-border-width);border-color:var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none;border-style:solid;position:absolute;inset:0}.pl-text-field__prefix{white-space:nowrap;color:var(--prefix-color);margin-right:-12px;padding-left:12px}.pl-text-field__append{cursor:text;flex-direction:row;align-items:center;gap:4px;padding-right:12px;display:flex}.pl-text-field__append .icon-16{cursor:pointer}.pl-text-field__append .mask-16{--icon-color:var(--control-mask-fill);cursor:pointer}.pl-text-field__clearable{display:var(--show-clearable)!important;--icon-color:var(--ic-02)!important}.pl-text-field__helper{color:var(--txt-03);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.pl-text-field__error{color:var(--txt-error);white-space:pre-wrap;text-overflow:ellipsis;margin-top:6px;padding:2px 0 0;font-size:12px;font-weight:500;line-height:16px}.pl-text-field:hover{--contour-color:var(--control-hover-color);--show-clearable:inline-block}.pl-text-field:focus-within{--show-clearable:inline-block}.pl-text-field:focus-within:not(.error){--label-color:var(--txt-focus);--contour-color:var(--border-color-focus);--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--border-color-focus-shadow)}.pl-text-field:focus-within.error{--contour-border-width:2px;--contour-box-shadow:0 0 0 4px var(--color-error-shadow)}.pl-text-field.dashed .pl-text-field__contour{border-style:dashed}.pl-text-field.nonEmpty{--prefix-color:var(--txt-01)}.pl-text-field.error{--contour-color:var(--txt-error);--label-color:var(--txt-error)}.pl-text-field.disabled{--contour-color:var(--color-dis-01);--label-color:var(--dis-01);--pl-text-field-text-color:var(--dis-01);--mask-icon-bg-color:var(--dis-01);cursor:not-allowed}