.phase-button.svelte-2zxpr9{transition:border-color .18s var(--ease-out-strong), background-color .18s var(--ease-out-strong), box-shadow .18s var(--ease-out-strong), transform .12s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine){.phase-button.svelte-2zxpr9:hover:not(:disabled){box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 7%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--side-color) 12%, transparent)}.phase-button.svelte-2zxpr9:hover:not(:disabled) .phase-action:where(.svelte-2zxpr9){color:var(--side-color);transform:translate(2px)}}.phase-button.svelte-2zxpr9:active:not(:disabled){transform:scale(.985)}.phase-selected.svelte-2zxpr9{transition:opacity .14s ease-out, transform .14s var(--ease-out-strong);transform:scale(1)}.phase-action.svelte-2zxpr9{transition:border-color .16s var(--ease-out-strong), color .16s var(--ease-out-strong), transform .12s var(--ease-out-strong)}.selected-readout.svelte-2zxpr9{transition:border-color .18s var(--ease-out-strong)}@media (prefers-reduced-motion:reduce){.phase-button.svelte-2zxpr9,.phase-selected.svelte-2zxpr9,.phase-action.svelte-2zxpr9,.selected-readout.svelte-2zxpr9{transition:none;transform:none}}