.spin.svelte-1s1pt4{transform-origin:16px 16px;animation:.9s linear infinite svelte-1s1pt4-spin}@keyframes svelte-1s1pt4-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin.svelte-1s1pt4{animation:none}}.dial.svelte-so5yr1{min-width:0}.key.svelte-so5yr1{color:#15122f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f6f0e6;border-radius:.7rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.2rem;min-width:3.5rem;min-height:3.5rem;padding:.4rem .35rem .5rem;transition:transform 90ms ease-out,box-shadow 90ms ease-out,background-color .12s;display:flex;box-shadow:inset 0 -5px #cfc5b4,0 1px #0006}.key.svelte-so5yr1:hover{background:#fffaf2}.key.svelte-so5yr1:has(input:where(.svelte-so5yr1):checked){background:var(--color-lamp);box-shadow:inset 0 -2px 0 var(--color-lamp-deep), inset 0 2px 4px #7a4a0f55;transform:translateY(3px)}.key.svelte-so5yr1:has(input:where(.svelte-so5yr1):focus-visible){outline:3px solid var(--color-lamp);outline-offset:3px}.key.svelte-so5yr1:has(input:where(.svelte-so5yr1):checked:focus-visible){outline-color:#fff}@media (prefers-reduced-motion:reduce){.key.svelte-so5yr1{transition:none}}