.scatter-layout.svelte-ksyokb{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-small);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:var(--spacing-large)}.chart-wrap.svelte-ksyokb{position:relative;width:100%}.scatter-chart.svelte-ksyokb{display:block;width:100%;height:auto}.scatter-layout.svelte-ksyokb .spell-search{width:100%;max-width:320px;font-family:var(--font-family-body-text);padding:.15rem .5rem;border-radius:var(--border-radius);border:1px solid var(--darker-background);transition:all .3s ease-in-out;font-size:1rem;background-color:var(--input-background);color:var(--input-text-color);cursor:pointer}.spell-search-content{z-index:20;width:var(--bits-combobox-anchor-width);max-height:min(300px,var(--bits-combobox-content-available-height));overflow-y:auto;padding:var(--spacing-smallest);background-color:var(--darker-background);border:1px solid var(--color-faint-text);border-radius:var(--big-border-radius);font-size:var(--font-size-small)}.spell-search-item{display:flex;justify-content:space-between;gap:var(--spacing-small);padding:var(--spacing-smallest) var(--spacing-small);border-radius:var(--big-border-radius);color:var(--text-color);cursor:pointer}.spell-search-item[data-highlighted]{background-color:var(--darker-background-highlight)}.spell-search-empty{display:block;padding:var(--spacing-smallest) var(--spacing-small);color:var(--color-faint-text)}.spell-search-check.svelte-ksyokb{color:var(--primary-accent)}.selected-spells.svelte-ksyokb{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-smallest);max-width:640px;margin:0;padding:0;list-style:none}.selected-spells.svelte-ksyokb .field:where(.svelte-ksyokb){position:relative;font-size:var(--font-size-small);color:var(--text-color);background-color:var(--darker-background);padding:var(--spacing-smallest) calc(var(--spacing-medium) + .25rem) var(--spacing-smallest) var(--spacing);border-radius:var(--bigger-border-radius);transition:background-color .3s}.selected-spells.svelte-ksyokb .field:where(.svelte-ksyokb):hover{background-color:var(--darker-background-hover)}.reset-filter.svelte-ksyokb{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background:none;border:none;line-height:1;color:var(--text-color);cursor:pointer;height:1.5rem;width:1.5rem;border-radius:100%;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s;z-index:2}.reset-filter.svelte-ksyokb:hover{color:var(--button-text-color);background-color:var(--primary-accent)}.axis-line.svelte-ksyokb{stroke:var(--color-faint-text);stroke-width:1;opacity:0}.grid-line.svelte-ksyokb{stroke:var(--color-faint-text);stroke-width:1;opacity:.2}.tick-label.svelte-ksyokb{font-size:8px;fill:var(--color-faint-text)}.axis-label.svelte-ksyokb{font-size:10px;fill:var(--color-faint-text)}.diagonal-line.svelte-ksyokb{stroke:var(--color-faint-text);stroke-width:1;stroke-dasharray:4 3;opacity:.6}.center-line.svelte-ksyokb{stroke:var(--color-faint-text);stroke-width:1;opacity:.6}.appeal-label.svelte-ksyokb{font-size:10px;fill:var(--color-faint-text);pointer-events:none}.scatter-layout.svelte-ksyokb{--level-group-0: var(--scatter-level-0, #f0a030);--level-group-1: var(--scatter-level-1, #e05a5a);--level-group-2: var(--scatter-level-2, #b02a8f);--level-group-3: var(--scatter-level-3, #6a1fb0)}.level-group-0.svelte-ksyokb{--level-color: var(--level-group-0)}.level-group-1.svelte-ksyokb{--level-color: var(--level-group-1)}.level-group-2.svelte-ksyokb{--level-color: var(--level-group-2)}.level-group-3.svelte-ksyokb{--level-color: var(--level-group-3)}.level-legend.svelte-ksyokb{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-small) var(--spacing);margin:0;padding:0;list-style:none;font-size:var(--font-size-small);color:var(--color-faint-text)}.level-legend.svelte-ksyokb li:where(.svelte-ksyokb){display:flex;align-items:center;gap:var(--spacing-smallest)}.level-swatch.svelte-ksyokb{width:.75rem;height:.75rem;border-radius:100%;background-color:var(--level-color)}.data-point.svelte-ksyokb{fill:var(--level-color, var(--primary-accent));opacity:.65;cursor:pointer}@media (pointer: coarse){.data-point.svelte-ksyokb{stroke:transparent;stroke-width:8}}.data-point.svelte-ksyokb:hover,.data-point.svelte-ksyokb:focus-visible,.data-point.hovered.svelte-ksyokb,.data-point.matched.svelte-ksyokb{fill:var(--text-color);stroke:var(--level-color, var(--primary-accent));stroke-width:1.5;opacity:1}.data-point.matched.svelte-ksyokb{pointer-events:none}.point-anchor.svelte-ksyokb{position:absolute;left:var(--point-x);top:var(--point-y);width:0;height:0;anchor-name:var(--anchor-name);pointer-events:none}.tooltip.svelte-ksyokb{position:absolute;left:var(--point-x);top:var(--point-y);translate:-50% 10px;width:max-content;max-width:min(20rem,calc(100vw - 2 * var(--spacing)));pointer-events:none;z-index:10;background-color:var(--darker-background);border:1px solid var(--color-faint-text);border-radius:var(--big-border-radius);padding:var(--spacing-smallest) var(--spacing-small);font-size:var(--font-size-small)}@supports (anchor-name: --a){.tooltip.svelte-ksyokb{position:fixed;position-anchor:var(--anchor-name);left:auto;top:anchor(bottom);translate:none;justify-self:anchor-center;margin:10px var(--spacing) var(--spacing) var(--spacing);position-try-fallbacks:flip-block}}.tooltip.svelte-ksyokb strong:where(.svelte-ksyokb){color:var(--text-color)}.tooltip-meta.svelte-ksyokb{color:var(--color-faint-text)}