._root_1opwb_10{--input-padding-y:20px;--input-padding-y-active:10px;--input-padding-l:var(--input-padding-y);--input-padding-r:var(--input-padding-y);--input-icon-width:24px;display:flex;flex-direction:column}._container_1opwb_20{background:var(--white);border:1px solid var(--gray-lightest);border-radius:var(--border-radius);display:block;overflow:hidden;position:relative;transition:border .3s ease;width:100%}@media (hover:hover){._container_1opwb_20:hover{border:1px solid var(--blue-primary)}}._container_1opwb_20:focus-within{border:1px solid var(--blue-primary)}._input_1opwb_39{border:none;box-sizing:border-box;font-size:16px;height:100%;left:0;line-height:1.4;outline:none;padding:var(--input-padding-y) var(--input-padding-r) var(--input-padding-y) var(--input-padding-l);resize:none;top:0;width:100%}._input_1opwb_39::-moz-placeholder{color:transparent}._input_1opwb_39::placeholder{color:transparent}._label_1opwb_56{color:var(--gray);cursor:text;font-size:16px;line-height:21px;max-width:calc(100% - var(--input-padding-l) + var(--input-padding-r));position:absolute;transform:translate(var(--input-padding-l),var(--input-padding-y)) scale(1);transform-origin:top left;transition:all .1s ease-in-out;z-index:1}._label-surface_1opwb_69{background:var(--white);border-radius:var(--border-radius);height:calc(var(--input-padding-y) + var(--input-padding-y-active));position:absolute;width:calc(100% - var(--input-padding-l) + var(--input-padding-r))}._error_1opwb_77{color:var(--red);font-size:13px;margin-top:var(--sp1)}._icon_1opwb_83{position:absolute;right:var(--input-padding-r);top:50%;transform:translateY(-50%)}._icon_1opwb_83 svg{height:var(--input-icon-width);width:var(--input-icon-width)}._is-active_1opwb_94 ._label_1opwb_56{transform:translate(var(--input-padding-l),var(--input-padding-y-active)) scale(.81)}._is-active_1opwb_94 ._input_1opwb_39{padding-bottom:var(--input-padding-y-active);padding-top:calc(var(--input-padding-y) + var(--input-padding-y-active))}._is-active_1opwb_94 ._input_1opwb_39::-moz-placeholder{color:var(--gray)}._is-active_1opwb_94 ._input_1opwb_39::placeholder{color:var(--gray)}._has-error_1opwb_105 ._input_1opwb_39{padding-right:calc(var(--input-padding-r)*2 + var(--input-icon-width))}._has-prepend_1opwb_109{--input-padding-l:16px}._prepend_ketqn_10{align-items:center;border-right:1px solid var(--gray-lightest);display:flex;height:100%;left:0;padding-left:20px;padding-right:6px;position:absolute;top:0}