.ui-input{--modal-z-index:1000;--input-padding:20px;--input-label-padding:4px;--field-height:64px;display:flex}.ui-input__field{background-color:var(--surface-white);border:2px solid rgba(2,1,0,.25);box-sizing:border-box;display:flex;height:var(--field-height);min-width:136px;position:relative;transition:var(--primary-transition) background-color;width:100%}.ui-input__field label{-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;background-color:var(--bg-white);color:var(--text-colors-body-text);display:-webkit-box;font-size:12px;font-weight:500;left:var(--input-padding);line-height:16px;max-width:calc(100% - var(--input-padding)*2 - var(--input-label-padding)*2);overflow:hidden;padding:0 var(--input-label-padding);position:absolute;text-overflow:ellipsis;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:var(--secondary-transition);width:-moz-fit-content;width:fit-content}.ui-input__field input{background-color:transparent;border:none;box-sizing:border-box;color:var(--text-colors-body-text);min-width:auto;outline:none;padding:var(--input-padding);position:relative;width:100%}.ui-input__field input::-moz-placeholder{color:var(--subtle-text2);opacity:0;-moz-transition:var(--secondary-transition) opacity;transition:var(--secondary-transition) opacity}.ui-input__field input::placeholder{color:var(--subtle-text2);opacity:0;transition:var(--secondary-transition) opacity}.ui-input.--gray .ui-input__field,.ui-input.--gray .ui-input__field label{background-color:var(--bg-white)}.ui-input.--input-large{--field-height:80px}.ui-input.contain .ui-input__field label,.ui-input.focus .ui-input__field label{left:0;padding:0;top:-10px;transform:translateY(calc(-50% - 1px))}.ui-input.isClick .ui-input__field{border-color:var(--bg-primary)!important}.ui-input.focus .ui-input__field{border-color:rgba(2,1,0,.25)}.ui-input.focus .ui-input__field label{z-index:calc(var(--modal-z-index) - 1000)}.ui-input.focus .ui-input__field input::-moz-placeholder{opacity:1}.ui-input.focus .ui-input__field input::placeholder{opacity:1}.ui-input.unvalid .ui-input__field{border-color:var(--color-red)}.iti{width:100%}