.chip.svelte-vd0uvg{flex-shrink:0;border-radius:9999px;border:1px solid var(--color-border, #ddd);padding:.2rem .65rem;font-size:.75rem;font-weight:600;white-space:nowrap}.chip.on.svelte-vd0uvg{background:var(--color-leaf-deep);border-color:var(--color-leaf-deep);color:var(--color-cream)}.swatch.svelte-vd0uvg{border-color:color-mix(in srgb,var(--color-leaf-deep) 25%,transparent)}.swatch.on.svelte-vd0uvg{border-color:var(--color-leaf-deep);box-shadow:0 0 0 2px var(--color-cream)}.result.svelte-vd0uvg:hover{background:color-mix(in srgb,var(--color-leaf-deep) 8%,transparent)}.result.on.svelte-vd0uvg{background:var(--color-leaf-deep);color:var(--color-cream)}.result.on.svelte-vd0uvg span:where(.svelte-vd0uvg){color:inherit}@media(max-width:767px){.panel.svelte-vd0uvg{height:45dvh;border-top:1px solid var(--color-border, #ddd);padding-bottom:env(safe-area-inset-bottom,0px)}.hint.svelte-vd0uvg{display:none}}.stage.svelte-vd0uvg>div:where(.svelte-vd0uvg):first-child{padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.gate-root.svelte-vd0uvg{padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}