@layer components{.mk-keys-presets{background:var(--mk-deep);border-radius:var(--mk-r-md);border:0;gap:2px;margin:0 0 8px;padding:2px;display:inline-flex}.mk-keys-presets label{display:inline-flex;position:relative}.mk-keys-presets input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mk-keys-presets span{height:32px;color:var(--mk-text-dim);border-radius:var(--mk-r-sm);align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.mk-keys-presets input:checked+span{color:var(--mk-canvas);background:var(--mk-text)}.mk-keys-presets input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--mk-focus), inset 0 0 0 3.5px var(--mk-canvas)}.mk-keys-group{padding-top:32px}.mk-keys-group>h3{margin:0 0 8px}.mk-keys-group[hidden]{display:none}.mk-keys-table{border-collapse:collapse;width:100%}.mk-keys-table tr{border-top:1px solid var(--mk-hairline);scroll-margin-top:calc(var(--mk-header-h) + 120px)}.mk-keys-table tr[data-match]{background:color-mix(in srgb, var(--mk-annot) 45%, transparent);box-shadow:inset 2px 0 0 var(--mk-line-strong)}.mk-keys-table th,.mk-keys-table td{text-align:left;vertical-align:middle;padding:8px;font-size:14px;line-height:20px}.mk-keys-table th{color:var(--mk-text);font-weight:400}.mk-keys-table td{text-align:right;white-space:nowrap}@media (min-width:768px){.mk-keys-table th{width:60%}}.mk-keys-cell{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:none}.mk-keys-or,.mk-keys-none{color:var(--mk-text-muted);font-size:12px}:is(:not([data-os-choice=other])>.mk-keys:has(input[data-keymap=hybrid]:checked) .mk-keys-cell[data-preset=hybrid][data-os=mac],:not([data-os-choice=other])>.mk-keys:has(input[data-keymap=classic]:checked) .mk-keys-cell[data-preset=classic][data-os=mac],[data-os-choice=other]>.mk-keys:has(input[data-keymap=hybrid]:checked) .mk-keys-cell[data-preset=hybrid][data-os=other],[data-os-choice=other]>.mk-keys:has(input[data-keymap=classic]:checked) .mk-keys-cell[data-preset=classic][data-os=other]){display:inline-flex}}