.furin-keycap-button{--furin-keycap-button-pad:8px;position:relative;display:block;box-sizing:border-box;width:var(--furin-keycap-button-w);height:calc(var(--furin-keycap-button-h) + 22px);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;background:0 0;border:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.furin-keycap-button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.6)}.furin-keycap-button__glow{position:absolute;background:var(--furin-keycap-button-glow);opacity:.4;filter:blur(24px);border-radius:26px;transition:opacity .2s;inset:4px -2px 0;transform:translateY(8px)}.furin-keycap-button[data-pressed=true] .furin-keycap-button__glow,.furin-keycap-button:active .furin-keycap-button__glow{opacity:.62}.furin-keycap-button__well{position:absolute;background:linear-gradient(#07080b,#14161c);border-radius:24px;inset:0 0 4px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 5px 10px #000000e6,0 1px #ffffff14,0 14px 22px -8px #000c}.furin-keycap-button__skirt{position:absolute;left:var(--furin-keycap-button-pad);right:var(--furin-keycap-button-pad);top:calc(var(--furin-keycap-button-pad) - 1px);bottom:calc(var(--furin-keycap-button-pad) + 3px);background:linear-gradient(90deg,#00000038,transparent 14%,transparent 86%,#00000042),linear-gradient(180deg,color-mix(in srgb,var(--furin-keycap-button-color)70%,#000)0%,color-mix(in srgb,var(--furin-keycap-button-color)56%,#000)60%,color-mix(in srgb,var(--furin-keycap-button-color)42%,#000)100%);border-radius:18px;box-shadow:inset 0 0 0 1px #0003,0 6px 8px -2px #0000008c}.furin-keycap-button__top{position:absolute;left:calc(var(--furin-keycap-button-pad) + 11px);right:calc(var(--furin-keycap-button-pad) + 11px);top:calc(var(--furin-keycap-button-pad) + 1px);bottom:calc(var(--furin-keycap-button-pad) + 22px);display:grid;color:var(--furin-keycap-button-legend);background:radial-gradient(120% 95% at 50% 38%,#00000013,transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--furin-keycap-button-color)88%,#fff)0%,var(--furin-keycap-button-color)55%,color-mix(in srgb,var(--furin-keycap-button-color)90%,#000)100%);transform-origin:50% 40%;border-radius:15px;place-items: center;transition:transform .45s cubic-bezier(.25,2.1,.45,1);transform:translateY(0)scale(1);box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 2px 1px #ffffffe6,inset 0 -4px 7px #00000024,inset 3px 0 6px -3px #0000001f,inset -3px 0 6px -3px #00000024,0 1px #00000040}.furin-keycap-button__top:before{content:"";position:absolute;border-radius:inherit;opacity:.55;mix-blend-mode:multiply;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='11'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1.2 -0.45'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") 0 0/120px;inset:0}.furin-keycap-button[data-pressed=true] .furin-keycap-button__top,.furin-keycap-button:active:not([data-pressed]) .furin-keycap-button__top{transform:translateY(var(--furin-keycap-button-travel))scale(.992);transition-duration:70ms;transition-timing-function:cubic-bezier(.4,0,1,1)}.furin-keycap-button__legend{position:relative;font:600 clamp(15px,calc(var(--furin-keycap-button-h)*.22),28px)/1 Geist,-apple-system,system-ui,sans-serif;letter-spacing:.02em;text-shadow:0 1px #ffffffa6}.furin-keycap-button__hint{position:absolute;letter-spacing:.08em;opacity:.55;font:600 11px/1 JetBrains Mono,ui-monospace,Menlo,monospace;top:10px;left:14px}.furin-keycap-button:focus-visible .furin-keycap-button__well{box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 5px 10px #000000e6,0 0 0 3px #fff9}@media (prefers-reduced-motion:reduce){.furin-keycap-button__top{transition-duration:10ms;transition-timing-function:linear}}