div.colorbar.svelte-1myg3us{box-sizing:border-box;place-items:center;gap:var(--cbar-gap,0);margin:var(--cbar-margin);padding:var(--cbar-padding);width:var(--cbar-width,auto);font-size:var(--cbar-font-size,9pt);align-items:var(--cbar-wrapper-align-items);display:flex}div.bar.svelte-1myg3us{border-radius:var(--cbar-border-radius,var(--border-radius,3pt));width:var(--cbar-width);height:var(--cbar-height);position:relative}span.label.svelte-1myg3us{text-align:center;padding:var(--cbar-label-padding,0 5px);transform:var(--cbar-label-transform);display:var(--cbar-label-display);background:var(--cbar-label-bg,transparent);backdrop-filter:var(--cbar-label-backdrop-filter,blur(4px));border-radius:var(--cbar-label-border-radius,var(--border-radius,3pt));user-select:text;justify-content:center;align-items:center}span.tick-label.svelte-1myg3us{font-weight:var(--cbar-tick-label-font-weight,lighter);font-size:var(--cbar-tick-label-font-size,var(--cbar-font-size));color:var(--cbar-tick-label-color,initial);background:var(--cbar-tick-label-bg);padding:var(--cbar-tick-label-padding,0 2px);white-space:nowrap;position:absolute;&.horizontal{transform:translate(-50%);&.tick-primary{margin-top:var(--cbar-tick-offset,0);top:100%}&.tick-secondary{margin-bottom:var(--cbar-tick-offset,0);bottom:100%}&.tick-inside{margin:0;top:50%;transform:translate(-50%,-50%)}}&.vertical{transform:translateY(-50%);&.tick-primary{margin-left:var(--cbar-tick-offset,1pt);left:100%}&.tick-secondary{margin-right:var(--cbar-tick-offset,1pt);right:100%}&.tick-inside{padding:0;left:50%;transform:translate(-50%,-50%)}}}.title-row.svelte-1myg3us{align-items:center;gap:var(--cbar-select-gap,.3em);white-space:nowrap;width:auto;display:inline-flex;&:is(.left:where(.svelte-1myg3us),.right:where(.svelte-1myg3us)){flex-direction:column;justify-content:center}&.vertical:is(.left:where(.svelte-1myg3us),.right:where(.svelte-1myg3us)) .label:where(.svelte-1myg3us){writing-mode:vertical-lr;white-space:nowrap}&.vertical.left .label:where(.svelte-1myg3us){transform:rotate(180deg)}& :is(.property-select,.color-scale-select){padding:0 4px}&.loading .property-select{opacity:.6;pointer-events:none}}