body{margin:0;height:100%;display:flex;overflow:hidden;touch-action:none}#root{height:100%;margin:auto}html{height:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#00aba9}::-webkit-scrollbar-thumb:hover{background:#00aba9}@keyframes blinkAnimation{0%{background-color:#fff;color:initial}50%{background-color:#fff}to{background-color:initial;color:initial}}.blink{animation:blinkAnimation .25s ease-out}.pinField{max-width:60px;width:100%;padding:.5rem;font-size:30px;text-align:center;border-radius:0;outline:none;background:#fff;border:1px solid #909090;transition-property:color,border,box-shadow,transform;transition-duration:.25s}.pinField:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.pinField:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.pinField:focus{outline:none;box-shadow:0 0 7px #393;border:.5px solid #339933;transform:scale(1.05)}