.editable-dial.svelte-1p6bg8{isolation:isolate;aspect-ratio:440/410;-webkit-user-select:none;user-select:none;width:100%;max-width:560px;margin:auto;position:relative}.dial-art.svelte-1p6bg8{width:100%;height:100%;display:block;overflow:visible}.ring.svelte-1p6bg8{fill:none;stroke:var(--rule-2);stroke-width:1px}.middle.svelte-1p6bg8{stroke-dasharray:2 6}.preference-shape.svelte-1p6bg8{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:color-mix(in srgb,var(--accent) 45%,var(--rule-2));stroke-width:1.3px;stroke-linejoin:round}.center.svelte-1p6bg8{fill:var(--surface)}.track.svelte-1p6bg8{stroke:var(--rule-2);stroke-width:3px;stroke-linecap:round}.fill.svelte-1p6bg8{stroke:var(--pillar);stroke-width:12px;stroke-linecap:round}.zero.svelte-1p6bg8{fill:var(--fg-3)}.center-title.svelte-1p6bg8{fill:var(--fg-2);text-anchor:middle;letter-spacing:.09em;font-size:9px;font-weight:600}.scale.svelte-1p6bg8{fill:var(--fg-2);font-size:8px}.spoke-target.svelte-1p6bg8{height:32px;transform:translateY(-50%) rotate(var(--angle));transform-origin:0;cursor:crosshair;touch-action:none;background:0 0;border:0;padding:0;position:absolute}.axis-label.svelte-1p6bg8{text-align:center;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.axis-label.svelte-1p6bg8 span:where(.svelte-1p6bg8){color:var(--fg-2);white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:550;display:flex}.axis-label.svelte-1p6bg8 i:where(.svelte-1p6bg8){background:var(--pillar);border-radius:50%;width:6px;height:6px}.axis-label.svelte-1p6bg8 strong:where(.svelte-1p6bg8){letter-spacing:-.04em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:27px;font-weight:600;line-height:1.3;display:block}.axis-label.active.svelte-1p6bg8 span:where(.svelte-1p6bg8){color:var(--fg)}.handle.svelte-1p6bg8{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.handle.svelte-1p6bg8 span:where(.svelte-1p6bg8){box-sizing:border-box;border:3px solid var(--surface);background:var(--pillar);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--pillar),0 2px 7px #0002;border-radius:50%}.handle.svelte-1p6bg8:hover span:where(.svelte-1p6bg8),.handle.active.svelte-1p6bg8 span:where(.svelte-1p6bg8){box-shadow:0 0 0 1.5px var(--pillar),0 0 0 7px color-mix(in srgb,var(--pillar) 15%,transparent)}.handle.svelte-1p6bg8:focus-visible{outline:2px solid var(--fg);outline-offset:0}.dragging.svelte-1p6bg8 .handle:where(.svelte-1p6bg8),.dragging.svelte-1p6bg8 .spoke-target:where(.svelte-1p6bg8){cursor:grabbing}.dial-help.svelte-1p6bg8{max-width:360px;color:var(--fg-2);text-align:center;text-wrap:balance;margin:0 auto;font-size:12px;line-height:1.65}@media (width<=420px){.axis-label.svelte-1p6bg8 span:where(.svelte-1p6bg8){gap:4px;font-size:10px}.axis-label.svelte-1p6bg8 strong:where(.svelte-1p6bg8){font-size:23px}.axis-label.svelte-1p6bg8 i:where(.svelte-1p6bg8){width:5px;height:5px}.dial-help.svelte-1p6bg8{font-size:11px}}