.knob.svelte-1e2g08j{height:24px;width:24px;background-color:var(--color-primary);border-radius:12px 12px 12px 0;box-shadow:-1px 1px 0 1px var(--color-foreground),0 0 0 1px var(--color-foreground);cursor:grab;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center}.knob.dragging.svelte-1e2g08j{cursor:grabbing}.visual-percentage-editor.svelte-3dyuv{width:100%;height:6.5rem;display:flex;flex-direction:column;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blocks.svelte-3dyuv{width:100%;display:flex;gap:8px;height:4rem;position:relative;border-radius:1.5rem 0 1.5rem 1.5rem;padding:8px;box-shadow:var(--elevation-low)}.block-wrapper.svelte-3dyuv{flex-shrink:0;position:relative}.block.svelte-3dyuv{position:relative;height:100%;width:100%;background-color:var(--color-primary-level-1);transition:background-color .3s;display:flex;align-items:center;padding:8px;overflow:hidden;border-radius:.25rem}.block-wrapper.svelte-3dyuv:first-child .block:where(.svelte-3dyuv){border-radius:1rem .25rem .25rem 1rem}.block-wrapper.svelte-3dyuv:last-child .block:where(.svelte-3dyuv){border-radius:.25rem 0 1rem .25rem;opacity:.75}.block.zero-percent.svelte-3dyuv{background-color:var(--color-foreground-level-2)}.knob.svelte-3dyuv{position:absolute;top:-16px;right:-16px;z-index:5}.label.svelte-3dyuv{white-space:nowrap;width:-moz-fit-content;width:fit-content;color:var(--color-primary-level-4);transition:opacity .2s}.overflown-icon.svelte-3dyuv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.label.overflown.svelte-3dyuv{opacity:0}.zero-percent.svelte-3dyuv .label:where(.svelte-3dyuv){opacity:0}.percentage-input.svelte-3dyuv{position:absolute;bottom:-3rem;width:100%;display:flex;align-items:center;justify-content:center}