.root.svelte-uuc3co{--gap:5px;--sections:4;grid-template-columns:repeat(var(--sections), 1fr);gap:var(--gap);height:3cqh;min-height:5px;max-height:8px;display:grid;position:relative;inset-inline:0}.root.svelte-uuc3co>div:where(.svelte-uuc3co){background-color:var(--color-card-overlay);border-radius:4px}.root.svelte-uuc3co>div[data-active]:where(.svelte-uuc3co):first-child{background-color:var(--color-volatility-low)}.root.svelte-uuc3co>div[data-active]:where(.svelte-uuc3co):nth-child(2){background-color:var(--color-volatility-medium)}.root.svelte-uuc3co>div[data-active]:where(.svelte-uuc3co):nth-child(3){background-color:var(--color-volatility-high)}.root.svelte-uuc3co>div[data-active]:where(.svelte-uuc3co):nth-child(4){background-color:var(--color-volatility-insane)}.root.svelte-uuc3co:after{content:"";--section-width:calc((100% - (var(--sections) - 1) * var(--gap)) / var(--sections));--progress-in-section:calc((var(--volatility) - var(--position) * 25) / 25);--section-start:calc(var(--position) * (var(--section-width) + var(--gap)));width:1px;top:-.2em;bottom:-.2em;left:calc(var(--section-start) + var(--section-width) * var(--progress-in-section));background-color:#fff;position:absolute}