.pinpad[data-v-533cfefe]{justify-items:center;gap:18px;display:grid}.dots[data-v-533cfefe]{gap:14px;height:18px;display:flex}.dots span[data-v-533cfefe]{border:2px solid #c9cdd8;border-radius:99px;width:14px;height:14px;transition:background .15s,border-color .15s,transform .15s}.dots span.opt[data-v-533cfefe]{border-style:dashed}.dots span.on[data-v-533cfefe]{background:var(--ink);border-color:var(--ink);border-style:solid;transform:scale(1.1)}.dots.shake[data-v-533cfefe]{animation:.4s shake-533cfefe}@keyframes shake-533cfefe{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.err[data-v-533cfefe]{color:var(--danger);margin:-6px 0 0;font-size:14px;font-weight:600}.keys[data-v-533cfefe]{grid-template-columns:repeat(3,76px);gap:12px;display:grid}.key[data-v-533cfefe]{background:var(--surface);border:0;border-radius:99px;height:76px;font-size:28px;font-weight:500;transition:transform .1s,background .15s;box-shadow:0 1px 2px #262b3a14}.key[data-v-533cfefe]:active{background:var(--tile);transform:scale(.93)}.key.ghost[data-v-533cfefe]{box-shadow:none;background:0 0}.key.ghost[data-v-533cfefe],.key.go[data-v-533cfefe]{place-items:center;display:grid}.key.go[data-v-533cfefe]{background:var(--ink);color:#fff}.key.go[data-v-533cfefe]:disabled{opacity:.3}.spin[data-v-533cfefe]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:99px;width:22px;height:22px;animation:.7s linear infinite spin-533cfefe}@keyframes spin-533cfefe{to{transform:rotate(1turn)}}