.shortcut{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-20);--shortcut-padding-inline:var(--space-4);--shortcut-gap:var(--space-2);--shortcut-radius:var(--radius-4);--shortcut-content-color:var(--neutral-content-main-titles);--shortcut-surface-color:var(--neutral-surface-background);--shortcut-border-color:var(--neutral-border-components);--shortcut-border-width:var(--stroke-components);align-items:center;gap:var(--shortcut-gap);color:var(--shortcut-content-color);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-flex}.shortcut-keys{align-items:center;gap:var(--shortcut-gap);display:inline-flex}.shortcut-key{min-width:var(--shortcut-min-size);height:var(--shortcut-min-size);padding-inline:var(--shortcut-padding-inline);border-radius:var(--shortcut-radius);border:var(--shortcut-border-width) solid var(--shortcut-border-color);background-color:var(--shortcut-surface-color);color:var(--shortcut-content-color);font-family:var(--font-sans);font-size:var(--shortcut-font-size);font-weight:var(--weight-overline);white-space:nowrap;font-feature-settings:"case" 1;justify-content:center;align-items:center;gap:1px;line-height:1;display:inline-flex}.shortcut-glyph{justify-content:center;align-items:center;display:inline-flex}.shortcut-separator{color:var(--shortcut-content-color);font-family:var(--font-sans);font-size:var(--shortcut-font-size);opacity:.6;line-height:1}.shortcut-separator-then{--shortcut-gap:var(--space-4)}.shortcut-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shortcut-size-l{--shortcut-font-size:var(--size-label);--shortcut-min-size:var(--space-32);--shortcut-padding-inline:var(--space-8);--shortcut-radius:var(--radius-6)}.shortcut-size-m{--shortcut-font-size:var(--size-small);--shortcut-min-size:var(--space-24);--shortcut-padding-inline:var(--space-6)}.shortcut-size-s{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-20);--shortcut-padding-inline:var(--space-4)}.shortcut-size-xs{--shortcut-font-size:var(--size-overline);--shortcut-min-size:var(--space-16);--shortcut-padding-inline:var(--space-4);--shortcut-gap:1px}.shortcut-tone-default{--shortcut-content-color:var(--neutral-content-main-titles);--shortcut-surface-color:var(--neutral-surface-background);--shortcut-border-color:var(--neutral-border-components)}.shortcut-tone-subtle{--shortcut-content-color:var(--neutral-content-support);--shortcut-surface-color:var(--neutral-surface-main);--shortcut-border-color:var(--neutral-border-components)}.shortcut-tone-reversed{--shortcut-content-color:var(--neutral-content-oncolor);--shortcut-surface-color:var(--opacity-white-light);--shortcut-border-color:var(--opacity-white-medium)}.shortcut-tone-inherit{--shortcut-content-color:currentColor;--shortcut-surface-color:color-mix(in srgb, currentColor 14%, transparent);--shortcut-border-color:color-mix(in srgb, currentColor 24%, transparent)}.shortcut-variant-outlined{--shortcut-border-width:var(--stroke-components)}.shortcut-variant-filled{--shortcut-border-width:0px}.shortcut-variant-filled.shortcut-tone-default{--shortcut-surface-color:var(--neutral-surface-tables)}.shortcut-variant-plain{--shortcut-border-width:0px;--shortcut-surface-color:transparent}.shortcut-variant-plain .shortcut-key{min-width:0;padding-inline:0}