.fd-kbd{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:6px;background:linear-gradient(#fff,#f1f5f9);border:1px solid #cbd5e1;box-shadow:0 2px #cbd5e1;font-size:10.5px;font-weight:800;line-height:1;color:#0f172a;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}.fd-kbd.down{transform:translateY(2px);box-shadow:0 0 #cbd5e1;background:#eef2ff;border-color:#a5b4fc}@keyframes fd-flash{0%{opacity:.5}to{opacity:0}}.fd-flash{position:absolute;inset:0;background:#fff;pointer-events:none;opacity:0;animation:fd-flash .55s ease-out}@keyframes fd-beam{0%{transform:translateY(-100%);opacity:1}88%{transform:translateY(0);opacity:1}to{transform:translateY(4%);opacity:0}}.fd-beam{position:absolute;inset:0;pointer-events:none;transform:translateY(-100%);animation:fd-beam 1.7s cubic-bezier(.45,0,.2,1) .1s forwards}.fd-beam:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(to bottom,#6366f100,#6366f133 72%,#a5b4fcf2 97%,#a5b4fc00)}@keyframes fd-corner-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}.fd-corner{position:absolute;width:18px;height:18px;border:2px solid rgba(165,180,252,.95);animation:fd-corner-in .35s cubic-bezier(.16,1,.3,1) both}.fd-corner.tl{top:7px;left:7px;border-right:0;border-bottom:0;border-top-left-radius:7px}.fd-corner.tr{top:7px;right:7px;border-left:0;border-bottom:0;border-top-right-radius:7px}.fd-corner.bl{bottom:7px;left:7px;border-right:0;border-top:0;border-bottom-left-radius:7px}.fd-corner.br{bottom:7px;right:7px;border-left:0;border-top:0;border-bottom-right-radius:7px}@keyframes fd-caret{50%{opacity:0}}.fd-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:#6366f1;animation:fd-caret 1s steps(1) infinite}@keyframes fd-rise{0%{transform:translateY(12px);opacity:0}30%{opacity:1}to{transform:translateY(-12px);opacity:0}}.fd-rise{display:block;width:5px;height:5px;border-radius:9999px;background:#a5b4fc;animation:fd-rise .9s ease-out infinite}.fd-rise:nth-child(2){animation-delay:.3s}.fd-rise:nth-child(3){animation-delay:.6s}@keyframes fd-dash{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:none}}.fd-dash{display:block;width:7px;height:7px;border-radius:9999px;background:#818cf8;box-shadow:0 0 10px #818cf8cc;animation:fd-dash .9s ease-in-out infinite}.fd-dash:nth-child(2){animation-delay:.2s}.fd-dash:nth-child(3){animation-delay:.4s}.fd-mark{border-radius:3px;background-image:linear-gradient(transparent 52%,rgba(251,191,36,.5) 52%,rgba(251,191,36,.5) 94%,transparent 94%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .75s cubic-bezier(.16,1,.3,1)}.fd-mark.on{background-size:100% 100%}@keyframes fd-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}to{transform:none}}.fd-pop{animation:fd-pop .45s cubic-bezier(.16,1,.3,1) both}.hf-bar{transform:scaleY(.45);transition:transform .4s ease}.hf-on .hf-bar{animation:hf-bar .8s ease-in-out infinite}@keyframes hf-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hf-type{transform:scaleX(.15)}.hf-on .hf-type{animation:hf-grow 1.7s cubic-bezier(.16,1,.3,1) both}.hf-on .hf-key{animation:hf-key 1.3s ease .35s both}.hf-on .hf-key-2{animation-delay:.5s}@keyframes hf-key{0%,30%,to{transform:none;box-shadow:0 2px #cbd5e1}12%{transform:translateY(2px);box-shadow:0 0 #cbd5e1;background:#eef2ff;border-color:#a5b4fc}}.hf-on .hf-grow{animation:hf-grow .9s cubic-bezier(.16,1,.3,1) both}@keyframes hf-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.fd-flash,.fd-beam,.fd-corner,.fd-caret,.fd-rise,.fd-pop,.fd-dash,.hf-bar,.hf-type,.hf-key,.hf-grow{animation:none!important}.hf-bar,.hf-type{transform:none}.fd-flash,.fd-beam,.fd-rise,.fd-dash{display:none}.fd-mark{transition:none}}
