@layer components{.ns-keycap{--ns-keycap-unit:2.5rem;--ns-keycap-units:1;--ns-keycap-radius:.5rem;--ns-keycap-travel:3px;--ns-keycap-rise:var(--ns-keycap-travel);--ns-keycap-face:linear-gradient(180deg, var(--lightningcss-light,#f3f3f3)var(--lightningcss-dark,#2c2c2c), var(--lightningcss-light,#fdfdfd)var(--lightningcss-dark,#343434));--ns-keycap-face-down:linear-gradient(180deg, var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#272727), var(--lightningcss-light,#f6f6f6)var(--lightningcss-dark,#2e2e2e));--ns-keycap-back:var(--lightningcss-light,#fff)var(--lightningcss-dark,#3c3c3c);--ns-keycap-side:var(--lightningcss-light,#ececec)var(--lightningcss-dark,#292929);--ns-keycap-front:var(--lightningcss-light,#e0e0e0)var(--lightningcss-dark,#232323);--ns-keycap-wall:var(--skirt,#dadada);--ns-keycap-line:var(--chrome-line,#00000026);--ns-keycap-edge:var(--lightningcss-light,var(--ns-keycap-line))var(--lightningcss-dark,transparent);--ns-keycap-cast:var(--cast,#0000001a);--ns-keycap-ink:var(--text-heading,#111);box-sizing:border-box;min-width:calc(var(--ns-keycap-unit) * var(--ns-keycap-units));height:var(--ns-keycap-unit);border-style:solid;border-width:1px 2px 3px;border-color:var(--ns-keycap-back) var(--ns-keycap-side) var(--ns-keycap-front);border-radius:var(--ns-keycap-radius);background:var(--ns-keycap-face) padding-box;box-shadow:0 0 0 1px var(--ns-keycap-line), 0 var(--ns-keycap-rise) 0 1px var(--ns-keycap-wall), 0 calc(var(--ns-keycap-rise) + min(var(--ns-keycap-rise), 1px)) 0 1px var(--ns-keycap-edge), 0 calc(var(--ns-keycap-rise) * 1.5 + 2px) calc(var(--ns-keycap-rise) * 3 + 3px) calc(var(--ns-keycap-rise) * -1) var(--ns-keycap-cast);translate:0 calc(var(--ns-keycap-travel) - var(--ns-keycap-rise));color:var(--ns-keycap-ink);font-family:var(--font-sans,system-ui, sans-serif);font-size:var(--type-sm,.875rem);font-weight:var(--weight-medium,500);white-space:nowrap;vertical-align:middle;cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:translate var(--duration-spring,.4s) var(--ease-spring,ease-out), box-shadow var(--duration-spring,.4s) var(--ease-spring,ease-out), background var(--duration,.2s) var(--ease,ease-out);justify-content:center;align-items:center;padding:0 .6em;line-height:1;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.ns-keycap{--ns-keycap-line:var(--chrome-line,lab(0% 0 0/.15));--ns-keycap-cast:var(--cast,lab(0% 0 0/.1))}}.ns-keycap[data-down]{--ns-keycap-rise:0px;background:var(--ns-keycap-face-down) padding-box;transition-duration:var(--duration-press,.1s);transition-timing-function:var(--ease,ease-out)}.ns-keycap>svg{flex:none;width:1.15em;height:1.15em}.ns-keycap[data-size=sm]{--ns-keycap-unit:1.5rem;--ns-keycap-radius:.3125rem;--ns-keycap-travel:2px;font-size:var(--type-xs,.75rem);border-width:1px 1px 2px;padding-inline:.45em}.ns-keycap[data-size=lg]{--ns-keycap-unit:3.5rem;--ns-keycap-radius:.75rem;--ns-keycap-travel:4px;font-size:var(--type-lg,1.125rem);border-width:1px 3px 4px}.ns-keycap[data-tone=ink]{--ns-keycap-face:linear-gradient(180deg, var(--lightningcss-light,#232323)var(--lightningcss-dark,#1a1a1a), var(--lightningcss-light,#2d2d2d)var(--lightningcss-dark,#212121));--ns-keycap-face-down:linear-gradient(180deg, var(--lightningcss-light,#1d1d1d)var(--lightningcss-dark,#151515), var(--lightningcss-light,#262626)var(--lightningcss-dark,#1b1b1b));--ns-keycap-back:var(--lightningcss-light,#3b3b3b)var(--lightningcss-dark,#2e2e2e);--ns-keycap-side:var(--lightningcss-light,#1b1b1b)var(--lightningcss-dark,#141414);--ns-keycap-front:var(--lightningcss-light,#121212)var(--lightningcss-dark,#0e0e0e);--ns-keycap-wall:var(--lightningcss-light,#0b0b0b)var(--lightningcss-dark,#050505);--ns-keycap-line:var(--lightningcss-light,#0b0b0b)var(--lightningcss-dark,#ffffff1f);--ns-keycap-ink:#f5f5f5}@supports (color:lab(0% 0 0)){.ns-keycap[data-tone=ink]{--ns-keycap-line:var(--lightningcss-light,lab(3.02291% 0 0))var(--lightningcss-dark,lab(100% 0 0/.12))}}.ns-keycap[data-tone=key]{--ns-keycap-face:linear-gradient(180deg, var(--lightningcss-light,#a9ccff)var(--lightningcss-dark,#3f5889), var(--lightningcss-light,#bcd8ff)var(--lightningcss-dark,#48639a));--ns-keycap-face-down:linear-gradient(180deg, var(--lightningcss-light,#9cc2fb)var(--lightningcss-dark,#3a5282), var(--lightningcss-light,#b0d0fd)var(--lightningcss-dark,#425c91));--ns-keycap-back:var(--lightningcss-light,#e1edff)var(--lightningcss-dark,#607dae);--ns-keycap-side:var(--lightningcss-light,#98bff5)var(--lightningcss-dark,#3a5282);--ns-keycap-front:var(--lightningcss-light,#86b1ee)var(--lightningcss-dark,#324874);--ns-keycap-wall:var(--key-skirt,#7ba4e4);--ns-keycap-line:var(--key-edge,#6f9ce0);--ns-keycap-ink:var(--on-key,#111)}@media (forced-colors:active){.ns-keycap{border-color:canvastext}.ns-keycap[data-down]{forced-color-adjust:none;color:highlighttext;background:highlight}}}