@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-hotkeys{vertical-align:middle;font-family:var(--vectis-text-family);font-size:var(--control-font-size);--hotkeys-pad:var(--control-padding-inline);justify-content:center}.v-hotkeys,.v-hotkeys-keys{align-items:center;display:inline-flex}.v-hotkeys-keys{gap:var(--control-gap)}.v-hotkeys-key{font-family:inherit;font-size:inherit;font-weight:var(--vectis-text-control-weight);line-height:var(--vectis-text-control-leading);justify-content:center;align-items:center;display:inline-flex}.v-hotkeys[data-variant=soft]{--hotkeys-bg:color-mix(in oklab, currentcolor, transparent 90%);--hotkeys-border:transparent;--hotkeys-shadow:none}.v-hotkeys[data-variant=outline]{--hotkeys-bg:transparent;--hotkeys-border:color-mix(in oklab, currentcolor, transparent 70%);--hotkeys-shadow:none}.v-hotkeys[data-variant=elevated]{--hotkeys-bg:color-mix(in oklab, currentcolor, transparent 94%);--hotkeys-border:transparent;--hotkeys-shadow:var(--vectis-shadow-sm)}.v-hotkeys[data-attached]{--hotkeys-pad:var(--control-gap)}.v-hotkeys:not([data-attached]) .v-hotkeys-key,.v-hotkeys[data-attached]{height:var(--control-height);min-inline-size:var(--control-height);padding-inline:var(--hotkeys-pad);border:1px solid var(--hotkeys-border);border-radius:var(--vectis-radius-interactive);background:var(--hotkeys-bg);box-shadow:var(--hotkeys-shadow)}.v-hotkeys-separator{color:color-mix(in oklab,currentcolor,transparent 40%)}@media (forced-colors:active){.v-hotkeys[data-variant]{--hotkeys-border:CanvasText}}}@layer vectis.utilities;