.base-input{border:1px solid #ced7dd;border-radius:2px;overflow:hidden;transition:border-color .3s ease-in-out}.base-input__wrapper{position:relative;width:100%}.base-input__wrapper .tippy-box{background-color:#fff;box-shadow:0 1px 20px #0003;color:#db1237;padding-bottom:8px;padding-top:8px}.base-input__wrapper .tippy-box .tippy-arrow{color:#fff;left:auto!important;transform:none!important}.base-input input,.base-input textarea{background-color:transparent;border:none;color:#000;flex-grow:1;font-size:14px;line-height:18px;outline:none;padding:12px 16px;text-overflow:ellipsis;width:100%}.base-input input::-moz-placeholder,.base-input textarea::-moz-placeholder{color:#555d6f}.base-input input::placeholder,.base-input textarea::placeholder{color:#555d6f}.base-input input:focus::-moz-placeholder,.base-input textarea:focus::-moz-placeholder{color:transparent}.base-input input:focus::placeholder,.base-input textarea:focus::placeholder{color:transparent}.base-input textarea{resize:none}.base-input--focused{border-color:#32a287}.base-input--invalid:not(.base-input--focused){border-color:#db1237}.base-input__label{font-size:16px;left:13px;line-height:18px;padding:12px 3px;pointer-events:none;position:absolute;top:0;transition:.3s ease-in-out}.base-input--focused .base-input__label,.base-input--hasValue .base-input__label{background:linear-gradient(0,#fff 58%,transparent 60%);font-size:12px;padding:0 3px;transform:translateY(-50%)}.base-input--required .base-input__label:after{color:#db1237;content:"*"}