.otp-container{margin:var(--spacing-md) 0}.otp-input{width:45px;height:45px;font-size:var(--font-size-lg);padding:0;margin:0 var(--spacing-xs);text-align:center;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.otp-input:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 .2rem rgba(82,40,132,.25)}.otp-input.is-invalid{border-color:var(--color-danger);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}@media (max-width:576px){.otp-input{width:40px;height:40px;font-size:var(--font-size-base)}}