.diagram-wrapper.svelte-1owdt85{position:relative;display:inline-block;width:100%;max-width:640px}svg.svelte-1owdt85{width:100%;height:auto}.cell-anchor.svelte-1owdt85{position:absolute;pointer-events:none}.tone-tooltip.svelte-1owdt85{position:fixed;margin-block:8px;position-area:bottom span-left;position-try:flip-block flip-inline;width:min(200px,90vw);max-height:80svh;overflow-y:auto;background:light-dark(#ffffff,#1c1c2e);color:light-dark(#111111,#f0f0f0);border:none;border-radius:6px;padding:1.5rem;box-shadow:0 8px 40px #00000040;z-index:200}.tone-tooltip.svelte-1owdt85:popover-open{animation:svelte-1owdt85-tooltip-in .25s cubic-bezier(.34,1.56,.64,1) both}@media(max-width:640px){.tone-tooltip.svelte-1owdt85{margin-inline:8px;position-area:bottom span-left}}@keyframes svelte-1owdt85-tooltip-in{0%{scale:.85;opacity:0}to{scale:1;opacity:1}}.tooltip-close.svelte-1owdt85{position:absolute;top:0;right:0;background:none;border:none;font-size:1.25rem;line-height:1;padding:.25rem .5rem;border-radius:6px;cursor:pointer;color:var(--color-body)}.tooltip-close.svelte-1owdt85:hover{background:#80808026}.swatches-row.svelte-1owdt85{display:flex;gap:4px;margin-bottom:1rem}.swatches-row.svelte-1owdt85:last-child{margin-bottom:0}.swatch.svelte-1owdt85{flex:1;aspect-ratio:1;border-radius:6px}.tooltip-tone-name.svelte-1owdt85{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;margin:0 0 .75rem;padding-right:2rem}.feelings-tags.svelte-1owdt85{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.feeling-tag.svelte-1owdt85{display:inline-block;padding:4px 12px;border-radius:15px;font-size:.7rem}.feeling-tag--plain.svelte-1owdt85{background:light-dark(#eeeeee,#252535);color:light-dark(#333333,#f0f0f0)}.categories.svelte-1owdt85{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:0 .5rem}.categories.svelte-1owdt85 li:where(.svelte-1owdt85){font-size:.75rem;color:var(--color-body)}.categories.svelte-1owdt85 li:where(.svelte-1owdt85):not(:last-child):after{content:"/";margin-left:.5rem}[data-tone-cell].svelte-1owdt85:focus{outline:none}[data-tone-cell].svelte-1owdt85:focus .focus-ring{stroke:Highlight;stroke-width:3}