button{margin-left:.5em;margin-right:.5em}.layer{font-size:8px;font-weight:700;user-select:none}.layer,.short-legend{font-family:Noto Emoji,Source Code Pro,monospace}.short-legend{font-size:16px}.extra-key{font-family:Noto Emoji,Source Code Pro,monospace;font-size:8px}.key:hover{cursor:pointer}.dim{color:#888}.layer-selection{border-bottom:1px solid #000;display:flex;margin-bottom:1em;padding-bottom:.5em}.layer-selection>label{margin-bottom:auto;margin-top:auto}.layer-selection>div{margin-left:1em;margin-right:1em;width:8em}.keylist{height:384px;overflow-y:scroll}.select-keycode input{font-size:18px;height:auto;line-height:1.5;margin-bottom:0;padding-left:20px;width:-webkit-fill-available}.select-keycode ul{margin:0}.select-keycode ul li{background:#f8f8f8;border:1px solid #ccc;line-height:2;list-style:none;margin-top:-1px;padding:5px 20px}.select-keycode ul li:hover{background:#ef5022;cursor:pointer}.select-keycode ul li em{color:#888}.select-keycode ul li.highlight{font-weight:700}@media print{*{-webkit-print-color-adjust:exact}body{color:#000}.MuiSnackbar-root,[role=button],header{display:none}}@font-face{font-family:Noto Emoji;font-style:normal;font-weight:400;src:url(https://chrysalis.bijanrazavi.com/fonts/NotoEmoji-Regular.ttf) format("truetype");unicode-range:u+1f300-1f9ff,u+26??,u+2700-27bf,u+1f000-1f9ff,u+1fa00-1fa6f}@font-face{font-family:Noto Emoji;font-style:normal;font-weight:700;src:url(https://chrysalis.bijanrazavi.com/fonts/NotoEmoji-Bold.ttf) format("truetype");unicode-range:u+1f300-1f9ff,u+26??,u+2700-27bf,u+1f000-1f9ff,u+1fa00-1fa6f}@font-face{font-family:Noto Emoji;font-style:normal;font-weight:300;src:url(https://chrysalis.bijanrazavi.com/fonts/NotoEmoji-Light.ttf) format("truetype");unicode-range:u+1f300-1f9ff,u+26??,u+2700-27bf,u+1f000-1f9ff,u+1fa00-1fa6f}@font-face{font-family:Noto Emoji;font-style:normal;font-weight:500;src:url(https://chrysalis.bijanrazavi.com/fonts/NotoEmoji-Medium.ttf) format("truetype");unicode-range:u+1f300-1f9ff,u+26??,u+2700-27bf,u+1f000-1f9ff,u+1fa00-1fa6f}@font-face{font-family:Noto Emoji;font-style:normal;font-weight:600;src:url(https://chrysalis.bijanrazavi.com/fonts/NotoEmoji-SemiBold.ttf) format("truetype");unicode-range:u+1f300-1f9ff,u+26??,u+2700-27bf,u+1f000-1f9ff,u+1fa00-1fa6f}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-100.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-100.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-100italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-100italic.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-300.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-300.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-300italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-300italic.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-400.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-400.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-400italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-400italic.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-500.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-500.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-500italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-500italic.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-700.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-700italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-700italic.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-900.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-900.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-900italic.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/roboto-latin-900italic.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:200;src:local("Source Code Pro Extra Light "),local("Source Code Pro-Extra Light"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-200.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-200.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:300;src:local("Source Code Pro Light "),local("Source Code Pro-Light"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-300.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-300.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:400;src:local("Source Code Pro Regular "),local("Source Code Pro-Regular"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-400.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-400.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:500;src:local("Source Code Pro Medium "),local("Source Code Pro-Medium"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-500.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-500.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:600;src:local("Source Code Pro SemiBold "),local("Source Code Pro-SemiBold"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-600.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-600.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:700;src:local("Source Code Pro Bold "),local("Source Code Pro-Bold"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-700.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Source Code Pro;font-style:normal;font-weight:900;src:local("Source Code Pro Black "),local("Source Code Pro-Black"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-900.woff2) format("woff2"),url(https://chrysalis.bijanrazavi.com/fonts/source-code-pro-latin-900.woff) format("woff")}