@layer components{.kbd{--kbd-size:1.375rem;min-width:var(--kbd-size);height:var(--kbd-size);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);font-family:var(--font-mono);white-space:nowrap;vertical-align:middle;border-bottom-width:2px;place-items:center;padding-inline:.375rem;font-size:.75rem;font-weight:500;line-height:1;transition:translate 80ms ease-out,border-bottom-width 80ms ease-out,background-color 80ms ease-out;display:inline-grid;&[data-size=sm]{--kbd-size:1.125rem;padding-inline:.25rem;font-size:.6875rem}&[data-size=lg]{--kbd-size:1.75rem;padding-inline:.5rem;font-size:.875rem}&[data-pressed]{background:color-mix(in oklch, var(--muted) 80%, var(--foreground));color:var(--foreground);border-bottom-width:1px;translate:0 1px}}.kbd-group{vertical-align:middle;background:0 0;border:0;align-items:center;gap:.25rem;padding:0;font-family:inherit;display:inline-flex}.kbd-group[data-separator]{gap:.875rem;&>.kbd+.kbd{position:relative;&:before{content:"+";color:var(--muted-foreground);pointer-events:none;font-size:.6875rem;line-height:1;position:absolute;inset-inline-start:-.625rem}}}.btn .kbd,.command-item .kbd,.dropdown-item .kbd,.menubar-trigger .kbd,.tooltip .kbd{border-color:color-mix(in oklch, currentColor 25%, transparent);color:inherit;opacity:.75;background:0 0;&[data-pressed]{background:color-mix(in oklch, currentColor 18%, transparent);opacity:1}}}@media (prefers-reduced-motion:reduce){@layer components{.kbd,.kbd *,.kbd:before,.kbd:after,.kbd :before,.kbd :after,.kbd-group,.kbd-group:before,.kbd-group:after{transition:none;animation:none}}}@media (prefers-contrast:more){@layer components{.kbd{border-color:var(--foreground);color:var(--foreground)}}}@media (forced-colors:active){@layer components{.kbd{color:buttontext;background:buttonface;border-color:buttontext}.kbd[data-pressed]{color:highlighttext;background:highlight;border-color:highlight}.kbd-group[data-separator]>.kbd+.kbd:before{color:buttontext}}}