.stops-bar-group.svelte-1b55cw0{width:100%}.stops-bar.svelte-1b55cw0{position:relative;height:var(--small-height, 32px);border-radius:4px;cursor:crosshair;overflow:visible}.stops-bar-group[data-size=medium].svelte-1b55cw0 .stops-bar:where(.svelte-1b55cw0){height:var(--medium-height, 40px)}.bar-checkered.svelte-1b55cw0{position:absolute;inset:0;border-radius:4px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.bar-gradient.svelte-1b55cw0{position:absolute;inset:0;border-radius:4px;z-index:1}.stop-handle.svelte-1b55cw0{position:absolute;top:-1px;bottom:-1px;width:4px;transform:translate(-2px);cursor:grab;z-index:2;background:var(--color-text-primary, #ffffff);box-shadow:0 0 0 1px #0006,0 2px 4px #0003;border-radius:2px;opacity:.6;transition:opacity .1s ease}.stop-handle.svelte-1b55cw0:hover{opacity:.85}.stop-handle.selected.svelte-1b55cw0{opacity:1;box-shadow:0 0 0 1px #0006,0 0 0 3px #ffffff40,0 2px 6px #0006}.stop-handle.svelte-1b55cw0:active,.stop-handle.dragging.svelte-1b55cw0{cursor:grabbing;z-index:3;opacity:1}.handle-color.svelte-1b55cw0{display:none}.stop-row.svelte-tlod4a{display:flex;align-items:center;gap:var(--small-gap, 8px);border-radius:4px;cursor:default}.stop-swatch.svelte-tlod4a{width:var(--small-height, 32px);height:var(--small-height, 32px);border-radius:3px;border:1px solid rgba(128,128,128,.4);cursor:pointer;flex-shrink:0;transition:border-color .15s ease}.stop-swatch.svelte-tlod4a:hover{border-color:#ffffff80}.stop-input-wrapper.svelte-tlod4a{display:flex;align-items:center;gap:2px;box-sizing:border-box}.stop-input-wrapper.svelte-tlod4a:first-of-type{flex:1;min-width:0}.stop-input-wrapper.svelte-tlod4a:has(:where(.svelte-tlod4a):focus-visible){outline:2px solid var(--color-accent-blue, rgba(99, 102, 241, .6));outline-offset:2px}.stop-position-group.svelte-tlod4a{width:60px}.stop-input.svelte-tlod4a{flex:1;min-width:0;background:none;border:none;outline:none;color:inherit;font:inherit;font-family:Geist Mono,monospace;padding:0;-moz-appearance:textfield;appearance:textfield}.stop-input.svelte-tlod4a::-webkit-outer-spin-button,.stop-input.svelte-tlod4a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stop-input.is-ref.svelte-tlod4a{color:#fff562}.stop-input.svelte-tlod4a::placeholder{color:#ffffff40}.stop-position.svelte-tlod4a{text-align:right}.stop-position.implicit.svelte-tlod4a{color:#ffffff59}.unit.svelte-tlod4a{color:var(--color-text-secondary, rgba(255, 255, 255, .5));flex-shrink:0;pointer-events:none}.stop-remove.svelte-tlod4a{flex-shrink:0}.stop-row[data-size=medium].svelte-tlod4a{gap:var(--medium-gap, 10px)}.stop-row[data-size=medium].svelte-tlod4a .stop-swatch:where(.svelte-tlod4a){width:var(--medium-height, 40px);height:var(--medium-height, 40px)}