@lbgm/otp-widget-vue/dist/style.css

OTP code input widget for Vue

[data-v-27fa7e78]::placeholder{font-weight:400;color:gray}.otp-gap-1[data-v-27fa7e78]{margin:-1px 0 0 -1px;width:calc(100% + 1px)}.otp-gap-1>*[data-v-27fa7e78]{margin:1px 0 0 1px}.otp-gap-2[data-v-27fa7e78]{margin:-2px 0 0 -2px;width:calc(100% + 2px)}.otp-gap-2>*[data-v-27fa7e78]{margin:2px 0 0 2px}.otp-gap-3[data-v-27fa7e78]{margin:-3px 0 0 -3px;width:calc(100% + 3px)}.otp-gap-3>*[data-v-27fa7e78]{margin:3px 0 0 3px}.otp-gap-4[data-v-27fa7e78]{margin:-4px 0 0 -4px;width:calc(100% + 4px)}.otp-gap-4>*[data-v-27fa7e78]{margin:4px 0 0 4px}.otp-gap-5[data-v-27fa7e78]{margin:-5px 0 0 -5px;width:calc(100% + 5px)}.otp-gap-5>*[data-v-27fa7e78]{margin:5px 0 0 5px}.otp-gap-6[data-v-27fa7e78]{margin:-6px 0 0 -6px;width:calc(100% + 6px)}.otp-gap-6>*[data-v-27fa7e78]{margin:6px 0 0 6px}.otp-gap-7[data-v-27fa7e78]{margin:-7px 0 0 -7px;width:calc(100% + 7px)}.otp-gap-7>*[data-v-27fa7e78]{margin:7px 0 0 7px}.otp-gap-8[data-v-27fa7e78]{margin:-8px 0 0 -8px;width:calc(100% + 8px)}.otp-gap-8>*[data-v-27fa7e78]{margin:8px 0 0 8px}.otp-gap-9[data-v-27fa7e78]{margin:-9px 0 0 -9px;width:calc(100% + 9px)}.otp-gap-9>*[data-v-27fa7e78]{margin:9px 0 0 9px}.otp-gap-10[data-v-27fa7e78]{margin:-10px 0 0 -10px;width:calc(100% + 10px)}.otp-gap-10>*[data-v-27fa7e78]{margin:10px 0 0 10px}.otp-gap-11[data-v-27fa7e78]{margin:-11px 0 0 -11px;width:calc(100% + 11px)}.otp-gap-11>*[data-v-27fa7e78]{margin:11px 0 0 11px}.otp-gap-12[data-v-27fa7e78]{margin:-12px 0 0 -12px;width:calc(100% + 12px)}.otp-gap-12>*[data-v-27fa7e78]{margin:12px 0 0 12px}.otp-gap-13[data-v-27fa7e78]{margin:-13px 0 0 -13px;width:calc(100% + 13px)}.otp-gap-13>*[data-v-27fa7e78]{margin:13px 0 0 13px}.otp-gap-14[data-v-27fa7e78]{margin:-14px 0 0 -14px;width:calc(100% + 14px)}.otp-gap-14>*[data-v-27fa7e78]{margin:14px 0 0 14px}.otp-gap-15[data-v-27fa7e78]{margin:-15px 0 0 -15px;width:calc(100% + 15px)}.otp-gap-15>*[data-v-27fa7e78]{margin:15px 0 0 15px}.otp-gap-16[data-v-27fa7e78]{margin:-16px 0 0 -16px;width:calc(100% + 16px)}.otp-gap-16>*[data-v-27fa7e78]{margin:16px 0 0 16px}.otp-gap-17[data-v-27fa7e78]{margin:-17px 0 0 -17px;width:calc(100% + 17px)}.otp-gap-17>*[data-v-27fa7e78]{margin:17px 0 0 17px}.otp-gap-18[data-v-27fa7e78]{margin:-18px 0 0 -18px;width:calc(100% + 18px)}.otp-gap-18>*[data-v-27fa7e78]{margin:18px 0 0 18px}.otp-gap-19[data-v-27fa7e78]{margin:-19px 0 0 -19px;width:calc(100% + 19px)}.otp-gap-19>*[data-v-27fa7e78]{margin:19px 0 0 19px}.otp-gap-20[data-v-27fa7e78]{margin:-20px 0 0 -20px;width:calc(100% + 20px)}.otp-gap-20>*[data-v-27fa7e78]{margin:20px 0 0 20px}.otp-gap-21[data-v-27fa7e78]{margin:-21px 0 0 -21px;width:calc(100% + 21px)}.otp-gap-21>*[data-v-27fa7e78]{margin:21px 0 0 21px}.otp-gap-22[data-v-27fa7e78]{margin:-22px 0 0 -22px;width:calc(100% + 22px)}.otp-gap-22>*[data-v-27fa7e78]{margin:22px 0 0 22px}.otp-gap-23[data-v-27fa7e78]{margin:-23px 0 0 -23px;width:calc(100% + 23px)}.otp-gap-23>*[data-v-27fa7e78]{margin:23px 0 0 23px}.otp-gap-24[data-v-27fa7e78]{margin:-24px 0 0 -24px;width:calc(100% + 24px)}.otp-gap-24>*[data-v-27fa7e78]{margin:24px 0 0 24px}.otp-gap-25[data-v-27fa7e78]{margin:-25px 0 0 -25px;width:calc(100% + 25px)}.otp-gap-25>*[data-v-27fa7e78]{margin:25px 0 0 25px}.otp-gap-26[data-v-27fa7e78]{margin:-26px 0 0 -26px;width:calc(100% + 26px)}.otp-gap-26>*[data-v-27fa7e78]{margin:26px 0 0 26px}.otp-gap-27[data-v-27fa7e78]{margin:-27px 0 0 -27px;width:calc(100% + 27px)}.otp-gap-27>*[data-v-27fa7e78]{margin:27px 0 0 27px}.otp-gap-28[data-v-27fa7e78]{margin:-28px 0 0 -28px;width:calc(100% + 28px)}.otp-gap-28>*[data-v-27fa7e78]{margin:28px 0 0 28px}.otp-gap-29[data-v-27fa7e78]{margin:-29px 0 0 -29px;width:calc(100% + 29px)}.otp-gap-29>*[data-v-27fa7e78]{margin:29px 0 0 29px}.otp-gap-30[data-v-27fa7e78]{margin:-30px 0 0 -30px;width:calc(100% + 30px)}.otp-gap-30>*[data-v-27fa7e78]{margin:30px 0 0 30px}.otp-gap-31[data-v-27fa7e78]{margin:-31px 0 0 -31px;width:calc(100% + 31px)}.otp-gap-31>*[data-v-27fa7e78]{margin:31px 0 0 31px}.otp-gap-32[data-v-27fa7e78]{margin:-32px 0 0 -32px;width:calc(100% + 32px)}.otp-gap-32>*[data-v-27fa7e78]{margin:32px 0 0 32px}.otp-gap-33[data-v-27fa7e78]{margin:-33px 0 0 -33px;width:calc(100% + 33px)}.otp-gap-33>*[data-v-27fa7e78]{margin:33px 0 0 33px}.otp-gap-34[data-v-27fa7e78]{margin:-34px 0 0 -34px;width:calc(100% + 34px)}.otp-gap-34>*[data-v-27fa7e78]{margin:34px 0 0 34px}.otp-gap-35[data-v-27fa7e78]{margin:-35px 0 0 -35px;width:calc(100% + 35px)}.otp-gap-35>*[data-v-27fa7e78]{margin:35px 0 0 35px}.otp-gap-36[data-v-27fa7e78]{margin:-36px 0 0 -36px;width:calc(100% + 36px)}.otp-gap-36>*[data-v-27fa7e78]{margin:36px 0 0 36px}.otp-gap-37[data-v-27fa7e78]{margin:-37px 0 0 -37px;width:calc(100% + 37px)}.otp-gap-37>*[data-v-27fa7e78]{margin:37px 0 0 37px}.otp-gap-38[data-v-27fa7e78]{margin:-38px 0 0 -38px;width:calc(100% + 38px)}.otp-gap-38>*[data-v-27fa7e78]{margin:38px 0 0 38px}.otp-gap-39[data-v-27fa7e78]{margin:-39px 0 0 -39px;width:calc(100% + 39px)}.otp-gap-39>*[data-v-27fa7e78]{margin:39px 0 0 39px}.otp-gap-40[data-v-27fa7e78]{margin:-40px 0 0 -40px;width:calc(100% + 40px)}.otp-gap-40>*[data-v-27fa7e78]{margin:40px 0 0 40px}.otp-gap-41[data-v-27fa7e78]{margin:-41px 0 0 -41px;width:calc(100% + 41px)}.otp-gap-41>*[data-v-27fa7e78]{margin:41px 0 0 41px}.otp-gap-42[data-v-27fa7e78]{margin:-42px 0 0 -42px;width:calc(100% + 42px)}.otp-gap-42>*[data-v-27fa7e78]{margin:42px 0 0 42px}.otp-gap-43[data-v-27fa7e78]{margin:-43px 0 0 -43px;width:calc(100% + 43px)}.otp-gap-43>*[data-v-27fa7e78]{margin:43px 0 0 43px}.otp-gap-44[data-v-27fa7e78]{margin:-44px 0 0 -44px;width:calc(100% + 44px)}.otp-gap-44>*[data-v-27fa7e78]{margin:44px 0 0 44px}.otp-gap-45[data-v-27fa7e78]{margin:-45px 0 0 -45px;width:calc(100% + 45px)}.otp-gap-45>*[data-v-27fa7e78]{margin:45px 0 0 45px}.otp-gap-46[data-v-27fa7e78]{margin:-46px 0 0 -46px;width:calc(100% + 46px)}.otp-gap-46>*[data-v-27fa7e78]{margin:46px 0 0 46px}.otp-gap-47[data-v-27fa7e78]{margin:-47px 0 0 -47px;width:calc(100% + 47px)}.otp-gap-47>*[data-v-27fa7e78]{margin:47px 0 0 47px}@-moz-document url-prefix(){input[type=number][data-v-27fa7e78]{max-width:24px;padding:12px 0}}div[data-widget=widget-otp-parent][data-v-27fa7e78]{display:flex;justify-content:center;flex-wrap:wrap;border:0}div[data-widget=widget-otp-parent] input[data-v-27fa7e78]::-webkit-outer-spin-button,div[data-widget=widget-otp-parent] input[data-v-27fa7e78]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}div[data-widget=widget-otp-parent] input[data-v-27fa7e78]{border:0;outline:none;background:transparent;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:12px;border:1px solid gray;border-radius:3px;text-align:center;cursor:pointer}div[data-widget=widget-otp-parent] input[type=number][data-v-27fa7e78]{-moz-appearance:textfield}div[data-widget=widget-otp-parent] input[type=text][data-v-27fa7e78]{max-width:36px;padding:12px 0}div[data-widget=widget-otp-parent] input[data-v-27fa7e78]:hover{opacity:.9}div[data-widget=widget-otp-parent] input[data-v-27fa7e78]:focus{border-color:#0075a3}div[data-widget=widget-otp-parent] input.hasvalue[data-v-27fa7e78]{border-color:#41cd52}