.routing-barcode.svelte-168gbmr{display:block;width:var(--routing-barcode-width, 72px);height:var(--routing-barcode-width, 72px);overflow:visible}.routing-barcode.svelte-168gbmr:hover{--routing-barcode-color-mix: 100%}.routing-barcode-arc.svelte-168gbmr{fill:color-mix(in srgb,var(--arc-color, var(--color-gray-110, #8e9aa9)) var(--routing-barcode-color-mix, 0%),var(--color-gray-100, #6c7684));transition:fill .15s ease}.routing-barcode-arc.svelte-168gbmr[data-category=drums]{--arc-color: var(--dec-06-120, #63d274)}.routing-barcode-arc.svelte-168gbmr[data-category=synth]{--arc-color: var(--dec-07-120, #6cc897)}.routing-barcode-arc.svelte-168gbmr[data-category=effects]{--arc-color: var(--dec-02-120, #dfaa5c)}.routing-barcode-arc.svelte-168gbmr[data-category=stompbox]{--arc-color: var(--dec-01-120, #ff8e53)}.routing-barcode-arc.svelte-168gbmr[data-category=tools]{--arc-color: var(--dec-08-120, #72c1d4)}.routing-barcode-arc.svelte-168gbmr[data-category=midi]{--arc-color: var(--dec-10-120, #bc94ff)}.routing-barcode-arc.svelte-168gbmr[data-category=mixer]{--arc-color: var(--dec-09-120, #9aacfe)}.routing-barcode-arc.svelte-168gbmr[data-category=legacy]{--arc-color: var(--dec-04-120, #d0b756)}.routing-barcode-arc.svelte-168gbmr[data-category=other]{--arc-color: var(--dec-03-120, #c9ad86)}@media (prefers-reduced-motion: reduce){.routing-barcode-arc.svelte-168gbmr{transition:none}}