.vc-otp-input{position:relative;display:inline-flex;align-items:center;gap:.5rem}.vc-otp-input__field{height:2.5rem;width:2.5rem;text-align:center;font-size:1.125rem;font-weight:600;border-radius:.375rem;border-width:1px;border-color:var(--field-borders);background-color:var(--field-bg);color:var(--default-text);outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-moz-appearance:textfield}.vc-otp-input__field::-webkit-outer-spin-button,.vc-otp-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vc-otp-input__field::-moz-placeholder{color:var(--placeholders);opacity:.5}.vc-otp-input__field::placeholder{color:var(--placeholders);opacity:.5}.vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input__field:focus{border-color:var(--active-elements--focus);--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input__field:disabled{cursor:not-allowed;background-color:var(--main-bg);color:var(--inactive-elements);border-color:var(--field-borders)}.vc-otp-input__field:-moz-read-only{cursor:default}.vc-otp-input__field:read-only{cursor:default}.vc-otp-input__separator{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.125rem;font-weight:500;color:var(--inactive-text);margin-left:.25rem;margin-right:.25rem}.vc-otp-input--primary .vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--primary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--primary .vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--primary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--primary .vc-otp-input__field:focus{border-color:var(--primary-actions--focus);--tw-shadow: 0 0 3px var(--primary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--secondary .vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--secondary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--secondary .vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--secondary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--secondary .vc-otp-input__field:focus{border-color:var(--secondary-actions--focus);--tw-shadow: 0 0 3px var(--secondary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--destructive .vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--destructive-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--destructive .vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--destructive-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--destructive .vc-otp-input__field:focus{border-color:var(--destructive-actions--focus);--tw-shadow: 0 0 3px var(--destructive-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--success .vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--success-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--success .vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--success-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--success .vc-otp-input__field:focus{border-color:var(--success-actions--focus);--tw-shadow: 0 0 3px var(--success-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--warning .vc-otp-input__field:hover:not(:disabled):not(:-moz-read-only){--tw-shadow: 0 0 3px var(--warning-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--warning .vc-otp-input__field:hover:not(:disabled):not(:read-only){--tw-shadow: 0 0 3px var(--warning-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input--warning .vc-otp-input__field:focus{border-color:var(--warning-actions--focus);--tw-shadow: 0 0 3px var(--warning-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-otp-input.is--error .vc-otp-input__field{border-color:var(--error-actions)}.vc-otp-input.is--error .vc-otp-input__field:focus{border-color:var(--error-actions)}.vc-otp-input.is--disabled{opacity:.6}.vc-otp-input.is--disabled .vc-otp-input__field{cursor:not-allowed;background-color:var(--main-bg);color:var(--inactive-elements)}.vc-otp-input.is--readonly .vc-otp-input__field{cursor:default}.vc-otp-input.is--rtl{flex-direction:row-reverse}.vc-otp-input.is--loading .vc-otp-input__field{cursor:wait}