.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{width:100%;padding:12px 16px;border-radius:12px;transition:none;border:1px solid #e7e6e8;background-color:#fff;outline:none}.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{cursor:not-allowed;color:#b1b3b4;border:1px solid #919193}.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{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#919193;transition:all .2s ease;pointer-events:none;background:#fff;border-radius:4px;z-index:1}.component-input__label.floating{top:-7px;left:14px;transform:translateY(0);color:#919193;padding:0 4px;font-weight:400;font-size:14px;line-height:130%;letter-spacing:-.2px}.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{position:absolute;display:flex;align-items:center;right:16px}.component-input__icon{display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;width:24px;height:24px}.component-input .pen-icon{background-image:url(../img/svg/icon-input-edit-gray.svg)}.component-input .clear-icon{border:none;padding:0;margin:0;background-color:transparent;cursor:pointer}.component-input__error{width:100%;color:#ef4444;padding:0 16px}