.keycap.svelte-e8pfqh{--face:var(--key);--skirt:var(--key-skirt);--legend:var(--key-ink);vertical-align:baseline;font-family:var(--font-mono);font-weight:var(--weight-bold);font-variant-ligatures:none;color:var(--legend);text-align:center;white-space:nowrap;flex:none;line-height:1;display:inline-block}.keycap--ink.svelte-e8pfqh{--face:color-mix(in oklab, var(--ink) 84%, var(--card));--skirt:var(--ink);--legend:var(--card)}.keycap--accent.svelte-e8pfqh{--face:var(--marigold);--skirt:var(--marigold-skirt);--legend:var(--marigold-ink)}.glyph-svg.svelte-e8pfqh{vertical-align:top;fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:1.2em;height:1.2em;margin:-.1em -.06em;display:inline-block;overflow:visible}.keycap--xs.svelte-e8pfqh{font-size:var(--keycap-font,var(--step--1));background:var(--face);border:var(--stroke-2) solid var(--ink);border-radius:var(--radius-1);min-width:1.75em;box-shadow:inset 0 -.2em 0 var(--skirt);vertical-align:.05em;padding:.16em .4em .32em}.keycap--sm.svelte-e8pfqh,.keycap--md.svelte-e8pfqh{background:var(--skirt);border:var(--stroke) solid var(--ink);box-shadow:var(--key-travel-x) var(--key-travel-y) 0 var(--drop);border-radius:.36em .62em .32em .58em/.56em .3em .62em .4em;padding:.09em .09em .3em}.keycap--sm.svelte-e8pfqh{font-size:var(--keycap-font,var(--step-1));font-weight:var(--weight-heavy)}.keycap--md.svelte-e8pfqh{font-size:var(--keycap-font,var(--step-3));font-weight:var(--weight-heavy)}.face.svelte-e8pfqh{background:var(--face);min-width:1.36em;box-shadow:inset 0 0 0 var(--stroke-thin) var(--ink-line);border-radius:.26em .46em .22em .44em/.42em .22em .46em .3em;padding:.26em .36em .22em;display:block}.key.svelte-uz1h41{--face:var(--key);--face-hi:var(--key-hi);--skirt:var(--key-skirt);--legend:var(--key-ink);--depth:var(--key-depth);--rim:var(--stroke-2);--edge:var(--stroke);--pad-y:var(--space-2);--pad-x:var(--space-4);--key-lift-x:calc(var(--key-travel-x) / -2);--key-lift-y:calc(var(--key-travel-y) / -4);isolation:isolate;vertical-align:middle;border-radius:var(--radius-2);color:var(--legend);font-family:var(--font-ui);font-size:var(--step-0);font-weight:var(--weight-bold);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;line-height:1;text-decoration:none;display:inline-block;position:relative}.key.svelte-uz1h41:before{content:"";z-index:-1;border-radius:inherit;background:var(--drop);transform:translate(var(--key-travel-x), var(--key-travel-y));position:absolute;inset:0}.key-cap.svelte-uz1h41{padding:var(--rim) var(--rim) var(--depth);background:var(--skirt);border:var(--edge) solid var(--ink);border-radius:inherit;transition:transform var(--dur-release) var(--ease-pop);display:block}.key-face.svelte-uz1h41{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--pad-y) var(--pad-x);background:var(--face);border-radius:var(--key-face-radius);box-shadow:inset 0 0 0 var(--stroke-thin) var(--ink-line);white-space:nowrap;display:flex;position:relative}.key-face.svelte-uz1h41:after{content:"";top:var(--space-1);left:calc(var(--space-1) + var(--stroke-thin));width:var(--space-2);height:calc(var(--space-2) * .75);border-top:var(--stroke-2) solid var(--key-shine,color-mix(in oklab, var(--card) 72%, transparent));border-left:var(--stroke-2) solid var(--key-shine,color-mix(in oklab, var(--card) 72%, transparent));pointer-events:none;border-top-left-radius:100%;position:absolute}.key-legend.svelte-uz1h41{align-items:center;gap:var(--space-2);display:inline-flex}.key-hint.svelte-uz1h41{margin-right:calc(var(--space-1) * -1);display:inline-flex}.key--primary.svelte-uz1h41{--face:var(--marigold);--face-hi:var(--marigold-hi);--skirt:var(--marigold-skirt);--legend:var(--marigold-ink)}.key--danger.svelte-uz1h41{--face:var(--tomato);--face-hi:var(--tomato-hi);--skirt:var(--tomato-skirt);--legend:var(--tomato-ink)}.key--ghost.svelte-uz1h41{--legend:currentColor;color:inherit}.key--ghost.svelte-uz1h41:before,.key--ghost.svelte-uz1h41 .key-face:where(.svelte-uz1h41):after{display:none}.key--ghost.svelte-uz1h41 .key-cap:where(.svelte-uz1h41){border:var(--stroke-2) solid currentColor;padding-bottom:var(--rim);background:0 0}.key--ghost.svelte-uz1h41 .key-face:where(.svelte-uz1h41){box-shadow:none;padding-block:calc(var(--pad-y) + (var(--depth) - var(--rim)) / 2);background:0 0}.key--sm.svelte-uz1h41{--depth:calc(var(--key-depth) - var(--stroke-2));--pad-y:calc(var(--space-1) * 1.5);--pad-x:var(--space-3);font-size:var(--step--1)}.key--lg.svelte-uz1h41{--depth:calc(var(--key-depth) + var(--space-1) / 4);--pad-y:var(--space-3);--pad-x:var(--space-5);font-size:var(--step-2)}.key--xl.svelte-uz1h41{--depth:calc(var(--key-depth) + var(--stroke-bold));--rim:var(--stroke-bold);--edge:var(--stroke-bold);--pad-y:var(--space-4);--pad-x:var(--space-6);font-size:var(--step-3);font-weight:var(--weight-heavy)}@media (hover:hover){.key.svelte-uz1h41:hover:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-cap:where(.svelte-uz1h41){transform:translate(var(--key-lift-x), var(--key-lift-y))}.key.svelte-uz1h41:hover:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-face:where(.svelte-uz1h41){background:var(--face-hi)}.key--ghost.svelte-uz1h41:hover:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-cap:where(.svelte-uz1h41){background:color-mix(in oklab, currentColor 9%, transparent);transform:none}.key--ghost.svelte-uz1h41:hover:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-face:where(.svelte-uz1h41){background:0 0}}.key[data-preview=hover].svelte-uz1h41:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-cap:where(.svelte-uz1h41){transform:translate(var(--key-lift-x), var(--key-lift-y))}.key[data-preview=hover].svelte-uz1h41:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-face:where(.svelte-uz1h41){background:var(--face-hi)}.key--ghost[data-preview=hover].svelte-uz1h41:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-cap:where(.svelte-uz1h41){background:color-mix(in oklab, currentColor 9%, transparent);transform:none}.key--ghost[data-preview=hover].svelte-uz1h41:not(:active):not(.is-down):not([aria-pressed=true]):not(:disabled):not([aria-disabled=true]) .key-face:where(.svelte-uz1h41){background:0 0}.key.svelte-uz1h41:active:not(:disabled):not([aria-disabled=true]) .key-cap:where(.svelte-uz1h41),.key.is-down.svelte-uz1h41 .key-cap:where(.svelte-uz1h41),.key[data-preview=active].svelte-uz1h41 .key-cap:where(.svelte-uz1h41),.key[aria-pressed=true].svelte-uz1h41 .key-cap:where(.svelte-uz1h41){transform:translate(var(--key-travel-x), var(--key-travel-y));transition:transform var(--dur-press) var(--ease-out)}.key--ghost.svelte-uz1h41:active:not(:disabled) .key-cap:where(.svelte-uz1h41),.key--ghost.is-down.svelte-uz1h41 .key-cap:where(.svelte-uz1h41),.key--ghost[data-preview=active].svelte-uz1h41 .key-cap:where(.svelte-uz1h41),.key--ghost[aria-pressed=true].svelte-uz1h41 .key-cap:where(.svelte-uz1h41){transform:translateY(var(--stroke-2));background:color-mix(in oklab, currentColor 12%, transparent)}.key[aria-pressed=true].svelte-uz1h41 .key-face:where(.svelte-uz1h41){background:color-mix(in oklab, var(--face) 86%, var(--skirt))}.key[data-preview=focus].svelte-uz1h41{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.key.svelte-uz1h41:disabled,.key[aria-disabled=true].svelte-uz1h41:not([aria-busy=true]){cursor:not-allowed}.key.svelte-uz1h41:disabled:before,.key[aria-disabled=true].svelte-uz1h41:not([aria-busy=true]):before{display:none}.key.svelte-uz1h41:disabled .key-cap:where(.svelte-uz1h41),.key[aria-disabled=true].svelte-uz1h41:not([aria-busy=true]) .key-cap:where(.svelte-uz1h41){transform:translate(var(--key-travel-x), var(--key-travel-y));background:var(--key-disabled-skirt);border-color:var(--key-disabled-line)}.key.svelte-uz1h41:disabled .key-face:where(.svelte-uz1h41),.key[aria-disabled=true].svelte-uz1h41:not([aria-busy=true]) .key-face:where(.svelte-uz1h41){background:var(--key-disabled);color:var(--ink-2);box-shadow:inset 0 0 0 var(--stroke-thin) var(--ink-line-soft)}.key.svelte-uz1h41:disabled .key-face:where(.svelte-uz1h41):after,.key[aria-disabled=true].svelte-uz1h41:not([aria-busy=true]) .key-face:where(.svelte-uz1h41):after{display:none}.key--ghost.svelte-uz1h41:disabled .key-cap:where(.svelte-uz1h41){opacity:.55;background:0 0;border-color:currentColor;transform:none}.key--ghost.svelte-uz1h41:disabled .key-face:where(.svelte-uz1h41){box-shadow:none;background:0 0}.key[aria-busy=true].svelte-uz1h41{cursor:progress}.busy.svelte-uz1h41 .key-legend:where(.svelte-uz1h41),.busy.svelte-uz1h41 .key-hint:where(.svelte-uz1h41){opacity:0}.key-dots.svelte-uz1h41{justify-content:center;align-items:center;gap:var(--space-1);display:flex;position:absolute;inset:0}.key-dots.svelte-uz1h41 i:where(.svelte-uz1h41){width:.42em;height:.36em;animation:svelte-uz1h41-tap calc(var(--dur-4) * 1.5) var(--ease-in-out) infinite;background:currentColor;border-radius:.1em .14em .08em .12em}.key-dots.svelte-uz1h41 i:where(.svelte-uz1h41):nth-child(2){animation-delay:calc(var(--dur-4) * .25)}.key-dots.svelte-uz1h41 i:where(.svelte-uz1h41):nth-child(3){animation-delay:calc(var(--dur-4) * .5)}@keyframes svelte-uz1h41-tap{0%,40%,to{transform:translateY(0)}20%{transform:translateY(.12em)}}
