body{margin:0;box-sizing:border-box;font-family:"Noto Sans",sans-serif;color:#333}.wrapper_128hf{display:flex;justify-content:center;min-height:100vh;padding:16px;box-sizing:border-box}.container_3qxJc{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header_1wrze{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #ddd;text-align:left}.header-top_NmQiq{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:4px}.header-title_1pcjI{font-size:20px;font-weight:bold}.github-link_35L1I{display:flex;align-items:center;opacity:.6;transition:opacity .15s ease}.github-link_35L1I:hover{opacity:1}.header-body_1ZSFd{font-size:13px;color:#555;margin:0;line-height:1.5}.app_2iKXm{display:flex;grid-gap:16px;gap:16px}@media(max-width: 820px){.app_2iKXm{flex-direction:column;align-items:center}}
.cell_33eFD{height:100%;width:100%;border-radius:2px;border:1px solid #dcdcdc;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.04s ease-in}.cell_33eFD.fill_3ffM4{background-color:#333030;transition:.07s ease-out}.cell_33eFD:hover:not(.fill_3ffM4){background-color:#e1e1e1;transition:.07s ease-out}.cell-no-transition_88Yja{height:100%;width:100%;border-radius:2px;border:1px solid #dcdcdc;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cell-no-transition_88Yja.fill_3ffM4{background-color:#333030}.cell-no-transition_88Yja:hover:not(.fill_3ffM4){background-color:#e1e1e1}
.board_3IakH{--cell-size: 14px}@media(max-width: 820px){.board_3IakH{--cell-size: 12px}}@media(max-width: 640px){.board_3IakH{--cell-size: 9px}}@media(max-width: 480px){.board_3IakH{--cell-size: 7px}}.board_3IakH{display:grid;grid-template-rows:repeat(50, var(--cell-size));grid-template-rows:repeat(50, var(--cell-size));grid-template-columns:repeat(50, var(--cell-size));grid-template-columns:repeat(50, var(--cell-size));box-sizing:inherit}.board_3IakH.pen_1hd8n{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='orange' %3E %3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z' /%3E %3Cpath d='M0 0h24v24H0z' fill='none' /%3E %3C/svg%3E") 0 24,auto}.board_3IakH.eraser_LrYQJ{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='pink' %3E %3Crect width='16' height='16' rx='3' ry='3' /%3E %3C/svg%3E") 12 12,crosshair}.board_3IakH.running_11udp{cursor:auto}.board_3IakH.inert_3h46A{opacity:.45}.rules-title_2WMP9{margin-top:12px;font-size:14px;font-weight:bold}.rules_m541y{margin:12px 0 0 0;padding-left:18px;font-size:13px;color:#555;line-height:1.8}
.status_1eYpf{padding:13px}.name_1wJfl{font-size:12px;color:#444}.message_CeTFq{font-size:12px}
.holder_29gSl{padding:13px;height:auto;width:205px}.holder_29gSl.empty_kSGdn{opacity:0;min-height:44px;transition:opacity .1s ease-in;cursor:default}.holder_29gSl.show-time_3zuCz{opacity:1;-webkit-animation:slide-in_20byU .15s ease-out;animation:slide-in_20byU .15s ease-out;transition:opacity .15s ease-out}@-webkit-keyframes slide-in_20byU{0%{-webkit-transform:translateY(0.3rem);transform:translateY(0.3rem)}100%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}}@keyframes slide-in_20byU{0%{-webkit-transform:translateY(0.3rem);transform:translateY(0.3rem)}100%{-webkit-transform:translateY(0rem);transform:translateY(0rem)}}.message_13TFy{font-size:13px;margin-bottom:2px;color:#333}.controls_1oOjG{display:flex;align-items:center;justify-content:space-between;width:212px}.board-code_2B4tT{font-family:"Source Code Pro",sans-serif;min-height:20px;color:gray;border-radius:3px;border:1px solid gray;outline:none;cursor:pointer;width:150px}.button_2RO_b{cursor:pointer;padding-top:3px}
.section-label_1l8er{padding-left:13px;margin-top:20px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;color:#999}.toggle_3gEuW{border-radius:5px;padding:13px;display:flex;justify-content:space-between;width:90px}.running-controls_2DaiQ{display:flex;align-items:center}.interval_24X_d{padding:4px;font-size:15px;outline:none;text-align:right;color:#333;border-radius:3px;border:1px solid gray;margin-top:2px}.interval_24X_d:focus{border:1px solid hsl(200,87%,56%)}.keys_1lXvn{display:flex;justify-content:space-between;width:180px;padding:13px}
@-webkit-keyframes pulse_277UD{0%,100%{box-shadow:0 4.5px 0 0 hsl(200,87%,46%)}50%{box-shadow:0 4.5px 0 0 hsl(200,87%,46%),0 0 0 5px hsla(200,87%,56%,.35)}}@keyframes pulse_277UD{0%,100%{box-shadow:0 4.5px 0 0 hsl(200,87%,46%)}50%{box-shadow:0 4.5px 0 0 hsl(200,87%,46%),0 0 0 5px hsla(200,87%,56%,.35)}}.button_3z5lH{cursor:pointer;border:none;outline:none;border-radius:5px;box-shadow:0 4.5px 0 0 hsl(200,87%,46%);padding:8px;background-color:hsl(200,87%,56%);color:#fff;font-size:1rem;text-align:center;transition:.1s ease-in}.button_3z5lH:hover:enabled{box-shadow:0 3.5px 0 0 hsl(200,87%,46%);-webkit-transform:translateY(1px);transform:translateY(1px)}.button_3z5lH:active:enabled{box-shadow:0 1.5px 0 0 hsl(200,87%,46%);-webkit-transform:translateY(3px);transform:translateY(3px);outline:none}.button_3z5lH:focus:enabled{transition:outline .12s ease-out;outline-offset:.4rem}.button_3z5lH:disabled{cursor:auto}.button_3z5lH.pressed_pMUKq{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 1.5px 0 0 hsl(200,87%,46%)}.button_3z5lH.pressed_pMUKq.greyed_1BzoM{background-color:hsl(0,0%,95%);box-shadow:0 1.5px 0 0 hsl(0,0%,89%)}.button_3z5lH.round_338Jp{border-radius:7px}.button_3z5lH.greyed_1BzoM{background-color:hsl(0,0%,95%);box-shadow:0 4.5px 0 0 hsl(0,0%,89%);color:gray;transition:.15s ease-out}.button_3z5lH.highlight_2T2jG{-webkit-animation:pulse_277UD 1.4s ease-in-out infinite;animation:pulse_277UD 1.4s ease-in-out infinite}
.title_3bzMt{padding-left:13px;margin-top:20px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;color:#999}.controls_2ryU3{display:flex;justify-content:space-between;width:220px;padding:13px;padding-top:5px}.code_epUmJ{resize:none;font-family:"Source Code Pro",sans-serif;color:gray;border-radius:3px;border:1px solid gray;outline:none;width:150px}.code_epUmJ:focus{border:1px solid hsl(200,87%,56%)}
.saved-boards-title_1dJb3{display:flex;align-items:center;grid-gap:5px;gap:5px;padding-left:13px;margin-top:20px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;color:#999}.saved-boards_bZb2U{margin:7px 0 0 13px;padding:4px 0 4px 0;height:182px;border-top:1px solid #333;border-bottom:1px solid #333;overflow:scroll}.saved-boards_bZb2U.disabled_3RCO4{pointer-events:none;color:#777}.info_2U2nt{display:flex;align-items:center;cursor:default;text-transform:none;letter-spacing:normal;font-weight:normal;font-size:12px}ul{padding-left:23px}li{padding-bottom:7px}
.item_Whcxh{cursor:pointer;margin:2px 0 2px 0;padding:0 10px 0 10px;border-radius:3px;display:flex;text-align:center;transition:.15s ease-in}.item_Whcxh:hover{background-color:#efefef;transition:.2s ease-out}.item_Whcxh.active_2NGbQ{background-color:rgba(150,245,154,.5882352941);transition:.2s ease-out}