.oui-otp-input{flex-direction:column;align-items:flex-start;display:inline-flex}.oui-otp-input>div{gap:20px}.oui-otp-input .oui-otp-input--error-text{color:#eb393a;text-transform:none;letter-spacing:0;text-indent:0;grid-template-rows:0fr;font-size:12px;font-weight:500;line-height:16px;text-decoration:none;transition:grid-template-rows .25s ease-in-out;display:grid}@media (max-width:500px){.oui-otp-input .oui-otp-input--error-text{font-size:13px}}@media (max-width:380px){.oui-otp-input .oui-otp-input--error-text{font-size:12px}}.oui-otp-input .oui-otp-input--error-text>span{overflow:hidden}.oui-otp-input.oui-otp-input--error>.oui-otp-input--error-text{grid-template-rows:1fr}.oui-otp-input.oui-otp-input--small input{text-transform:none;letter-spacing:0;text-indent:0;font-size:12px;font-weight:500;line-height:16px;text-decoration:none;width:32px!important;height:32px!important}@media (max-width:500px){.oui-otp-input.oui-otp-input--small input{font-size:13px}}@media (max-width:380px){.oui-otp-input.oui-otp-input--small input{font-size:12px}}.oui-otp-input.oui-otp-input--medium input{text-transform:none;letter-spacing:0;text-indent:0;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;width:40px!important;height:40px!important}@media (max-width:500px){.oui-otp-input.oui-otp-input--medium input{font-size:13px}}@media (max-width:380px){.oui-otp-input.oui-otp-input--medium input{font-size:12px}}.oui-otp-input.oui-otp-input--large input{text-transform:none;letter-spacing:0;text-indent:0;font-size:14px;font-weight:600;line-height:18px;text-decoration:none;width:48px!important;height:48px!important}@media (max-width:500px){.oui-otp-input.oui-otp-input--large input{font-size:15.17px}}@media (max-width:380px){.oui-otp-input.oui-otp-input--large input{font-size:14px}}.oui-otp-input.oui-otp-input--disabled input{cursor:not-allowed;color:#8a8a8a;background-color:#f5f5f5}.oui-otp-input:not(.oui-otp-input--disabled) input:not(:disabled):hover{border-color:#b1b1b1}.oui-otp-input:not(.oui-otp-input--disabled) input:not(:disabled):focus,.oui-otp-input:not(.oui-otp-input--disabled) input:not(:disabled):focus-within{border-color:#ff970a;outline:none}.oui-otp-input.oui-otp-input--error input{border-color:#eb393a}.oui-otp-input.oui-otp-input--error input:not(:disabled):hover{border-color:#f59c9d}.oui-otp-input.oui-otp-input--error input:not(:disabled):focus,.oui-otp-input.oui-otp-input--error input:not(:disabled):focus-within{border-color:#eb393a;outline:none}.oui-otp-input input{margin-block:2px;color:#3c3c3c;background-color:#fff;border:1px solid #d8d8d8;border-radius:8px;margin-bottom:4px;transition:background-color .25s ease-in-out,opacity .25s ease-in-out,border-color .25s ease-in-out}.oui-otp-input input:disabled{cursor:not-allowed;background-color:#f5f5f5}.oui-otp-input input::placeholder{color:#8a8a8a}