.ColorBar.svelte-10u1oak{height:2.6rem;width:8rem;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1em;cursor:pointer;padding:.1rem;transition:padding .1s linear}.ColorBar.svelte-10u1oak:hover,.ColorBar.svelte-10u1oak:focus{padding:0}:is(.ColorBar.svelte-10u1oak:hover,.ColorBar.svelte-10u1oak:focus) .ColorBar-text:where(.svelte-10u1oak){opacity:1}:is(.ColorBar.svelte-10u1oak:hover,.ColorBar.svelte-10u1oak:focus) .ColorBar-hex:where(.svelte-10u1oak){opacity:0}.ColorBar.svelte-10u1oak .ColorBar-bar:where(.svelte-10u1oak){width:100%;height:100%;pointer-events:none}.ColorBar.svelte-10u1oak .ColorBar-text:where(.svelte-10u1oak){transition:opacity .1s linear;pointer-events:none;opacity:0;position:absolute;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.4em;font-size:.7em;font-weight:600;padding:.1em .5em}.ColorBar.svelte-10u1oak .ColorBar-hex:where(.svelte-10u1oak){width:4.8em;transition:opacity .1s linear;pointer-events:none;position:absolute;background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:.4em;font-size:.8em;font-weight:600;padding:.1em .5em}.Row.svelte-p9yd56{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:2rem}.Row.svelte-p9yd56>:where(.svelte-p9yd56){padding:.3rem}.Row.svelte-p9yd56:nth-child(0){width:100%;text-align:start;flex-grow:1}.Row.svelte-p9yd56:nth-child(1){width:100%;text-align:start;flex-grow:0}.Row-title.svelte-p9yd56{font-weight:800;border:1px solid indigo;border:1px solid black;border-left:none;border-right:none;padding:.2rem}.Row-title.svelte-p9yd56 .Row-title-color:where(.svelte-p9yd56){width:8rem;min-width:8rem;text-align:center}.Row-content.svelte-p9yd56{transition:.2s;padding:.2rem;border-radius:.5rem}.Row-content.svelte-p9yd56:hover{background-color:#0000001a}