.note-chip.svelte-1pw4dna{--dot:#a50034}.note-dot.svelte-1pw4dna{background:var(--dot);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dot) 18%, transparent);border-radius:50%;flex:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.note-chip.svelte-1pw4dna:hover{transform:translateY(-1px)}.note-chip.svelte-1pw4dna:hover .note-dot:where(.svelte-1pw4dna){transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.note-chip.svelte-1pw4dna:hover,.note-chip.svelte-1pw4dna:hover .note-dot:where(.svelte-1pw4dna){transform:none}}.roast-chip.svelte-1qvxzgy{--tint:#cdb89a}.roast-swatch.svelte-1qvxzgy{background:var(--tint);border:1px solid color-mix(in srgb, var(--tint) 70%, #1f1f1f 30%);border-radius:2px;flex:none;width:12px;height:12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.roast-chip.svelte-1qvxzgy:hover{transform:translateY(-1px)}.roast-chip.svelte-1qvxzgy:hover .roast-swatch:where(.svelte-1qvxzgy){transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.roast-chip.svelte-1qvxzgy:hover,.roast-chip.svelte-1qvxzgy:hover .roast-swatch:where(.svelte-1qvxzgy){transform:none}}