@font-face{font-family:Barlow;src:url(/assets/Barlow-Light-CGEsmarL.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/Barlow-Regular-DgxWDqdj.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/Barlow-Medium-DYkmydED.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/Barlow-SemiBold-DrfcEYX2.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Barlow;src:url(/assets/Barlow-Bold-CmzkzBEx.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:DMSans;src:url(/assets/DMSans-VariableFont_opsz_wght-d9KJDlpM.ttf) format("truetype");font-weight:100 900;font-stretch:75% 100%;font-style:normal}:root{font-size:16px;font-family:var(--font-slim);line-height:1;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-geom: "DMSans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-slim: "Barlow", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--color-bg: #242424;--color-bg-0-5: #303030;--color-bg-1: #353535;--color-bg-2: #464646;--color-text: #dcdcdc;--color-text-1: #bababa;--color-text-2: #989898;--color-lalt: #f79723;--color-ralt: #e6077e;--color-lshift: #ee3b3c;--color-rshift: #ff8ba0;--color-lctrl: #3fbc3f;--color-rctrl: #3fbc9c;--acrylic-edge: inset 0 0 .2rem 0 #ffffff20;--shadow-1: 0 .5rem .75rem 0 #00000020;--shadow-2: 0 .75rem 1rem 0 #00000040;--shadow-3: 0 1rem 2rem 0 #00000040}::-webkit-scrollbar{background:var(--color-bg)}::-webkit-scrollbar-corner{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#00000040;border-radius:100rem;border:4px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:#00000080}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2;text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5rem;line-height:1.1}*{margin:0;box-sizing:border-box}button{border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:var(--color-text);background-color:var(--color-bg-1);transition:background-color .2s,color .2s,box-shadow .2s;cursor:pointer}button:hover:not(:disabled){background-color:var(--color-bg-2)}button:disabled{cursor:default;background-color:var(--color-bg);outline:var(--color-bg-1) 1px solid}button:disabled>*{opacity:.5}@media screen and (max-width: 719px){:root{font-size:14px}}#root{margin:0 auto;height:100vh;display:flex;flex-direction:column}.KeyKB{flex-shrink:0}.KeyKB .cap{padding:.25rem;border-radius:.25rem;position:relative;display:flex;align-items:center;justify-content:center;overflow-wrap:break-word;background-color:var(--color-bg-1);outline:2px solid transparent;cursor:pointer}.KeyKB .cap.lalt{outline-color:var(--color-lalt)}.KeyKB .cap.ralt{outline-color:var(--color-ralt)}.KeyKB .cap.lshift{outline-color:var(--color-lshift)}.KeyKB .cap.rshift{outline-color:var(--color-rshift)}.KeyKB .cap.lctrl{outline-color:var(--color-lctrl)}.KeyKB .cap.rctrl{outline-color:var(--color-rctrl)}.KeyKB .cap.hover{background-color:var(--color-bg-2)}.KeyKB .cap.highlighted{color:var(--color-bg);background-color:var(--color-text)}.KeyKB .cap.lalt.highlighted{background-color:var(--color-lalt)}.KeyKB .cap.ralt.highlighted{background-color:var(--color-ralt)}.KeyKB .cap.lshift.highlighted{background-color:var(--color-lshift)}.KeyKB .cap.rshift.highlighted{background-color:var(--color-rshift)}.KeyKB .cap.lctrl.highlighted{background-color:var(--color-lctrl)}.KeyKB .cap.rctrl.highlighted{background-color:var(--color-rctrl)}.KeyKB .key-label{position:absolute;top:.25rem;left:.25rem}.KeyKB .cap svg.lalt{color:var(--color-lalt)}.KeyKB .cap svg.ralt{color:var(--color-ralt)}.KeyKB .cap svg.lshift{color:var(--color-lshift)}.KeyKB .cap svg.rshift{color:var(--color-rshift)}.KeyKB .cap svg.lctrl{color:var(--color-lctrl)}.KeyKB .cap svg.rctrl{color:var(--color-rctrl)}.KeyKB .action-label{font-size:.65rem;border:1px solid var(--color-text-2);max-width:100%}.KeyKB .action-label.lalt{color:var(--color-lalt);border-color:var(--color-lalt)}.KeyKB .action-label.ralt{color:var(--color-ralt);border-color:var(--color-ralt)}.KeyKB .action-label.lshift{color:var(--color-lshift);border-color:var(--color-lshift)}.KeyKB .action-label.rshift{color:var(--color-rshift);border-color:var(--color-rshift)}.KeyKB .action-label.lctrl{color:var(--color-lctrl);border-color:var(--color-lctrl)}.KeyKB .action-label.rctrl{color:var(--color-rctrl);border-color:var(--color-rctrl)}.KeyboardFull{flex-shrink:0;align-self:center;max-width:max-content;width:100%;padding:1rem;overflow-x:auto}.KeyboardFull .line{display:flex}.ActionMap{flex-shrink:1;flex-grow:1;overflow:hidden;line-height:1.5;margin:1rem;border-radius:1rem;background-color:var(--color-bg-0-5);display:flex;flex-direction:column;outline:0 solid var(--color-text);transition:outline .1s}.ActionMap.highlighted{outline:.25rem solid var(--color-text)}.ActionMap.highlighted.lalt{outline-color:var(--color-lalt)}.ActionMap.highlighted.ralt{outline-color:var(--color-ralt)}.ActionMap.highlighted.lshift{outline-color:var(--color-lshift)}.ActionMap.highlighted.rshift{outline-color:var(--color-rshift)}.ActionMap.highlighted.lctrl{outline-color:var(--color-lctrl)}.ActionMap.highlighted.rctrl{outline-color:var(--color-rctrl)}.ActionMap>.select-category{margin:.5rem;max-width:12rem;align-self:center}.ActionMap>.list-action-groups{height:100%;overflow:auto;padding:.5rem 0}.ActionMap>.list-action-groups::-webkit-scrollbar{width:0;background:var(--color-bg-0-5)}.ActionMap>.list-action-groups::-webkit-scrollbar-thumb{border:4px solid var(--color-bg-0-5)}.ActionGroup{list-style-type:none}.ActionGroup>.name{padding:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.ActionGroup>.name:hover{background-color:var(--color-bg-2)}.ActionGroup>.name>svg{transition:transform .2s}.ActionGroup>ul{padding:0 1rem 0 2.5rem}.Action{list-style-type:none;display:flex;gap:.5rem;flex-wrap:wrap;padding:.125rem 0;border-top:1px solid #80808080;background-color:var(--color-bg-0-5)}.Action:last-child{border-bottom:1px solid #80808080}.Action:hover{background-color:var(--color-bg-2)}.Action>*{flex-shrink:0}.Action>.name{flex-grow:1}.Action>.buttons{display:flex;visibility:hidden}.Action:hover>.buttons{visibility:visible}.Action button{display:flex;align-items:center;height:1.5rem;font-size:.8rem;padding:.25rem .375rem;background:transparent;border-radius:.5rem}.Action button:hover{filter:brightness(1.1);background-color:#606060}.Action .clear{color:#c65353}.Action .clear:hover{background-color:#c6535340}.Action .reset{color:#bfaa40}.Action .reset:hover{background-color:#bfaa4040}.Action label{font-size:.8rem;line-height:1;align-self:center}.Action>.kbms{min-width:6rem;text-align:right}.Action>.kbms>span{line-height:1;margin-left:.5rem;background-color:#80808080;padding:0 .5rem;border-radius:.25rem}