.pin-pad[data-v-6dcd18a7]{margin-inline:auto;width:min(100%,330px)}.pin-person[data-v-6dcd18a7]{align-items:center;display:flex;flex-direction:column;gap:9px;text-align:center}.pin-person>span[data-v-6dcd18a7]{background:var(--ink);border-radius:20px 8px;color:var(--paper);display:grid;font-size:24px;font-weight:900;height:62px;place-items:center;width:62px}.pin-person p[data-v-6dcd18a7]{color:var(--body);margin:0}.pin-error[data-v-6dcd18a7]{background:var(--danger-soft);border:1px solid #e8b7b5;border-radius:11px;color:var(--danger);margin:14px 0 0;padding:10px;text-align:center}.pin-dots[data-v-6dcd18a7]{display:flex;gap:16px;justify-content:center;margin-block:24px}.pin-dots span[data-v-6dcd18a7]{background:var(--paper);border:2px solid var(--line-strong);border-radius:50%;height:14px;transition:transform .15s ease,background .15s ease;width:14px}.pin-dots span.filled[data-v-6dcd18a7]{background:var(--orange);border-color:var(--orange);transform:scale(1.12)}.pin-keys[data-v-6dcd18a7]{display:grid;gap:9px;grid-template-columns:repeat(3,1fr)}.pin-keys button[data-v-6dcd18a7]{background:var(--cream);border:1px solid var(--line);border-radius:13px;color:var(--ink);cursor:pointer;font:inherit;font-size:18px;font-weight:900;min-height:52px}.pin-keys button[data-v-6dcd18a7]:active{background:var(--orange-soft)}.pin-keys button.pin-utility[data-v-6dcd18a7]{background:transparent;border-color:transparent;color:var(--body);font-size:11px}.pin-protection[data-v-6dcd18a7]{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:5px;justify-content:center;margin:18px 0 0}