.component-input{flex-direction:column}.component-input,.component-input__wrap{display:flex;position:relative;width:100%}.component-input__wrap{align-items:center;height:48px}.component-input__wrap:hover .pen-icon{background-image:url(../img/svg/icon-input-edit-primary.svg)}.component-input__wrap:hover .component-input__label{color:#7248da}.component-input__field{background-color:#fff;border:1px solid #e7e6e8;border-radius:12px;outline:none;padding:12px 16px;transition:none;width:100%}.component-input__field:focus{border:1px solid #181819}.component-input__field:hover{border:1px solid #8d6be0}.component-input__field::-moz-placeholder{color:#919193}.component-input__field::placeholder{color:#919193}.component-input__field .disabled,.component-input__field:disabled{border:1px solid #919193;color:#b1b3b4;cursor:not-allowed}.component-input__field::-webkit-inner-spin-button,.component-input__field::-webkit-outer-spin-button{-webkit-appearance:none}.component-input__field[type=number]{-webkit-appearance:textfield!important;-moz-appearance:textfield!important;appearance:textfield!important}.component-input__label{background:#fff;border-radius:4px;color:#919193;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:1}.component-input__label.floating{color:#919193;font-size:14px;font-weight:400;left:14px;letter-spacing:-.2px;line-height:130%;padding:0 4px;top:-7px;transform:translateY(0)}.component-input__label.focused{color:#919193}.component-input.is-warning .component-input__field{border:1px solid #f59e0b}.component-input.is-warning .clear-icon{color:#f59e0b}.component-input.is-error .component-input__field{border:1px solid #ef4444}.component-input.is-error .clear-icon{color:#ef4444}.component-input.focused .pen-icon{background-image:url(../img/svg/icon-input-edit-gray.svg)}.component-input__icons{align-items:center;display:flex;position:absolute;right:16px}.component-input__icon{align-items:center;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.component-input .pen-icon{background-image:url(../img/svg/icon-input-edit-gray.svg)}.component-input .clear-icon{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0}.component-input__error{color:#ef4444;padding:0 16px;width:100%}