.KeyPin{border:2px solid #929292;border-radius:5px;margin:12px;padding:8px;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,0.251);background:#fff;position:relative;height:52px}.KeyPin.KeyPin--position{border-color:#18c52d;box-shadow:2px 2px 5px rgba(24,197,45,0.251)}.KeyPin.KeyPin--unlocked{border-color:#18c52d;box-shadow:2px 2px 5px rgba(24,197,45,0.251)}.KeyPin.KeyPin--unlocked .KeyPin__knob{background:#35b335}.KeyPin__position-marker-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.KeyPin__position-marker{background:#9fdaa6;height:100%}.KeyPin__knob{box-shadow:2px 2px 5px rgba(0,0,0,0.251);border-radius:100%;position:absolute;top:0;bottom:0;width:48px;background-color:#727272;z-index:2}
.Lock{align-self:stretch;display:block}
body{background:#eee;font-family:sans-serif}*{font-family:'sans-serif';-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer:default}a{text-decoration:none}p{margin:0}.Center{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0}.Form,.Form form{display:flex;flex-flow:column nowrap}.Form p,.Form form p{font-size:22px}.Form input[type=password],.Form form input[type=password]{font-size:22px}.Form > *:not(:first-child),.Form form > *:not(:first-child){margin-top:12px}
.Button{outline:none;border:none;padding:8px 24px;font-size:22px;color:#fff;background:#35b335;border-radius:5px}

/*# sourceMappingURL=main.css.map*/