.dark div.vue-pincode-input-wrapper{--tw-bg-opacity:1;background-color:rgba(32,42,55,var(--tw-bg-opacity))}div.vue-pincode-input-wrapper{display:flex;justify-content:center}input.vue-pincode-input{border-width:2px;border-color:rgba(171,175,182,var(--tw-border-opacity));background-color:rgba(234,235,237,var(--tw-bg-opacity));color:rgba(11,15,19,var(--tw-text-opacity))}.dark input.vue-pincode-input,input.vue-pincode-input{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.dark input.vue-pincode-input{border-color:rgba(11,15,19,var(--tw-border-opacity));background-color:rgba(23,30,39,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}input.vue-pincode-input{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important;font-size:35px!important;font-weight:600!important;padding:6px 12px!important;max-width:65px;max-height:65px;margin:10px;transition:all .3s ease}input.vue-pincode-input:focus{border:2px solid #07a4ff}@media screen and (max-width:600px){input.vue-pincode-input{background-color:#171e27!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important;color:#fff!important;font-size:35px!important;font-weight:600!important;padding:6px 6px!important;max-width:50px;margin:6px;border:2px solid #171e27;transition:all .3s ease}input.vue-pincode-input:focus{border:2px solid #07a4ff}}.fade-enter-active,.fade-leave-active{transition:all .9s ease;overflow:hidden;visibility:visible;opacity:1}.fade-enter,.fade-leave-to{width:100%;opacity:0}