@property --kc-bg-start-color{syntax:"<color>";inherits:true;initial-value:#121212}@property --kc-bg-end-color{syntax:"<color>";inherits:true;initial-value:#0d0d0d}.KeyCap-module__GQtByW__wrap{--kc-bg-start:#f7f8f9;--kc-bg-end:#eceff2;--kc-text:#313842b8;--kc-shadow-outer:#343c4812;--kc-shadow-rim:#a0aaba52;--kc-shadow-inset-dark:#222a3609;--kc-shadow-inset-light:#ffffffe0;--kc-hover-start:#f2f4f7;--kc-hover-end:#e6eaee;--kc-hover-shadow-outer:#343c4817;--kc-hover-rim:#9aa5b661;--kc-hover-inset-dark:#222a360b;--kc-hover-inset-light:#ffffffd6;--kc-glow-surface-start:var(--kc-bg-start);--kc-glow-surface-end:var(--kc-bg-end);--kc-glow-text:#c46254;--kc-glow-halo:#ff8a703d;--kc-glow-shadow-strong:#ff7e652e;--kc-glow-shadow-soft:#ff7e6524;--kc-glow-text-shadow:#ff7a6057 0 0 4px;--kc-glow-inner-light:var(--kc-shadow-inset-light);--kc-glow-inner-dark:var(--kc-shadow-inset-dark);align-items:center;gap:6px;display:inline-flex}.dark .KeyCap-module__GQtByW__wrap{--kc-bg-start:#121212;--kc-bg-end:#0d0d0d;--kc-text:#ffffffd1;--kc-shadow-outer:#0000003d;--kc-shadow-rim:#000000e0;--kc-shadow-inset-dark:#0000002e;--kc-shadow-inset-light:#ffffff29;--kc-hover-start:#151515;--kc-hover-end:#101010;--kc-hover-shadow-outer:#0000004d;--kc-hover-rim:#000000eb;--kc-hover-inset-dark:#0003;--kc-hover-inset-light:#ffffff24;--kc-glow-surface-start:#161616;--kc-glow-surface-end:#222;--kc-glow-text:#ffcdcd;--kc-glow-halo:#ff636342;--kc-glow-shadow-strong:#ff43071a;--kc-glow-shadow-soft:#ff43071a;--kc-glow-text-shadow:#ff6363 0 0 4.331px;--kc-glow-inner-light:#ffffff6b;--kc-glow-inner-dark:#0000002e}.KeyCap-module__GQtByW__key{--kc-bg-start-color:var(--kc-bg-start);--kc-bg-end-color:var(--kc-bg-end);--delay:0s;color:var(--kc-text);font-family:"SF Pro Text","SF Pro Icons",var(--font-sans),sans-serif;text-shadow:0 .5px .5px #0000001a;-webkit-user-select:none;user-select:none;background:radial-gradient(75% 75% at 50% 91.9%,var(--kc-bg-start-color)0,var(--kc-bg-end-color)100%);box-shadow:var(--kc-shadow-outer)0 1.5px .5px 2px,var(--kc-shadow-rim)0 0 .5px .8px,var(--kc-shadow-inset-dark)0 1.5px .8px .8px inset,var(--kc-shadow-inset-light)0 .8px .8px .8px inset,#0000 0 0 0 0 inset;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:600;line-height:1;transition:opacity .4s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),color .2s cubic-bezier(.23,1,.32,1),--kc-bg-start-color .4s cubic-bezier(.23,1,.32,1),--kc-bg-end-color .4s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative}.KeyCap-module__GQtByW__sm{border-radius:7px;width:32px;height:32px;font-size:13px}.KeyCap-module__GQtByW__md{border-radius:8px;width:44px;height:44px;font-size:17px}.KeyCap-module__GQtByW__lg{border-radius:10px;width:56px;height:56px;font-size:22px}.KeyCap-module__GQtByW__wide{width:auto;padding-left:12px;padding-right:12px}.KeyCap-module__GQtByW__wide.KeyCap-module__GQtByW__sm{height:32px}.KeyCap-module__GQtByW__wide.KeyCap-module__GQtByW__md{height:44px}.KeyCap-module__GQtByW__wide.KeyCap-module__GQtByW__lg{height:56px}.KeyCap-module__GQtByW__key:before,.KeyCap-module__GQtByW__key:after{content:"";opacity:0;transition:transform 1s calc(var(--delay) + .2s)cubic-bezier(.23,1,.32,1),opacity 1s calc(var(--delay) + .2s)cubic-bezier(.23,1,.32,1);transform:scale(.9)}.KeyCap-module__GQtByW__key:before{background:radial-gradient(56% 65% at 50% 50%,var(--kc-glow-halo)0%,#f9707000 100%);filter:blur(12px);z-index:-1;border-radius:14px;width:124%;height:136%;position:absolute;top:-18%;left:-12%}.KeyCap-module__GQtByW__key:after{filter:blur(4px);mix-blend-mode:overlay;background:radial-gradient(56% 65%,#fff 0%,#f9707000 100%);border-radius:999px;width:70%;height:6%;position:absolute;top:-2%;left:-6%}.KeyCap-module__GQtByW__key[data-glowing=true]{--kc-bg-start-color:var(--kc-glow-surface-start);--kc-bg-end-color:var(--kc-glow-surface-end);color:var(--kc-glow-text);text-shadow:var(--kc-glow-text-shadow);background:linear-gradient(180deg,var(--kc-bg-start-color)0,var(--kc-bg-end-color)100%);box-shadow:0 0 8px 4px var(--kc-glow-shadow-strong),0 0 3px 2px var(--kc-glow-shadow-soft),#ff767640 1px .5px .5px .5px inset,var(--kc-glow-inner-light)0 0 1px 1px inset,#00000040 0 2px 1px 1px inset;transition:opacity 1.5s var(--delay)cubic-bezier(.23,1,.32,1),box-shadow 1.5s var(--delay)cubic-bezier(.23,1,.32,1),transform 1.5s var(--delay)cubic-bezier(.23,1,.32,1),color 1.5s var(--delay)cubic-bezier(.23,1,.32,1),--kc-bg-start-color 1.5s calc(var(--delay) + .1s)cubic-bezier(.23,1,.32,1),--kc-bg-end-color 1.5s calc(var(--delay) + .1s)cubic-bezier(.23,1,.32,1)}.KeyCap-module__GQtByW__key[data-glowing=true]:before,.KeyCap-module__GQtByW__key[data-glowing=true]:after{opacity:1;transform:scale(var(--scale,1.06))translateZ(0)}.KeyCap-module__GQtByW__key[data-glowing=true]:after{transform:scale(1)translateZ(0)}@media (hover:hover) and (pointer:fine){.KeyCap-module__GQtByW__key:hover:not([data-glowing=true]){--kc-bg-start-color:var(--kc-hover-start);--kc-bg-end-color:var(--kc-hover-end);box-shadow:var(--kc-hover-shadow-outer)0 .75px .3px 1px,var(--kc-hover-rim)0 0 .35px .8px,var(--kc-hover-inset-dark)0 1.3px .8px .8px inset,var(--kc-hover-inset-light)0 1px .8px .8px inset;transform:translateY(1px)}}.KeyCap-module__GQtByW__plus{color:var(--kc-text);opacity:.35;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;line-height:1}.KeyCap-module__GQtByW__desc{color:var(--kc-text);opacity:.55;white-space:nowrap;margin-left:4px;font-size:13px;font-weight:500;line-height:1.3}@media (prefers-reduced-motion:reduce){.KeyCap-module__GQtByW__key,.KeyCap-module__GQtByW__key:before,.KeyCap-module__GQtByW__key:after{transition:none}}