.colorbar.svelte-796icv{display:flex;line-height:var( --line-height, 1.7em );padding:.5em;background-color:var( --background-color, gray );--scale-border-width: 1px;--mark-border-width: 1px}.colorbar.svelte-796icv .scale:where(.svelte-796icv){border:var(--scale-border-width) solid white;outline:1px solid black;position:relative;width:16px;background:var( --gradient, linear-gradient( to top, #440154, #3b528b, #21918c, #5ec962, #fde725 ) )}.colorbar.svelte-796icv .ticks:where(.svelte-796icv){display:flex;flex-wrap:nowrap;flex-direction:column-reverse;padding-top:var(--scale-border-width);padding-bottom:calc(var(--scale-border-width) - var(--mark-border-width))}.colorbar.svelte-796icv .ticks:where(.svelte-796icv) .tick:where(.svelte-796icv){display:flex;width:100%;height:100%;min-height:0}.colorbar.svelte-796icv .ticks:where(.svelte-796icv) .tick:where(.svelte-796icv) .mark:where(.svelte-796icv){width:10px;height:min-content;border-top:var(--mark-border-width) solid white;border-bottom:var(--mark-border-width) solid black;transform:translateY(-50%)}.colorbar.svelte-796icv .ticks:where(.svelte-796icv) .tick:where(.svelte-796icv) .label:where(.svelte-796icv){font-family:sans-serif;margin-left:5px;height:min-content;transform:translateY(-50%);filter:drop-shadow(0 0 .05rem black)}
