*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;font-size:inherit;border:0;-webkit-appearance:none;background:transparent;color:inherit;cursor:pointer}body{font-family:Barlow,sans-serif;display:flex;flex-direction:column}html,body{height:100%}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.Toast{background:#000;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem .75rem;border-radius:.25rem;top:4rem;position:absolute;pointer-events:none;animation:toast-in .3s ease-out}.Toast.\:out{animation:toast-out .3s ease-out}.ToastContainer{display:flex;position:fixed;top:0;left:0;justify-content:center;width:100%}._flex-1_77yie_1{flex:1}._flex_77yie_1{display:flex}._flex-col_77yie_9{flex-direction:column}._h-full_77yie_13{height:100%}@keyframes _activeCellCursor_7atmb_1{0%{background:#FFF58F}50%{background:#fff8b1}to{background:#FFF58F}}._board_7atmb_13{padding-top:1px;padding-left:1px;width:300px;margin:2rem auto;font-weight:600;font-family:Jetbrains Mono,monospace;position:relative;flex:1;display:flex;flex-direction:column;justify-content:center}._row_7atmb_27{display:flex}._cell_7atmb_31,._placeholder_7atmb_32,._block_7atmb_33{width:calc(100%/3);margin-left:-1px;margin-top:-1px}._cell_7atmb_31._block_7atmb_33{background:#000}._cell_7atmb_31:before{content:"";display:block;padding-top:100%}._cell_7atmb_31{position:relative;border:1px solid #000;font-size:1.375rem;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px #bbb;background:#fff;cursor:pointer}._cell_7atmb_31._chunk-active_7atmb_65{background:#BBEBFF;border-color:#375967;color:#2b4e5c}._cell_7atmb_31._active_7atmb_71{background:#a6dbf0;color:#4c4f19;border-color:#4c4f19;animation:_activeCellCursor_7atmb_1 2s ease-in-out infinite}._cell_7atmb_31._fixed_7atmb_78{background:#f0f0f0!important;color:#999!important;cursor:default}._placeholder_7atmb_32{border:1px solid transparent}._placeholder-1_7atmb_88{width:calc(100%/3)}._placeholder-2_7atmb_89{width:calc(100%/3 * 2);margin-left:-2px}._placeholder-3_7atmb_93{width:100%}._rows-5_7atmb_96 ._cell_7atmb_31,._rows-5_7atmb_96 ._placeholder-1_7atmb_88{width:20%}._rows-5_7atmb_96 ._placeholder-2_7atmb_89{width:40%}._rows-5_7atmb_96 ._placeholder-3_7atmb_93{width:calc(100%/5 * 3)}._rows-5_7atmb_96 ._placeholder-4_7atmb_103{width:80%}._stroke_7atmb_106{position:absolute;background:rgba(255,0,0,.3);border-radius:2rem;pointer-events:none;transition:transform .75s ease-in-out}._stroke-success_7atmb_114{background:rgba(0,151,0,.3)}._stroke-x_7atmb_118{height:2rem;margin-top:-1rem;transform:scaleX(0)}._stroke-y_7atmb_124{width:2rem;margin-left:-1rem;transform:scaleY(0)}._keyboard_hkmdl_1{background:#F0EFEF;margin-top:auto}._container_hkmdl_6{padding:.5rem 0;position:relative;max-width:700px;margin:0 auto}._row_hkmdl_13{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 0 .375rem 6px;padding:0 2px}._row_hkmdl_13:last-of-type{justify-content:flex-end}._key_hkmdl_1{font-family:Jetbrains Mono,monospace;width:calc((100% / 11) - 6px);text-transform:uppercase;background:#FFF;padding:.5rem 0;border-radius:.25rem;font-size:1.25rem;font-weight:500;color:#000;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;transition:all 50ms ease-in-out;box-shadow:2px 2px #0003;margin-right:6px}._key_hkmdl_1.active{transform:translateY(2px);box-shadow:2px 0 #0003}._key_hkmdl_1._backspace_hkmdl_50{width:calc((100% / 11) * 2 - 6px);background:#D8D8D8}._backspace_hkmdl_50 svg{width:1.5rem;height:1.5rem;vertical-align:middle;margin-bottom:2px}._menu_hkmdl_62{position:absolute;left:.5rem;bottom:100%;background:transparent;z-index:1;cursor:pointer;display:flex;flex-direction:column;background:#F0EFEF;width:50%;opacity:0;transform:translateY(.5rem);transition:all .1s ease-in-out;pointer-events:none}._menu_hkmdl_62._open_hkmdl_79{pointer-events:all;opacity:1;transform:translateY(0)}._menu_hkmdl_62 button{text-align:left;padding:.75rem;font-size:.875rem}._menu_hkmdl_62 button:disabled{color:#bbb;cursor:default}._menu_hkmdl_62 button+button{border-top:1px solid #bbbbbb}._actions_hkmdl_100{position:relative;display:flex;flex-direction:row;align-items:center;padding:0 .5rem .5rem}._actions_hkmdl_100>button{display:inline-flex;align-items:center;height:2.5rem;background:#DEDEDE;box-shadow:2px 2px #0003;padding:0 1rem;border-radius:.25rem;font-weight:600}._actions_hkmdl_100>button:nth-child(2){margin-left:auto}._actions_hkmdl_100>button.active{transform:translateY(2px);box-shadow:2px 0 #0003}@keyframes MenuIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes MenuOut{to{opacity:0;transform:translateY(-20px)}0%{opacity:1;transform:translateY(0)}}.header{height:2.875rem;display:flex;align-items:center;text-transform:uppercase;justify-content:space-between;position:relative;z-index:20;background:#fff;flex:0 0 auto}.header:after{content:"";position:absolute;width:100%;left:0;height:1px;bottom:-1px;z-index:-1;background-color:#00000020}@media screen and (max-height: 540px){.header{height:2.5rem}}.menu-item svg{margin-left:.5rem;margin-bottom:-.1875rem;transition:transform .2s}.menu-btn .close-icon{transform:rotate(0);color:#999;opacity:0}.menu-items{display:flex;align-items:center;height:100%;margin-right:.25rem}.menu-item{-webkit-font-smoothing:subpixel-antialiased;padding:.25rem .75rem;cursor:pointer;height:100%;display:inline-flex;align-items:center}.menu-item:hover{background-color:#f0f0f0}.menu-item.expanded svg{transform:rotate(180deg)}.header-menu.in{animation:MenuIn .2s}.header-menu.out{animation:MenuOut .2s forwards}.header-menu{position:absolute;right:.25rem;top:100%;z-index:10;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin:0;padding:.5rem 0;width:20rem;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;overflow:hidden;border:1px solid #ddd;z-index:9}.header-menu button{position:relative;align-items:center;min-height:2.75rem;font-size:1.0625rem;width:100%;text-align:left;padding:.65rem 1.125rem .65rem 3.125rem;cursor:pointer}.header-menu button svg{position:absolute;left:1rem;top:.75rem;width:1.25rem;height:1.25rem;opacity:.45}.header-menu button svg path{stroke-width:1.5}.header-menu button:hover{background-color:#f0f0f0}.header-menu button.active{background-color:#e8e8e8}.header-menu button:disabled,.header-menu button:disabled:hover{background:inherit;cursor:default;opacity:.5}@media screen and (min-width: 1024px){.header{height:3.5rem}.menu-items{margin-right:.75rem}.menu-item{font-size:1rem;padding-left:1rem;padding-right:1rem}.header-menu{right:.75rem}}