.ui-input{background-color:hsl(var(--field-hsl));border-radius:1rem;display:flex;height:3rem}.ui-input__field{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:initial;border:0;box-sizing:border-box;color:hsl(var(--field-text-hsl));flex-basis:0;flex-grow:1;font-size:var(--text-size-default);font-weight:var(--text-weight-regular);line-height:inherit;min-height:0;outline:none;padding:0 1rem;position:relative;width:100%}.ui-input__field::-webkit-input-placeholder{color:hsl(var(--graphite-300-hsl));-webkit-transition:color .2s;transition:color .2s}.ui-input__field::-ms-input-placeholder{color:hsl(var(--graphite-300-hsl));-ms-transition:color .2s;transition:color .2s}.ui-input__field::placeholder{color:hsl(var(--graphite-300-hsl));transition:color .2s}.ui-input__field::-ms-clear{display:none}.ui-input__field::-webkit-inner-spin-button,.ui-input__field::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ui-input__field::-webkit-calendar-picker-indicator{display:none}.ui-input__field:-webkit-autofill{animation-fill-mode:both;animation-name:autofill;-webkit-background-clip:text;background-clip:text}