.kc{vertical-align:middle;text-shadow:none;direction:ltr;unicode-bidi:isolate;margin:0 .22em;font-style:normal;font-weight:800;line-height:1;display:inline-block;position:relative}.kc kbd{box-sizing:border-box;text-align:center;min-width:1.75em;height:1.75em;line-height:1.6em;font:inherit;color:#20242b;background:linear-gradient(#fbfbfd 0%,#dfe2e8 100%);border:1px solid #8d939e;border-radius:.38em;padding:0 .5em;font-size:.86em;display:inline-block;box-shadow:0 .14em #7b818c,0 .26em #3d424b,0 .34em .5em #0000008c,inset 0 .1em #fffffff2,inset 0 -.12em .1em #0000001f}.kc.wide kbd{letter-spacing:.04em;min-width:3em;height:2.05em;padding:0 .85em;font-size:.74em;line-height:2.1em}.kc.mouse{color:#20242b;width:1.35em;height:1.9em}.kc.mouse svg{box-sizing:border-box;background:linear-gradient(#fbfbfd,#dfe2e8);border:1px solid #8d939e;border-radius:.7em;width:100%;height:100%;padding:.12em;display:block;box-shadow:0 .14em #7b818c,0 .26em #3d424b,0 .34em .5em #0000008c}.kc-or{opacity:.6;margin:0 .1em}.kc.hold:after{content:"";pointer-events:none;background:conic-gradient(from 0deg, #ffd24a 0 var(--kc-p,25%), #ffffff2e 0);border-radius:.7em;padding:.07em;animation:1.6s linear infinite kcsweep;position:absolute;inset:-.32em -.32em -.4em;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.kc.mouse.hold:after{border-radius:1em}@property --kc-p{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes kcsweep{0%{--kc-p:0%}to{--kc-p:100%}}@media (prefers-reduced-motion:reduce){.kc.hold:after{--kc-p:100%;animation:none}}body.touch .kc{display:none}
