.otp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;direction:ltr;position:relative}.otp__input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background-color:#fff!important;border:1px solid #d9d9d9;border-radius:7px;-webkit-box-shadow:none!important;box-shadow:none!important;padding:2px 0 0!important;text-align:center;direction:ltr;margin:0 5px;outline:none;font-size:20px;height:46px;min-width:0;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;font-family:inherit}.otp__input:first-child{margin-left:0}.otp__input:last-of-type{margin-right:0}.otp__error{position:absolute;left:0;right:0;top:100%;color:#dc3545;margin-top:5px;font-size:12px;z-index:50}.otp--has-error .otp__input{border-color:#dc3545}.otp--has-error .otp__input::-webkit-input-placeholder{color:#dc3545!important}.otp--has-error .otp__input::-moz-placeholder{color:#dc3545!important}.otp--has-error .otp__input:-ms-input-placeholder{color:#dc3545!important}.otp--has-error .otp__input::-ms-input-placeholder{color:#dc3545!important}.otp--has-error .otp__input::placeholder{color:#dc3545!important}.otp--size-lg .otp__input{-webkit-box-flex:0;-ms-flex:0 0 42px;flex:0 0 42px;width:42px;height:42px}