.bench-track,.bench-swatch{--dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='2.5' height='2.5'/%3E%3C/svg%3E")}.bench-track{background:linear-gradient(var(--ink), var(--ink)) right center / 2px 100% no-repeat, linear-gradient(color-mix(in srgb, var(--ink) 18%, transparent), color-mix(in srgb, var(--ink) 18%, transparent)) left bottom / 100% 1px no-repeat}.bench-fallback,.bench-swatch{-webkit-mask:var(--dots) 0 0 / 4px 4px;-webkit-mask:var(--dots) 0 0 / 4px 4px;mask:var(--dots) 0 0 / 4px 4px}.bench-fallback{background:#b5248a}.bench-fallback[data-t=alone]{background:#6b675f}.bench-track:has(canvas[data-painted]) .bench-fallback{display:none}.bench-swatch{background:linear-gradient(90deg,#2b1030,#b5248a,#f7b085);width:22px;height:10px;display:inline-block}.bench-swatch[data-t=alone]{background:linear-gradient(90deg,#8a867d,#4a463e)}.bench-fallback[data-t=self]{background:#9a958b}.bench-swatch[data-t=self]{background:linear-gradient(90deg,#b3ada2,#77726a)}.ci-track{--dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='2.5' height='2.5'/%3E%3C/svg%3E");background:linear-gradient(color-mix(in srgb, var(--ink) 18%, transparent), color-mix(in srgb, var(--ink) 18%, transparent)) left center / 100% 1px no-repeat}.ci-zero{border-left:2px dashed var(--ink);position:absolute;top:-3px;bottom:-3px;translate:-1px}.ci-bar{height:10px;-webkit-mask:var(--dots) 0 0 / 4px 4px;-webkit-mask:var(--dots) 0 0 / 4px 4px;mask:var(--dots) 0 0 / 4px 4px;background:linear-gradient(90deg,#2b1030,#b5248a,#f7b085);position:absolute;top:50%;translate:0 -50%}.ci-bar[data-sure=false]{background:#8a867d}.ci-dot{width:12px;height:12px;box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink);background:#b5248a;border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.ci-dot[data-sure=false]{background:var(--paper)}