.otp-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:rgb(var(--color-gray-500)/var(--tw-border-opacity,1));border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}.otp-input:focus{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.otp-input::-moz-placeholder{color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));opacity:1}.otp-input::placeholder{color:rgb(var(--color-gray-500)/var(--tw-text-opacity,1));opacity:1}.otp-input::-webkit-datetime-edit-fields-wrapper{padding:0}.otp-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.otp-input::-webkit-datetime-edit{display:inline-flex}.otp-input::-webkit-datetime-edit,.otp-input::-webkit-datetime-edit-day-field,.otp-input::-webkit-datetime-edit-hour-field,.otp-input::-webkit-datetime-edit-meridiem-field,.otp-input::-webkit-datetime-edit-millisecond-field,.otp-input::-webkit-datetime-edit-minute-field,.otp-input::-webkit-datetime-edit-month-field,.otp-input::-webkit-datetime-edit-second-field,.otp-input::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}.otp-input{border-radius:.75rem;border-width:0;display:block;height:48px;max-width:100%;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:22px;text-align:center;--tw-text-opacity:1;color:rgb(var(--color-gray-900)/var(--tw-text-opacity,1))}.otp-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(112 125 150/var(--tw-placeholder-opacity,1))}.otp-input::placeholder{--tw-placeholder-opacity:1;color:rgb(112 125 150/var(--tw-placeholder-opacity,1))}.otp-input{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-gray-300)/var(--tw-ring-opacity,1))}.otp-input,.otp-input:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.otp-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-500)/var(--tw-ring-opacity,1))}.otp-input:disabled{cursor:not-allowed;opacity:.75}.otp-input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(49 58 73/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.otp-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-placeholder-opacity,1))}.otp-input:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-placeholder-opacity,1))}.otp-input:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-gray-700)/var(--tw-ring-opacity,1))}.otp-input:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(49 58 73/var(--tw-bg-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-400)/var(--tw-ring-opacity,1))}.otp-input-container{grid-template-columns:repeat(4,minmax(0,1fr))}.otp-input-container,.otp-input-container-six{display:grid!important;gap:.5rem}.otp-input-container-six{grid-template-columns:repeat(6,minmax(0,1fr))}