/*!
*
* simple-keyboard v3.8.190
* https://github.com/hodgef/simple-keyboard
*
* Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.kb-test[data-v-3b1f606e]{position:relative;display:flex;flex-direction:column;gap:12px}.kb-toolbar[data-v-3b1f606e]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.kb-switchers[data-v-3b1f606e]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kb-layouts[data-v-3b1f606e]{display:inline-flex;padding:3px;border-radius:9999px;background:var(--surface-3);border:1px solid var(--border-subtle)}.kb-chip[data-v-3b1f606e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--fg-subtle);font-size:.875rem;font-weight:600;line-height:1;padding:7px 12px;border-radius:9999px;cursor:pointer}.kb-chip.is-active[data-v-3b1f606e]{background:var(--surface-1);color:var(--fg-strongest);box-shadow:0 1px 2px var(--shadow-ambient)}.kb-progress[data-v-3b1f606e]{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 12rem;font-size:.8125rem;font-weight:600;color:var(--fg-subtle);font-variant-numeric:tabular-nums}.kb-progress-track[data-v-3b1f606e]{flex:1 1 auto;min-width:72px;max-width:180px;height:8px;border-radius:9999px;background:var(--surface-3);overflow:hidden}.kb-progress-track i[data-v-3b1f606e]{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#e8a61a,#ffd056)}.kb-toolbar-end[data-v-3b1f606e]{display:flex;align-items:center;gap:10px;margin-left:auto}.kb-reset[data-v-3b1f606e]{padding:7px 14px;font-size:.875rem}.kb-hint[data-v-3b1f606e],.kb-warn[data-v-3b1f606e]{margin:0;font-size:.875rem;line-height:1.6;color:var(--fg-subtle)}.kb-hint b[data-v-3b1f606e]{color:var(--fg-strong);font-weight:700}.kb-warn[data-v-3b1f606e]{color:var(--warn-fg)}.kb-frame[data-v-3b1f606e]{width:100%;overflow:visible}.kb-stage[data-v-3b1f606e]{width:-moz-max-content;width:max-content;transform-origin:top left}.kb-chassis[data-v-3b1f606e]{--key-size: 42px;--key-gap: 6px;--nav-w: calc(var(--key-size) * 3 + var(--key-gap) * 2);--num-w: calc(var(--key-size) * 4 + var(--key-gap) * 3);--main-w: 740px;display:grid;grid-template-columns:var(--main-w) var(--nav-w);grid-template-areas:"fn sys" "main cluster";gap:12px 14px;padding:22px 14px 18px;border-radius:18px;background:radial-gradient(circle at 50% 0%,var(--kb-chassis-sheen),transparent 42%),linear-gradient(180deg,var(--kb-chassis-from),var(--kb-chassis-to));box-shadow:inset 0 1px 0 var(--kb-chassis-sheen),var(--kb-chassis-shadow)}.kb-stage.is-104 .kb-chassis[data-v-3b1f606e]{grid-template-columns:var(--main-w) var(--nav-w) var(--num-w);grid-template-areas:"fn sys nospan" "main cluster num"}.kb-stage.is-laptop .kb-chassis[data-v-3b1f606e],.kb-stage.is-macbook .kb-chassis[data-v-3b1f606e]{grid-template-columns:var(--main-w) var(--nav-w);grid-template-areas:"fn fn" "main cluster"}.kb-stage.is-mac-full .kb-chassis[data-v-3b1f606e]{grid-template-columns:var(--main-w) var(--nav-w) var(--num-w);grid-template-areas:"fn fn nospan" "main cluster num"}.kb-stage.is-laptop .kb-cluster[data-v-3b1f606e],.kb-stage.is-macbook .kb-cluster[data-v-3b1f606e],.kb-stage.is-mac-full .kb-cluster[data-v-3b1f606e]{justify-content:flex-end}.kb-test[data-v-3b1f606e] .kb-stage.is-macbook .hg-button.key-fn,.kb-test[data-v-3b1f606e] .kb-stage.is-mac-full .hg-button.key-fn{flex-grow:.95}.kb-test[data-v-3b1f606e] .kb-stage.is-macbook .hg-button.key-cmd,.kb-test[data-v-3b1f606e] .kb-stage.is-mac-full .hg-button.key-cmd{flex-grow:1.45}.kb-fn[data-v-3b1f606e]{grid-area:fn}.kb-sys[data-v-3b1f606e]{grid-area:sys}.kb-main[data-v-3b1f606e]{grid-area:main}.kb-cluster[data-v-3b1f606e]{grid-area:cluster;display:flex;flex-direction:column;gap:var(--key-gap)}.kb-mid[data-v-3b1f606e]{height:var(--key-size);flex:0 0 var(--key-size)}.kb-num[data-v-3b1f606e]{grid-area:num}.kb-chassis.is-complete[data-v-3b1f606e]{box-shadow:inset 0 1px 0 var(--kb-chassis-sheen),0 0 0 1px #ffd05047,0 0 36px #ffc44038,var(--kb-chassis-shadow)}.kb-congrats[data-v-3b1f606e]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 16px;border-radius:.9rem;background:var(--surface-1);border:1px solid rgba(232,166,26,.35);box-shadow:0 0 0 1px #ffd05029,0 10px 28px #e8a61a1f}.kb-congrats-bulb[data-v-3b1f606e]{width:40px;height:40px;flex:0 0 auto;color:#f5c14a;filter:drop-shadow(0 0 10px rgba(255,196,64,.65))}.kb-congrats-copy[data-v-3b1f606e]{flex:1 1 14rem;min-width:0}.kb-congrats-copy h2[data-v-3b1f606e]{margin:0 0 4px;font-size:1.15rem;font-weight:800;color:var(--fg-strongest)}.kb-congrats-copy p[data-v-3b1f606e]{margin:0;font-size:.9rem;line-height:1.55;color:var(--fg-subtle)}.kb-congrats-actions[data-v-3b1f606e]{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.kb-link-btn[data-v-3b1f606e]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.kb-test[data-v-3b1f606e] .hg-theme-bulb{background:transparent;padding:0;border-radius:0;overflow:visible;width:100%}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-rows{display:flex;flex-direction:column;gap:var(--key-gap);overflow:visible}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-row{display:flex;margin-bottom:0;overflow:visible}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-row .hg-button-container,.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-row .hg-button:not(:last-child){margin-right:var(--key-gap)}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button{position:relative;height:var(--key-size);min-width:0;flex:1 1 0;padding:0 2px;border:0;border-bottom:0;border-radius:7px;background:var(--kb-key-bg);color:var(--kb-key-fg);box-shadow:inset 0 1px 0 var(--kb-chassis-sheen),inset 0 -2px 0 var(--kb-key-inset);font-size:11px;font-weight:700;letter-spacing:.01em;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button span{display:inline-block;pointer-events:none}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-esc{flex-grow:1.35}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-u15{flex-grow:1.5}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-u175{flex-grow:1.75}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-u2{flex-grow:2}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-u225{flex-grow:2.25}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-mod{flex-grow:1.25}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-space{flex-grow:6.25}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-wide0{flex-grow:2.05}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-gap{flex-grow:.7;min-width:10px;visibility:hidden;pointer-events:none;box-shadow:none;background:transparent}.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button.key-optional:not(.hg-tested){outline:1px dashed var(--kb-optional-outline);outline-offset:-2px}.kb-test[data-v-3b1f606e] .kb-num .hg-row{height:var(--key-size);align-items:flex-start}.kb-test[data-v-3b1f606e] .kb-num .hg-button.key-tall{height:calc(var(--key-size) * 2 + var(--key-gap));position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.kb-progress-track i[data-v-3b1f606e],.kb-test[data-v-3b1f606e] .hg-theme-bulb .hg-button{transition:none}}.kb-test .hg-theme-bulb .hg-button:not(.hg-tested):not(.key-gap){background:repeating-linear-gradient(-32deg,transparent 0 3px,var(--kb-key-lock-hatch) 3px 4px),linear-gradient(180deg,var(--kb-key-lock-top),var(--kb-key-lock-bottom))!important;color:var(--kb-key-lock-label)!important;filter:var(--kb-key-off-filter)!important;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px 0 var(--kb-key-inset),inset 0 0 0 1px #0000001f!important}.kb-test .hg-theme-bulb .hg-button:not(.hg-tested):not(.key-gap) span{color:var(--kb-key-lock-label)!important}.kb-test .hg-theme-bulb .hg-button:not(.key-gap):before,.kb-test .hg-theme-bulb .hg-button:not(.key-gap):after{position:absolute;pointer-events:none;opacity:1;transform:translateZ(0);transition:transform .36s cubic-bezier(.18,.82,.28,1),opacity .32s ease}.kb-test .hg-theme-bulb .hg-button:not(.key-gap):before{content:"";left:14%;right:14%;top:auto;bottom:4px;height:4px;border-radius:99px;background:var(--kb-key-lock-bar);box-shadow:0 1px #fff3;z-index:1}.kb-test .hg-theme-bulb .hg-button:not(.key-gap):after{content:"";top:3px;left:50%;right:auto;width:15px;height:16px;margin-left:-7.5px;z-index:2;background-color:var(--kb-key-lock-icon);-webkit-mask:url("data:image/svg+xml;utf8,") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,") center / contain no-repeat}.kb-test .hg-theme-bulb .hg-button.hg-tested:not(.key-gap):before{opacity:0;transform:translate3d(0,10px,0) scaleX(.35)}.kb-test .hg-theme-bulb .hg-button.hg-tested:not(.key-gap):after{opacity:0;transform:translate3d(6px,-26px,0) rotate(-28deg) scale(1.2)}.kb-test .hg-theme-bulb .hg-button.key-space:not(.key-gap):before{left:30%;right:30%}.kb-test .hg-theme-bulb .hg-button.hg-tested{background:radial-gradient(ellipse 86% 60% at 50% 100%,var(--kb-key-on-led),transparent 72%),radial-gradient(ellipse 92% 78% at 50% 28%,var(--kb-key-on-spot),transparent 68%),linear-gradient(180deg,var(--kb-key-on-top),var(--kb-key-on-bottom))!important;color:var(--kb-key-on-fg)!important;box-shadow:var(--kb-key-on-glow),var(--kb-key-on-inset)!important}.kb-test .hg-theme-bulb .hg-button.hg-tested span{color:var(--kb-key-on-fg)!important}.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-unlocking{animation:kb-unlock .34s ease-out}.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-unlocking span{animation:kb-label-in .28s ease-out}.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-pulse{animation:kb-repress .22s ease-out}.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-down{transform:translateY(3px) scale(.93);filter:brightness(1.4);box-shadow:var(--kb-key-press-glow),var(--kb-key-on-inset)!important}@keyframes kb-unlock{0%{transform:scale(.9);filter:brightness(.7)}40%{transform:scale(1.12);filter:brightness(1.35)}to{transform:scale(1);filter:none}}@keyframes kb-label-in{0%{transform:scale(.8);opacity:.25}to{transform:scale(1);opacity:1}}@keyframes kb-repress{0%{transform:translateY(4px) scale(.9);filter:brightness(1.55)}to{transform:none;filter:none}}@media (prefers-reduced-motion: reduce){.kb-test .hg-theme-bulb .hg-button:not(.key-gap):before,.kb-test .hg-theme-bulb .hg-button:not(.key-gap):after{transition:none}.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-unlocking,.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-unlocking span,.kb-test .hg-theme-bulb .hg-button.hg-tested.hg-pulse{animation:none}}.kb-test .kb-num{width:var(--num-w)}.kb-test .kb-num .hg-rows{display:grid!important;grid-template-columns:repeat(4,var(--key-size));grid-template-rows:repeat(5,var(--key-size));gap:var(--key-gap)}.kb-test .kb-num .hg-row{display:contents!important}.kb-test .kb-num .hg-button,.kb-test .kb-num .hg-row .hg-button:not(:last-child){margin-right:0;width:var(--key-size);min-width:0;height:var(--key-size);flex:none}.kb-stage.is-104 .kb-num .hg-button.hg-button-numpadadd{grid-column:4;grid-row:2 / 4;height:auto;width:var(--key-size)}.kb-stage.is-mac-full .kb-num .hg-button.hg-button-numpadadd{grid-column:4;grid-row:3;height:var(--key-size);width:var(--key-size)}.kb-stage.is-mac-full .kb-num .hg-button.hg-button-numpadsubtract{grid-column:4;grid-row:2}.kb-test .kb-num .hg-button.hg-button-numpadenter{grid-column:4;grid-row:4 / 6;height:auto;width:var(--key-size)}.kb-test .kb-num .hg-button.hg-button-numpad0{grid-column:1 / 3;grid-row:5;width:calc(var(--key-size) * 2 + var(--key-gap))!important;justify-self:stretch}.kb-test .kb-num .hg-button.hg-button-numpaddecimal{grid-column:3;grid-row:5;width:var(--key-size)}