.ui-input{background-color:var(--ui-input-background-color);border:1px solid var(--ui-input-border-color);width:100%;box-shadow:var(--ui-input-shadow);transition:border-color var(--trs-fast),box-shadow var(--trs-fast);border-radius:8px;display:flex}.ui-input:not(.is-full-width){width:fit-content}.ui-input:focus-within{border-color:var(--ui-input-focus-border-color);box-shadow:var(--ui-input-focus-shadow)}.ui-input__field{width:100%;min-height:44px;color:var(--ui-input-color);transition:all var(--trs-fast);outline:none;padding:12px 16px;font-size:16px;font-weight:400;line-height:20px}.ui-input__field.icon{padding:12px 16px 12px 0}.ui-input__field::placeholder{color:var(--ui-input-placeholder-color)}.ui-input__field:-webkit-autofill{-webkit-text-fill-color:var(--ui-input-color);-webkit-box-shadow:0 0 0 1000px var(--ui-input-background-color) inset;transition:background-color 5000s ease-in-out}.ui-input__field:-webkit-autofill:focus{-webkit-text-fill-color:var(--ui-input-color);-webkit-box-shadow:0 0 0 1000px var(--ui-input-background-color) inset;transition:background-color 5000s ease-in-out}.ui-input__field:-webkit-autofill:hover{-webkit-text-fill-color:var(--ui-input-color);-webkit-box-shadow:0 0 0 1000px var(--ui-input-background-color) inset;transition:background-color 5000s ease-in-out}.ui-input.is-error{border-color:var(--ui-input-error-border-color);box-shadow:var(--ui-input-error-shadow)}.ui-input.is-error .ui-input__help{color:var(--ui-input-error-color)}.ui-input.is-disabled{box-shadow:none}.ui-input.is-disabled .ui-input__label{color:var(--ui-input-disabled-color)}.ui-input.is-disabled .ui-input__field{border-color:var(--ui-input-disabled-border-color);color:var(--ui-input-disabled-color);cursor:not-allowed;background-color:#0000}.ui-input.is-compact{box-shadow:none;border-color:var(--border-subtle);border-radius:100px}.ui-input.is-compact .ui-input__field{min-height:36px;padding:8px 14px;font-size:14px;line-height:18px}.ui-input.is-compact .ui-input__icon-wrap{width:38px}.ui-input.is-compact .ui-input__icon{width:16px;height:16px}.ui-input__icon-wrap{justify-content:center;align-items:center;width:50px;display:flex}.ui-input__icon{width:20px;height:20px;color:var(--ui-input-placeholder-color)}.ui-input__clear{cursor:pointer;justify-content:center;align-items:center;padding:0 12px;display:flex}.ui-input__clear-icon{width:16px;height:16px;color:var(--ui-input-placeholder-color);transition:color var(--trs-fast)}.ui-input__clear-icon:hover{color:var(--ui-input-color)}.ui-input__field.has-clear{padding-right:0}