.input-component{display:flex;flex-direction:column;gap:8px;width:100%}.input-component .input{width:100%;border-radius:2px}.input-component.white .input{background:#fff}.input-component.no-border .input{background:#fff;border:1px solid transparent}.input-component.transparent .input{background:transparent}.input-component.error{position:relative}.input-component.error .input{border:1px solid #eb5757;animation:shineBorder .7s linear;animation-iteration-count:.7s}.input-component.error input::-moz-placeholder{color:#eb5757}.input-component.error .label,.input-component.error input::placeholder{color:#eb5757}.input-component.error .error-description{animation:shineBg .7s linear;animation-iteration-count:.7s;background-color:#eb5757;color:#f8f2ea;font-size:12px;border-radius:0 0 2px 2px;height:20px;display:flex;align-items:center;margin-top:-8px;padding-left:8px;gap:6px;position:absolute;bottom:-20px;width:100%}@keyframes shineBg{0%{background-color:transparent}20%{background-color:#eb5757}40%{background-color:#e58484}60%{background-color:#eb5757}80%{background-color:#e58484}to{background-color:#eb5757}}@keyframes shineBorder{0%{border:1px solid transparent}20%{border:1px solid #eb5757}40%{border:1px solid #e58484}60%{border:1px solid #eb5757}80%{border:1px solid #e58484}to{border:1px solid #eb5757}}.input-component .label{font-size:14px;line-height:24px;font-weight:600;display:flex;justify-content:space-between}.input-component .label-desc{align-self:center;font-weight:400!important;margin-left:auto;font-size:11px;line-height:24px}.input-component .input{padding:20px 16px;border:1px solid #c1bfbc}.input-component .input::-moz-placeholder{color:rgba(23,37,61,.667)}.input-component .input::placeholder{color:rgba(23,37,61,.667)}