.diagram-wrapper.svelte-21thn6{position:relative;display:inline-block;--cell-empty-fill: light-dark(white, #1c1c2e);--cell-empty-stroke: var(--color-body);--hatch-stroke: var(--color-body);--target-fill: light-dark(rgba(245, 159, 0, .22), rgba(255, 212, 59, .16));--selected-stroke: light-dark(#7c3aed, #c4b5fd)}.tooltip.svelte-21thn6{position:absolute;background:light-dark(#1c1c2e,#dde0f0);color:light-dark(#f0f0f0,#1c1c2e);border-radius:6px;padding:4px 8px;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:10;display:flex;flex-direction:column;gap:2px;transform:translate(-50%) translateY(calc(-100% - 8px))}.tooltip.svelte-21thn6:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top-width:6px;border-top-style:solid;border-top-color:light-dark(#1c1c2e,#dde0f0)}.tooltip-row.svelte-21thn6{display:flex;align-items:center;gap:6px}.tooltip-swatch.svelte-21thn6{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.tooltip-notation.svelte-21thn6{font-family:var(--font-mono);font-weight:600}