@layer components{[data-ui=kbd]{height:20px;padding-inline:var(--spacing-6);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-on-surface-variant);font:var(--font-body-sm);white-space:nowrap;align-items:center;gap:var(--spacing-2);box-shadow:0 .5px 0 0 var(--color-primary-container), 0 .5px .5px 0 color-mix(in srgb, var(--color-on-surface) 20%, transparent);display:flex}[data-ui=kbd] svg{width:var(--spacing-12);height:var(--spacing-12)}[data-ui=kbd-group]{align-items:center;gap:var(--spacing-2);display:flex}}