.button.svelte-pox443{box-sizing:border-box;padding:0 0 var(--lip-depth);border-radius:var(--radius-control);font-family:var(--family-word);font-size:var(--size-control);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-button);vertical-align:top;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;margin:0;display:inline-flex}.large.svelte-pox443{font-size:var(--size-title)}.face.svelte-pox443{box-sizing:border-box;height:var(--control-height);border-radius:var(--radius-control);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:10px;min-width:88px;padding:0 16px;transition:transform 90ms ease-out,box-shadow 90ms ease-out;display:flex}.large.svelte-pox443 .face:where(.svelte-pox443){height:var(--act-height);gap:12px;min-width:164px;padding:0 27px}.led.svelte-pox443{padding-left:15px}.large.svelte-pox443 .led:where(.svelte-pox443){padding-left:25px}.icon.svelte-pox443{flex:none;width:16px;height:16px;display:block}.large.svelte-pox443 .icon:where(.svelte-pox443){width:20px;height:20px}.icon.svelte-pox443 svg{width:100%;height:100%;display:block}.label.svelte-pox443{margin-right:calc(var(--tracking-button) * -1)}.act.svelte-pox443 .face:where(.svelte-pox443){color:var(--act-ink);background:var(--act-paint);box-shadow:var(--lip-act), var(--glow-act)}.quiet.svelte-pox443 .face:where(.svelte-pox443){color:var(--text-quiet);background:color-mix(in srgb, var(--text-main) 3%, transparent);box-shadow:inset 0 0 0 var(--stroke-chrome) var(--edge), var(--lip-quiet)}.off.svelte-pox443{padding:var(--lip-depth) 0 0;cursor:default}.off.svelte-pox443 .face:where(.svelte-pox443){color:var(--text-off);background:var(--well);box-shadow:var(--flat)}.act.svelte-pox443:hover .face:where(.svelte-pox443){background:linear-gradient(color-mix(in srgb, var(--shine) 12%, transparent), color-mix(in srgb, var(--shine) 12%, transparent)), var(--act-paint);box-shadow:var(--lip-act), var(--glow-act), var(--glow-act)}.quiet.svelte-pox443:hover .face:where(.svelte-pox443){color:var(--text-main);background:color-mix(in srgb, var(--text-main) 8%, transparent);box-shadow:inset 0 0 0 var(--stroke-chrome) var(--text-quiet), var(--lip-quiet)}.quiet.held.svelte-pox443 .face:where(.svelte-pox443){color:var(--here);text-shadow:var(--glow-here-word);background:color-mix(in srgb, var(--here) 12%, transparent);box-shadow:inset 0 0 0 var(--stroke-chrome) var(--here), 0 calc(var(--lip-depth) - var(--press)) 0 color-mix(in srgb, var(--here) 40%, var(--lip)), var(--glow-here)}.held.svelte-pox443 .face:where(.svelte-pox443),.act.svelte-pox443:active .face:where(.svelte-pox443),.quiet.svelte-pox443:active .face:where(.svelte-pox443){transform:translateY(var(--press));transition-duration:0s}.act.held.svelte-pox443 .face:where(.svelte-pox443),.act.svelte-pox443:active .face:where(.svelte-pox443){background:linear-gradient(color-mix(in srgb, var(--shade) 10%, transparent), color-mix(in srgb, var(--shade) 10%, transparent)), var(--act-paint);box-shadow:var(--top-light), 0 calc(var(--lip-depth) - var(--press)) 0 var(--act-lip), var(--glow-act)}.quiet.svelte-pox443:not(.held):active .face:where(.svelte-pox443){color:var(--text-main);background:color-mix(in srgb, var(--text-main) 8%, transparent);box-shadow:inset 0 0 0 var(--stroke-chrome) var(--text-quiet), 0 calc(var(--lip-depth) - var(--press)) 0 var(--lip)}