.barcode-container.svelte-vv1ds0{position:relative;width:100%;height:calc(var(--height) + 12px);margin:.5rem 0}.barcode.svelte-vv1ds0{position:relative;width:100%;height:var(--height);background:#1a1a1a;border-radius:2px;overflow:hidden}.segment.svelte-vv1ds0{position:absolute;top:0;height:100%;min-width:1px}.segment.clickable.svelte-vv1ds0{cursor:pointer}.segment.clickable.svelte-vv1ds0:hover{opacity:.8;outline:1px solid white;z-index:1}.indicator.svelte-vv1ds0{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.indicator-arrow.svelte-vv1ds0{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff}.indicator-line.svelte-vv1ds0{width:2px;height:calc(var(--height) + 4px);background:#fff;box-shadow:0 0 4px #ffffff80}.colors-container.svelte-1pgtasg{display:flex;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 1px 3px #0000004d}.colors-container.clickable.svelte-1pgtasg{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.colors-container.clickable.svelte-1pgtasg:hover{transform:scale(1.02);box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 8px #0000004d}.size-small.svelte-1pgtasg{height:16px;min-width:60px}.size-medium.svelte-1pgtasg{height:24px;min-width:100px}.size-large.svelte-1pgtasg{height:32px;min-width:150px}.color-swatch.svelte-1pgtasg{min-width:4px}.color-link.svelte-1pgtasg{transition:transform .15s ease,filter .15s ease}.color-link.svelte-1pgtasg:hover{transform:scaleY(1.15);filter:brightness(1.1);z-index:1}