.note-chip.svelte-1pw4dna{--dot: #a50034}.note-dot.svelte-1pw4dna{width:9px;height:9px;border-radius:50%;background:var(--dot);flex:0 0 auto;box-shadow:0 0 0 2px color-mix(in srgb,var(--dot) 18%,transparent);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{transform:none}.note-chip.svelte-1pw4dna:hover .note-dot:where(.svelte-1pw4dna){transform:none}}.roast-chip.svelte-1qvxzgy{--tint: #cdb89a}.roast-swatch.svelte-1qvxzgy{width:12px;height:12px;border-radius:2px;background:var(--tint);flex:0 0 auto;border:1px solid color-mix(in srgb,var(--tint) 70%,#1f1f1f 30%);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{transform:none}.roast-chip.svelte-1qvxzgy:hover .roast-swatch:where(.svelte-1qvxzgy){transform:none}}