.component-input{flex-direction:column}.component-input,.component-input__wrap{width:100%;display:flex;position:relative}.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;width:100%;padding:12px 16px;transition:none}.component-input__field:focus{border:1px solid #181819}.component-input__field:hover{border:1px solid #8d6be0}.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{-webkit-appearance:none}.component-input__field::-webkit-outer-spin-button{-webkit-appearance:none}.component-input__field[type=number]{appearance:textfield!important}.component-input__label{color:#919193;pointer-events:none;z-index:1;background:#fff;border-radius:4px;transition:all .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.component-input__label.floating{color:#919193;letter-spacing:-.2px;padding:0 4px;font-size:14px;font-weight:400;line-height:130%;top:-7px;left:14px;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{justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .3s;display:flex}.component-input .pen-icon{background-image:url(../img/svg/icon-input-edit-gray.svg)}.component-input .clear-icon{cursor:pointer;background-color:#0000;border:none;margin:0;padding:0}.component-input__error{color:#ef4444;width:100%;padding:0 16px}