.hk-key[data-v-979e7438]{--hk-key-scale:1;--hk-key-print-scale:.66667;--hk-key-min-width-base:26px;--hk-key-min-height-base:28px;--hk-key-line-height-base:var(--hk-typography-key-line-height);--hk-key-line-height-effective:calc(var(--hk-key-line-height-base)*var(--hk-key-scale));--hk-key-padding-block-base:var(--hk-space-1);--hk-key-padding-block-adjust:0px;--hk-key-padding-block-effective:max(0px,calc(var(--hk-key-padding-block-base)*var(--hk-key-scale) + var(--hk-key-padding-block-adjust)));--hk-key-outer-height:max(calc(var(--hk-key-min-height-base)*var(--hk-key-scale)),calc(var(--hk-key-line-height-effective) + var(--hk-key-padding-block-effective)*2 + 2px));--hk-key-padding-inline-base:var(--hk-space-2);--hk-key-icon-size:1em;--hk-key-border-color:var(--hk-color-border-default);--hk-key-text-shadow:0 1px 0 var(--hk-color-white);--hk-key-shadow:0 1px 0 var(--hk-key-border-color),0 0 0 var(--hk-space-1) var(--hk-color-white) inset;box-sizing:border-box;display:inline-flex;position:relative;align-items:center;justify-content:center;min-width:calc(var(--hk-key-min-width-base)*var(--hk-key-scale));min-height:var(--hk-key-outer-height);padding:var(--hk-key-padding-block-effective) calc(var(--hk-key-padding-inline-base)*var(--hk-key-scale));font-size:var(--hk-typography-key-font-size);font-weight:var(--hk-typography-key-font-weight);line-height:var(--hk-typography-key-line-height);font-family:var(--hk-typography-font-family-body);font-optical-sizing:auto;font-size:calc(var(--hk-typography-key-font-size)*var(--hk-key-scale));line-height:var(--hk-key-line-height-effective);color:var(--hk-color-text-primary);white-space:nowrap;text-shadow:var(--hk-key-text-shadow);background-color:var(--hk-color-page-bg);border:1px solid var(--hk-key-border-color);border-radius:var(--hk-control-compact-label-radius-m)}@supports (corner-shape:squircle){.hk-key[data-v-979e7438]{corner-shape:squircle;border-radius:calc(var(--hk-control-compact-label-radius-m)*2)}}.hk-key[data-v-979e7438]{box-shadow:var(--hk-key-shadow);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hk-key._variant_group[data-v-979e7438]{--hk-key-min-width-base:20px;--hk-key-min-height-base:22px;--hk-key-padding-block-base:0px;--hk-key-padding-inline-base:calc(var(--hk-space-1)*.5);--hk-key-shadow:none;opacity:.9;border-radius:calc(var(--hk-space-1)*2.5)}@supports (corner-shape:squircle){.hk-key._variant_group[data-v-979e7438]{corner-shape:squircle;border-radius:calc(var(--hk-space-1)*2.5*2)}}.hk-key._demo[data-v-979e7438]{--hk-key-scale:var(--hk-key-demo-scale,2);--hk-key-min-width-base:28px;--hk-key-min-height-base:28px;--hk-key-padding-block-base:var(--hk-space-2);--hk-key-padding-inline-base:var(--hk-space-3);border-radius:var(--hk-radius-m)}@supports (corner-shape:squircle){.hk-key._demo[data-v-979e7438]{corner-shape:squircle;border-radius:calc(var(--hk-radius-xl)*2)}}.hk-key__icon[data-v-979e7438]{box-sizing:border-box;display:block;width:var(--hk-key-icon-size);height:var(--hk-key-icon-size);flex:0 0 auto;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{.hk-key[data-v-979e7438]{--hk-key-scale:var(--hk-key-print-scale,.66667);--hk-key-padding-block-adjust:-1px;--hk-key-border-color:color-mix(in srgb,var(--hk-color-border-default),#fff 30%);--hk-key-shadow:none;--hk-key-text-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.hk-key._variant_group[data-v-979e7438]{--hk-key-min-height-base:20px;--hk-key-line-height-base:calc(var(--hk-typography-key-line-height) - 2px);--hk-key-shadow:none}.hk-key._demo[data-v-979e7438]{--hk-key-scale:var(--hk-key-print-scale,.66667)}}