svg.patternlock g.lock-lines line{stroke-width:1.5px;stroke:#000;opacity:.5}svg.patternlock g.lock-dots circle{stroke:#0000;fill:#000;stroke-width:13.5px}svg.patternlock g.lock-actives circle{fill:#000;opacity:.2;transform-origin:50%;animation:.15s lock-activate-dot}svg.patternlock g.lock-lines line{stroke-width:1.5px;stroke-linecap:round}svg.patternlock.success g.lock-actives circle{fill:green}svg.patternlock.error g.lock-actives circle{fill:red}@keyframes lock-activate-dot{0%{transform:scale(0)}75%{transform:scale(1.1)}to{transform:scale(1)}}