@graphysdk/react-renderer 1.9.0-beta.1788798113053 → 1.9.0-beta.1788803137845

package/dist/editable.css

@@ -1 +1 @@
-.d0bl00{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}.d0bl00:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl00[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl01{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.d0bl02{flex-shrink:0;block-size:8px;inline-size:8px}.d0bl03{z-index:var(--graphy-z-index-editor-popover)}.d0bl04{gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl05{gap:var(--graphy-space-sm);flex-direction:column;display:flex}.d0bl06{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.d0bl07{grid-template-columns:repeat(6,1fr);display:grid}.d0bl08{border-radius:var(--graphy-radii-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;block-size:28px;inline-size:28px;padding:0;display:inline-flex}.d0bl08:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl08[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl09{box-sizing:border-box;border-radius:50%;block-size:1.6em;inline-size:1.6em}.d0bl0a{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start;display:flex}.d0bl0a:hover{border-color:var(--graphy-grey-70)}.d0bl0a:focus-visible{border-color:var(--graphy-grey-60);outline:none}.d0bl0a[data-popup-open]{border-color:var(--graphy-grey-60)}.d0bl0b{font:var(--graphy-font-input);color:var(--graphy-text-primary);flex:1}.d0bl0c{gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl0d{block-size:auto!important;inline-size:100%!important}.d0bl0d .react-colorful__saturation{aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);inline-size:100%;margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.d0bl0d .react-colorful__hue{border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box;block-size:16px}.d0bl0d .react-colorful__pointer{border:2px solid var(--graphy-white);block-size:18px;inline-size:18px;box-shadow:var(--graphy-elevation-sm)}.d0bl0d .react-colorful__saturation-pointer,.d0bl0d .react-colorful__hue-pointer{border-radius:50%}.d0bl0e{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase;outline:none}.d0bl0e:hover{border-color:var(--graphy-grey-70)}.d0bl0e:focus{border-color:var(--graphy-grey-60)}.owf1yg0{block-size:14px;inline-size:100%;padding-inline-start:7px;padding-inline-end:7px}.owf1yg1{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.owf1yg2{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.owf1yg3{background:var(--graphy-text-primary);border-radius:999px;block-size:100%}.owf1yg4{background:var(--graphy-text-primary);border-radius:50%;block-size:14px;inline-size:14px}.owf1yg4:focus-visible{outline:2px solid var(--graphy-brand);outline-offset:2px}.l9kff0{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);display:flex}.l9kff0:before{content:"";pointer-events:none;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;-webkit-mask-composite:xor;border:1px solid #0000;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.l9kff1{padding-inline:var(--graphy-space-xs);align-items:center;gap:var(--graphy-space-xxs);display:flex}.l9kff2{background:var(--graphy-toolbar-separator-color);width:1px;height:16px}.xn24px0{z-index:var(--graphy-z-index-editor-popover)}.xn24px1{min-inline-size:200px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}.xn24px2{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;display:flex}.xn24px2[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.xn24px2[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.xn24px2[data-disabled]{cursor:default;opacity:.5}._70l3rt0{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}._70l3rt0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._70l3rt1{white-space:nowrap;align-items:center;display:inline-flex}._70l3rt2{flex-shrink:0;block-size:10px;inline-size:10px}._70l3rt3{z-index:var(--graphy-z-index-toolbar-popover)}._70l3rt4{min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}._70l3rt5{padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}._70l3rt5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s0{block-size:32px;min-inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;justify-content:center;align-items:center;display:inline-flex}.fop13s0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.fop13s0[data-active=true],.fop13s0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s1{z-index:var(--graphy-z-index-toolbar-popover)}.fop13s2{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;display:flex}.fop13s3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);outline:none}.fop13s3:hover{border-color:var(--graphy-grey-70)}.fop13s3:focus{border-color:var(--graphy-grey-60)}.fop13s4{background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;block-size:32px;min-inline-size:32px;color:var(--graphy-text-primary);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fop13s4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1d66w570{block-size:32px;min-inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;justify-content:center;align-items:center;display:inline-flex}._1d66w570:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1d66w570[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}._1d66w571{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1u34vl40{z-index:var(--graphy-z-index-toolbar)}._1uy50v30 .ProseMirror{outline:none}._1uy50v30 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;pointer-events:none;height:0}._1uy50v30 .ProseMirror h1,._1uy50v30 .ProseMirror h2,._1uy50v30 .ProseMirror h3,._1uy50v30 .ProseMirror h4,._1uy50v30 .ProseMirror h5,._1uy50v30 .ProseMirror h6{margin:0}._1uy50v30 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._1uy50v30 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._1uy50v30 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._1uy50v30 .ProseMirror h4,._1uy50v30 .ProseMirror h5,._1uy50v30 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._1uy50v30 .ProseMirror p{font:var(--graphy-font-text-editor-body);margin:0}._1uy50v30 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._1uy50v30 .ProseMirror a{text-underline-offset:.15em;cursor:text;text-decoration:underline}.cml7ha0{display:contents}.efjmb40{z-index:var(--graphy-z-index-editor-popover)}.efjmb41{min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);transform-origin:var(--transform-origin);outline:none;flex-direction:column;transition:transform .15s ease-out,opacity .15s ease-out;display:flex}.efjmb41[data-starting-style]{opacity:0;transform:scale(.92)}.efjmb42{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;display:flex}.efjmb42[data-highlighted],.efjmb42[data-popup-open]{background:var(--graphy-toolbar-button-background-color-hovered)}.efjmb42[data-disabled]{opacity:.4;cursor:default}.efjmb43{white-space:nowrap;flex:1}.efjmb44{block-size:1px;margin-block:var(--graphy-space-xs);background:var(--graphy-border-10)}.efjmb44:first-child,.efjmb44:last-child{display:none}.efjmb45{opacity:.6;flex-shrink:0;transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.efjmb41{transition:none}}._1qe7q450{gap:var(--graphy-space-sm);padding:var(--graphy-space-xs);flex-direction:column;min-inline-size:200px;display:flex}._1qe7q451{padding:var(--graphy-space-sm) var(--graphy-space-md);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-sm);background:var(--graphy-overlay-background);color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none}._1qe7q452{padding:var(--graphy-space-sm) var(--graphy-space-md);-webkit-appearance:none;appearance:none;border-radius:var(--graphy-radii-sm);background:var(--graphy-grey-70);color:var(--graphy-grey-0);font:var(--graphy-font-menu-item-label);cursor:pointer;border:none;align-self:flex-start}._1qe7q452:disabled{opacity:.4;cursor:default}._1aafi1g0{flex-shrink:0;display:inline-flex;position:relative}._1aafi1g1{background:var(--graphy-alert);border-radius:1px;block-size:2px;inline-size:80%;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}._1aafi1g1:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}._1aafi1g1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}._1aafi1g1:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}._1aafi1g1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.ceeojg0{gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);grid-template-columns:repeat(5,1fr);display:grid}.ceeojg1{block-size:36px;inline-size:36px;padding:var(--graphy-space-xs);-webkit-appearance:none;appearance:none;border-radius:var(--graphy-radii-sm);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}.ceeojg1:hover,.ceeojg1[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.ceeojg2{object-fit:contain;block-size:100%;inline-size:100%}.l8tsqe0{pointer-events:none;position:absolute;overflow:visible}.pvjfpx2{pointer-events:none;position:absolute}.pvjfpx3{box-sizing:border-box;pointer-events:auto;block-size:36px;max-inline-size:100%;transform:translateX(clamp(0px, calc(var(--pvjfpx0) - 50%), calc(var(--pvjfpx1) - 100%)));position:absolute;top:0}.pvjfpx3:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.pvjfpx3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.pvjfpx3:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.pvjfpx3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.pvjfpx4{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.pvjfpx5{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:28px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);white-space:nowrap;border:none;display:inline-flex}.pvjfpx5:hover:not(:disabled){background:var(--graphy-toolbar-button-background-color-hovered)}.pvjfpx5[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.pvjfpx5:disabled{cursor:default;opacity:.5}.pvjfpx6{inline-size:28px;padding:0}.pvjfpx7[aria-pressed=true]{background:var(--graphy-toolbar-button-background-color-selected)}.pvjfpx8{min-inline-size:0}._112xh5c0{color:var(--graphy-text-secondary);margin-inline-start:auto;display:inline-flex}.uz3g760{align-items:center;gap:var(--graphy-space-xs);inline-size:100%;block-size:var(--graphy-editor-control-height);min-inline-size:0;padding:0 var(--graphy-space-sm);background:var(--graphy-raised-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);text-align:start;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.uz3g760:hover:not(:disabled){border-color:var(--graphy-border-50)}.uz3g760:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.uz3g760:has(:focus-visible){box-shadow:inset 0 0 0 2px var(--graphy-brand)}.uz3g760[data-popup-open]{border-color:var(--graphy-border-50)}.uz3g760[data-error=true]:not(:disabled){border-color:var(--graphy-alert)}.uz3g760:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g760:has(:disabled){color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g760[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g761{min-inline-size:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.uz3g761::placeholder{color:var(--graphy-text-disabled)}.uz3g761:disabled{cursor:not-allowed}._1me29t10{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute}._1me29t10:active{cursor:grabbing}._1me29t10:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.q7gcrz0{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz1{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz2{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrz3{color:var(--graphy-alert)}.ydgo3h0{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.ydgo3h0:active{cursor:grabbing}.ydgo3h0:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.ydgo3h1{box-sizing:border-box;background:var(--graphy-graph-background);border:2px solid var(--graphy-annotation-frame-border-color);border-radius:50%;width:10px;height:10px}.ydgo3h2{box-sizing:border-box;border:2px solid var(--graphy-annotation-frame-border-color);position:absolute}._1ee8fau0{box-sizing:border-box;border-style:solid;border-width:2px;border-radius:4px;position:absolute}._1ee8fau1{border-color:color-mix(in srgb, var(--graphy-annotation-frame-border-color) 50%, transparent)}._1ee8fau2{border-color:var(--graphy-annotation-frame-border-color)}._1ee8fau3{box-sizing:border-box;background:var(--graphy-graph-background);border-style:solid;border-width:2px;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute}._1ee8fau4{border-color:color-mix(in srgb, var(--graphy-annotation-frame-border-color) 50%, transparent)}._1ee8fau5{border-color:var(--graphy-annotation-frame-border-color)}.o49ib40{box-sizing:border-box;background:var(--graphy-annotation-frame-border-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:10px;height:10px}.o49ib41{box-sizing:border-box;background:var(--graphy-annotation-frame-border-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:12px;height:12px}.o49ib42{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib42[role=button]{cursor:ew-resize}.o49ib42:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib43{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib43[role=button]{cursor:nwse-resize}.o49ib43:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib44{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib44[role=button]{cursor:nesw-resize}.o49ib44:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.woi4bh3:active:not(:disabled){background:var(--graphy-sunken-background)}.woi4bh3:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.woi4bh4{background:var(--graphy-raised-background);border-color:var(--graphy-border-10);inline-size:100%;color:var(--graphy-text-primary)}.woi4bh4:hover:not(:disabled){border-color:var(--graphy-border-50)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:var(--graphy-raised-background);color:var(--graphy-text-secondary);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-text-primary)}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);-webkit-user-select:none;user-select:none;flex-shrink:0}._1b7s5f0{gap:var(--graphy-space-xs);inline-size:100%;display:grid}._1b7s5f1{grid-template-columns:repeat(1,minmax(0,1fr))}._1b7s5f2{grid-template-columns:repeat(2,minmax(0,1fr))}._1b7s5f3{grid-template-columns:repeat(3,minmax(0,1fr))}._1b7s5f4{grid-template-columns:repeat(4,minmax(0,1fr))}._1b7s5f5{grid-template-columns:repeat(5,minmax(0,1fr))}._1b7s5f6{grid-template-columns:repeat(6,minmax(0,1fr))}._1b7s5f7{justify-content:center;align-items:center;gap:var(--graphy-space-xxs);min-block-size:48px;padding:var(--graphy-space-xs);background:var(--graphy-raised-background);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-secondary);font-size:var(--graphy-font-size-xxs);border:1px solid #0000;flex-direction:column;transition:color .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}._1b7s5f7:hover:not([data-disabled]){color:var(--graphy-text-primary)}._1b7s5f7:active:not([data-disabled]){background:var(--graphy-sunken-background)}._1b7s5f7[data-checked]{border-color:var(--graphy-brand);color:var(--graphy-text-primary)}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1b7s5f7[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1b7s5f8{min-block-size:0;padding:var(--graphy-space-xs)}._1b7s5f9{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}._1g5x15w0{cursor:pointer}._1g5x15w1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}._1g5x15w2{color:var(--graphy-text-disabled)}._1g5x15w3{color:var(--graphy-icon-secondary);flex-shrink:0;align-items:center;display:flex}._1g5x15w4{z-index:var(--graphy-z-index-toolbar-popover)}._1g5x15w5{gap:var(--graphy-space-xxs);max-block-size:min(320px, var(--available-height));padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex;overflow-y:auto}._1g5x15w6{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-xs) var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);-webkit-user-select:none;user-select:none;outline:none;transition:background .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:flex}._1g5x15w6[data-highlighted],._1g5x15w6[data-selected]{background:var(--graphy-raised-background)}._1g5x15w6[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:var(--graphy-text-secondary);font:var(--graphy-font-select-description)}.vod76w0{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;display:flex}.vod76w1{min-inline-size:0;block-size:var(--graphy-editor-control-height);flex:1;padding-inline-start:11px;padding-inline-end:11px}.vod76w1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.vod76w2{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.vod76w2[data-disabled]{cursor:not-allowed}.vod76w3{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.vod76w4{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%);border-radius:999px;block-size:100%;transition:background .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w4{background:var(--graphy-brand)}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-brand)}.vod76w4[data-dragging]{background:var(--graphy-brand)}.vod76w5{background:var(--graphy-grey-100);border:1px solid var(--graphy-border-50);block-size:14px;inline-size:14px;box-shadow:var(--graphy-elevation-xs);cursor:grab;border-radius:50%;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w5,.vod76w5[data-dragging]{border-color:var(--graphy-border-100);box-shadow:0 0 0 4px color-mix(in srgb, transparent, var(--graphy-brand) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);text-align:end;font-variant-numeric:tabular-nums;flex-shrink:0}._1hyrlw60{pointer-events:auto;background:var(--graphy-border-10);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;block-size:20px;inline-size:36px;padding:0;transition:background .12s;position:relative}._1hyrlw60[data-checked]{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1hyrlw60[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1hyrlw61{block-size:16px;inline-size:16px;margin:var(--graphy-space-xxs);background:var(--graphy-grey-100);box-shadow:var(--graphy-elevation-xs);border-radius:50%;transition:translate .12s,background .12s;display:block}._1hyrlw61[data-checked]{background:var(--graphy-brand);translate:16px}.tpcnun0{cursor:text}.cnu9yl0{inline-size:100%;padding:var(--graphy-space-xxs);gap:var(--graphy-space-xxs);background:var(--graphy-sunken-background);border-radius:var(--graphy-radii-md);display:flex}.cnu9yl1{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:calc(var(--graphy-editor-control-height) - var(--graphy-space-xxs) * 2);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);white-space:nowrap;background:0 0;border:none;flex:auto;transition:color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.cnu9yl1:hover:not([data-disabled]):not([data-checked]){color:var(--graphy-text-primary)}.cnu9yl1:active:not([data-disabled]):not([data-checked]){background:var(--graphy-raised-background)}.cnu9yl1[data-checked]{background:var(--graphy-default-background);box-shadow:var(--graphy-elevation-xs);color:var(--graphy-text-primary)}.cnu9yl1:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.cnu9yl1[data-checked]:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.cnu9yl1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.cnu9yl2{gap:var(--graphy-space-xs);block-size:auto;min-block-size:34px;padding-block:var(--graphy-space-sm);font-size:var(--graphy-font-size-xxs);flex-direction:column;padding-inline-start:0;padding-inline-end:0}.cnu9yl3{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}._12lhx9e0{align-items:center;gap:var(--graphy-space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._139ohwv0{gap:var(--graphy-space-md);flex-direction:column;display:flex}._1jlczkt0{background:var(--graphy-default-background);inline-size:100%;color:var(--graphy-text-primary);font-family:var(--graphy-font-family-default);font-weight:var(--graphy-font-weight-medium);-webkit-user-select:none;user-select:none;font-size:calc(10px * var(--graphy-text-scale));flex-direction:column;display:flex;overflow:hidden auto}.pr583x0{gap:var(--graphy-space-xxs);flex-direction:column;display:flex}.pr583x1{align-items:center;gap:var(--graphy-space-sm);min-block-size:var(--graphy-editor-control-height);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pr583x2{justify-content:flex-end;inline-size:100%;min-inline-size:0;display:flex}.pr583x3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-label);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.pr583x4{line-height:var(--graphy-editor-control-height)}.pr583x5{align-items:center;gap:var(--graphy-space-xs);min-block-size:var(--graphy-editor-control-height);display:flex}._40zvwv0{padding-block:var(--graphy-space-md);flex-direction:column;display:flex}._40zvwv0+._40zvwv0{border-block-start:1px solid var(--graphy-border-10)}._40zvwv1{align-items:center;gap:var(--graphy-space-xl);min-block-size:36px;inline-size:100%;display:flex;position:relative}._40zvwv2{border-radius:var(--graphy-radii-sm);cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}._40zvwv3{pointer-events:none;color:var(--graphy-text-primary);font:var(--graphy-font-editor-section-title);flex-shrink:0;position:relative}._40zvwv4{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}._40zvwv5{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;text-align:end;min-inline-size:0;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);line-height:var(--graphy-font-line-height-sm);flex:1;position:relative;overflow:hidden}._40zvwv6{flex:1;justify-content:flex-end;min-inline-size:0;display:flex;position:relative}._40zvwv7{color:var(--graphy-icon-primary);flex-shrink:0;align-items:center;margin-inline-start:auto;display:inline-flex;position:relative}._40zvwv8{pointer-events:none;inline-size:var(--graphy-editor-control-height);block-size:var(--graphy-editor-control-height);border-radius:var(--graphy-radii-md);color:var(--graphy-text-disabled);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;transition:background .1s cubic-bezier(.55,.085,.68,.53),rotate .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex;position:relative}._40zvwv7+._40zvwv8{margin-inline-start:0}._40zvwv0[data-open] ._40zvwv8{background:var(--graphy-raised-background);rotate:90deg}._40zvwv2:focus-visible~._40zvwv8{box-shadow:inset 0 0 0 2px var(--graphy-brand)}@media (prefers-reduced-motion:reduce){._40zvwv8{transition:none}}.qdaoth0{fill:var(--graphy-icon-sticker-background)}
+.d0bl00{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}.d0bl00:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl00[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl01{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.d0bl02{flex-shrink:0;block-size:8px;inline-size:8px}.d0bl03{z-index:var(--graphy-z-index-editor-popover)}.d0bl04{gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl05{gap:var(--graphy-space-sm);flex-direction:column;display:flex}.d0bl06{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.d0bl07{grid-template-columns:repeat(6,1fr);display:grid}.d0bl08{border-radius:var(--graphy-radii-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;block-size:28px;inline-size:28px;padding:0;display:inline-flex}.d0bl08:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl08[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl09{box-sizing:border-box;border-radius:50%;block-size:1.6em;inline-size:1.6em}.d0bl0a{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start;display:flex}.d0bl0a:hover{border-color:var(--graphy-grey-70)}.d0bl0a:focus-visible{border-color:var(--graphy-grey-60);outline:none}.d0bl0a[data-popup-open]{border-color:var(--graphy-grey-60)}.d0bl0b{font:var(--graphy-font-input);color:var(--graphy-text-primary);flex:1}.d0bl0c{gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl0d{block-size:auto!important;inline-size:100%!important}.d0bl0d .react-colorful__saturation{aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-grey-70);inline-size:100%;margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.d0bl0d .react-colorful__hue{border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-grey-70);box-sizing:border-box;block-size:16px}.d0bl0d .react-colorful__pointer{border:2px solid var(--graphy-white);block-size:18px;inline-size:18px;box-shadow:var(--graphy-elevation-sm)}.d0bl0d .react-colorful__saturation-pointer,.d0bl0d .react-colorful__hue-pointer{border-radius:50%}.d0bl0e{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase;outline:none}.d0bl0e:hover{border-color:var(--graphy-grey-70)}.d0bl0e:focus{border-color:var(--graphy-grey-60)}.owf1yg0{block-size:14px;inline-size:100%;padding-inline-start:7px;padding-inline-end:7px}.owf1yg1{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.owf1yg2{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.owf1yg3{background:var(--graphy-text-primary);border-radius:999px;block-size:100%}.owf1yg4{background:var(--graphy-text-primary);border-radius:50%;block-size:14px;inline-size:14px}.owf1yg4:focus-visible{outline:2px solid var(--graphy-brand);outline-offset:2px}.l9kff0{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);display:flex}.l9kff0:before{content:"";pointer-events:none;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;-webkit-mask-composite:xor;border:1px solid #0000;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.l9kff1{padding-inline:var(--graphy-space-xs);align-items:center;gap:var(--graphy-space-xxs);display:flex}.l9kff2{background:var(--graphy-toolbar-separator-color);width:1px;height:16px}.xn24px0{z-index:var(--graphy-z-index-editor-popover)}.xn24px1{min-inline-size:200px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}.xn24px2{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;display:flex}.xn24px2[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.xn24px2[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.xn24px2[data-disabled]{cursor:default;opacity:.5}._70l3rt0{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}._70l3rt0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._70l3rt1{white-space:nowrap;align-items:center;display:inline-flex}._70l3rt2{flex-shrink:0;block-size:10px;inline-size:10px}._70l3rt3{z-index:var(--graphy-z-index-toolbar-popover)}._70l3rt4{min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}._70l3rt5{padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}._70l3rt5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s0{block-size:32px;min-inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;justify-content:center;align-items:center;display:inline-flex}.fop13s0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.fop13s0[data-active=true],.fop13s0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s1{z-index:var(--graphy-z-index-toolbar-popover)}.fop13s2{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;display:flex}.fop13s3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-grey-80);border:1px solid var(--graphy-grey-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);outline:none}.fop13s3:hover{border-color:var(--graphy-grey-70)}.fop13s3:focus{border-color:var(--graphy-grey-60)}.fop13s4{background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;block-size:32px;min-inline-size:32px;color:var(--graphy-text-primary);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fop13s4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1d66w570{block-size:32px;min-inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;justify-content:center;align-items:center;display:inline-flex}._1d66w570:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._1d66w570[data-pressed]{background:var(--graphy-toolbar-button-background-color-selected)}._1d66w571{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-text-primary);color:var(--graphy-default-background);border-radius:var(--graphy-radii-xs);font:var(--graphy-font-uitooltip-secondary);pointer-events:none;z-index:var(--graphy-z-index-toolbar-tooltip)}._1u34vl40{z-index:var(--graphy-z-index-toolbar)}._1uy50v30 .ProseMirror{outline:none}._1uy50v30 .ProseMirror .is-empty:before{content:attr(data-placeholder);color:currentColor;opacity:.4;float:left;pointer-events:none;height:0}._1uy50v30 .ProseMirror h1,._1uy50v30 .ProseMirror h2,._1uy50v30 .ProseMirror h3,._1uy50v30 .ProseMirror h4,._1uy50v30 .ProseMirror h5,._1uy50v30 .ProseMirror h6{margin:0}._1uy50v30 .ProseMirror h1{font:var(--graphy-font-text-editor-h1)}._1uy50v30 .ProseMirror h2{font:var(--graphy-font-text-editor-h2)}._1uy50v30 .ProseMirror h3{font:var(--graphy-font-text-editor-h3)}._1uy50v30 .ProseMirror h4,._1uy50v30 .ProseMirror h5,._1uy50v30 .ProseMirror h6{font:var(--graphy-font-text-editor-h6)}._1uy50v30 .ProseMirror p{font:var(--graphy-font-text-editor-body);margin:0}._1uy50v30 .ProseMirror p[data-variant=caption]{font:var(--graphy-font-text-editor-h6)}._1uy50v30 .ProseMirror a{text-underline-offset:.15em;cursor:text;text-decoration:underline}.cml7ha0{display:contents}.efjmb40{z-index:var(--graphy-z-index-editor-popover)}.efjmb41{min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);transform-origin:var(--transform-origin);outline:none;flex-direction:column;transition:transform .15s ease-out,opacity .15s ease-out;display:flex}.efjmb41[data-starting-style]{opacity:0;transform:scale(.92)}.efjmb42{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;display:flex}.efjmb42[data-highlighted],.efjmb42[data-popup-open]{background:var(--graphy-toolbar-button-background-color-hovered)}.efjmb42[data-disabled]{opacity:.4;cursor:default}.efjmb43{white-space:nowrap;flex:1}.efjmb44{block-size:1px;margin-block:var(--graphy-space-xs);background:var(--graphy-border-10)}.efjmb44:first-child,.efjmb44:last-child{display:none}.efjmb45{opacity:.6;flex-shrink:0;transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.efjmb41{transition:none}}._1qe7q450{gap:var(--graphy-space-sm);padding:var(--graphy-space-xs);flex-direction:column;min-inline-size:200px;display:flex}._1qe7q451{padding:var(--graphy-space-sm) var(--graphy-space-md);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-sm);background:var(--graphy-overlay-background);color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);outline:none}._1qe7q452{padding:var(--graphy-space-sm) var(--graphy-space-md);-webkit-appearance:none;appearance:none;border-radius:var(--graphy-radii-sm);background:var(--graphy-grey-70);color:var(--graphy-grey-0);font:var(--graphy-font-menu-item-label);cursor:pointer;border:none;align-self:flex-start}._1qe7q452:disabled{opacity:.4;cursor:default}._1aafi1g0{flex-shrink:0;display:inline-flex;position:relative}._1aafi1g1{background:var(--graphy-alert);border-radius:1px;block-size:2px;inline-size:80%;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}._1aafi1g1:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}._1aafi1g1:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:50%}._1aafi1g1:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}._1aafi1g1:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:50%}.ceeojg0{gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);grid-template-columns:repeat(5,1fr);display:grid}.ceeojg1{block-size:36px;inline-size:36px;padding:var(--graphy-space-xs);-webkit-appearance:none;appearance:none;border-radius:var(--graphy-radii-sm);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}.ceeojg1:hover,.ceeojg1[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.ceeojg2{object-fit:contain;block-size:100%;inline-size:100%}.l8tsqe0{pointer-events:none;position:absolute;overflow:visible}.pvjfpx2{pointer-events:none;position:absolute}.pvjfpx3{box-sizing:border-box;pointer-events:auto;block-size:36px;max-inline-size:100%;transform:translateX(clamp(0px, calc(var(--pvjfpx0) - 50%), calc(var(--pvjfpx1) - 100%)));position:absolute;top:0}.pvjfpx3:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.pvjfpx3:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.pvjfpx3:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.pvjfpx3:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.pvjfpx4{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.pvjfpx5{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:28px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);white-space:nowrap;border:none;display:inline-flex}.pvjfpx5:hover:not(:disabled){background:var(--graphy-toolbar-button-background-color-hovered)}.pvjfpx5[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.pvjfpx5:disabled{cursor:default;opacity:.5}.pvjfpx6{inline-size:28px;padding:0}.pvjfpx7[aria-pressed=true]{background:var(--graphy-toolbar-button-background-color-selected)}.pvjfpx8{min-inline-size:0}._112xh5c0{color:var(--graphy-text-secondary);margin-inline-start:auto;display:inline-flex}.uz3g760{align-items:center;gap:var(--graphy-space-xs);inline-size:100%;block-size:var(--graphy-editor-control-height);min-inline-size:0;padding:0 var(--graphy-space-sm);background:var(--graphy-raised-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);text-align:start;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.uz3g760:hover:not(:disabled){border-color:var(--graphy-border-50)}.uz3g760:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.uz3g760:has(:focus-visible){box-shadow:inset 0 0 0 2px var(--graphy-brand)}.uz3g760[data-popup-open]{border-color:var(--graphy-border-50)}.uz3g760[data-error=true]:not(:disabled){border-color:var(--graphy-alert)}.uz3g760:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g760:has(:disabled){color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g760[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.uz3g761{min-inline-size:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.uz3g761::placeholder{color:var(--graphy-text-disabled)}.uz3g761:disabled{cursor:not-allowed}._1me29t10{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute}._1me29t10:active{cursor:grabbing}._1me29t10:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.q7gcrz0{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz1{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz2{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrz3{color:var(--graphy-alert)}.ydgo3h0{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.ydgo3h0:active{cursor:grabbing}.ydgo3h0:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.ydgo3h1{box-sizing:border-box;background:var(--graphy-graph-background);border:2px solid var(--graphy-annotation-frame-border-color);border-radius:50%;width:10px;height:10px}.ydgo3h2{box-sizing:border-box;border:2px solid var(--graphy-annotation-frame-border-color);position:absolute}._1ee8fau0{box-sizing:border-box;border-style:solid;border-width:2px;border-radius:4px;position:absolute}._1ee8fau1{border-color:color-mix(in srgb, var(--graphy-annotation-frame-border-color) 50%, transparent)}._1ee8fau2{border-color:var(--graphy-annotation-frame-border-color)}._1ee8fau3{box-sizing:border-box;background:var(--graphy-graph-background);border-style:solid;border-width:2px;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute}._1ee8fau4{border-color:color-mix(in srgb, var(--graphy-annotation-frame-border-color) 50%, transparent)}._1ee8fau5{border-color:var(--graphy-annotation-frame-border-color)}.o49ib40{box-sizing:border-box;background:var(--graphy-annotation-frame-border-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:10px;height:10px}.o49ib41{box-sizing:border-box;background:var(--graphy-annotation-frame-border-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:12px;height:12px}.o49ib42{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib42[role=button]{cursor:ew-resize}.o49ib42:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib43{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib43[role=button]{cursor:nwse-resize}.o49ib43:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib44{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib44[role=button]{cursor:nesw-resize}.o49ib44:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.woi4bh3:active:not(:disabled){background:var(--graphy-sunken-background)}.woi4bh3:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.woi4bh4{background:var(--graphy-raised-background);border-color:var(--graphy-border-10);inline-size:100%;color:var(--graphy-text-primary)}.woi4bh4:hover:not(:disabled){border-color:var(--graphy-border-50)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:var(--graphy-raised-background);color:var(--graphy-text-secondary);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-text-primary)}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);-webkit-user-select:none;user-select:none;flex-shrink:0}._1b7s5f0{gap:var(--graphy-space-xs);inline-size:100%;display:grid}._1b7s5f1{grid-template-columns:repeat(1,minmax(0,1fr))}._1b7s5f2{grid-template-columns:repeat(2,minmax(0,1fr))}._1b7s5f3{grid-template-columns:repeat(3,minmax(0,1fr))}._1b7s5f4{grid-template-columns:repeat(4,minmax(0,1fr))}._1b7s5f5{grid-template-columns:repeat(5,minmax(0,1fr))}._1b7s5f6{grid-template-columns:repeat(6,minmax(0,1fr))}._1b7s5f7{justify-content:center;align-items:center;gap:var(--graphy-space-xxs);min-block-size:48px;padding:var(--graphy-space-xs);background:var(--graphy-raised-background);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-secondary);font-size:var(--graphy-font-size-xxs);border:1px solid #0000;flex-direction:column;transition:color .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}._1b7s5f7:hover:not([data-disabled]){color:var(--graphy-text-primary)}._1b7s5f7:active:not([data-disabled]){background:var(--graphy-sunken-background)}._1b7s5f7[data-checked]{border-color:var(--graphy-brand);color:var(--graphy-text-primary)}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1b7s5f7[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1b7s5f8{min-block-size:0;padding:var(--graphy-space-xs)}._1b7s5f9{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}._1g5x15w0{cursor:pointer}._1g5x15w1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}._1g5x15w2{color:var(--graphy-text-disabled)}._1g5x15w3{color:var(--graphy-icon-secondary);flex-shrink:0;align-items:center;display:flex}._1g5x15w4{z-index:var(--graphy-z-index-toolbar-popover)}._1g5x15w5{gap:var(--graphy-space-xxs);max-block-size:min(320px, var(--available-height));padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex;overflow-y:auto}._1g5x15w6{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-xs) var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);-webkit-user-select:none;user-select:none;outline:none;transition:background .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:flex}._1g5x15w6[data-highlighted],._1g5x15w6[data-selected]{background:var(--graphy-raised-background)}._1g5x15w6[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:var(--graphy-text-secondary);font:var(--graphy-font-select-description)}.vod76w0{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;display:flex}.vod76w1{min-inline-size:0;block-size:var(--graphy-editor-control-height);flex:1;padding-inline-start:11px;padding-inline-end:11px}.vod76w1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.vod76w2{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.vod76w2[data-disabled]{cursor:not-allowed}.vod76w3{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.vod76w4{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%);border-radius:999px;block-size:100%;transition:background .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w4{background:var(--graphy-brand)}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-brand)}.vod76w4[data-dragging]{background:var(--graphy-brand)}.vod76w5{background:var(--graphy-grey-100);border:1px solid var(--graphy-border-50);block-size:14px;inline-size:14px;box-shadow:var(--graphy-elevation-xs);cursor:grab;border-radius:50%;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w5,.vod76w5[data-dragging]{border-color:var(--graphy-border-100);box-shadow:0 0 0 4px color-mix(in srgb, transparent, var(--graphy-brand) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);text-align:end;font-variant-numeric:tabular-nums;flex-shrink:0}._1hyrlw60{pointer-events:auto;background:var(--graphy-border-10);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;block-size:20px;inline-size:36px;padding:0;transition:background .12s;position:relative}._1hyrlw60[data-checked]{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1hyrlw60[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1hyrlw61{block-size:16px;inline-size:16px;margin:var(--graphy-space-xxs);background:var(--graphy-grey-100);box-shadow:var(--graphy-elevation-xs);border-radius:50%;transition:translate .12s,background .12s;display:block}._1hyrlw61[data-checked]{background:var(--graphy-brand);translate:16px}.tpcnun0{cursor:text}.cnu9yl0{inline-size:100%;padding:var(--graphy-space-xxs);gap:var(--graphy-space-xxs);background:var(--graphy-sunken-background);border-radius:var(--graphy-radii-md);display:flex}.cnu9yl1{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:calc(var(--graphy-editor-control-height) - var(--graphy-space-xxs) * 2);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);white-space:nowrap;background:0 0;border:none;flex:auto;transition:color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.cnu9yl1:hover:not([data-disabled]):not([data-checked]){color:var(--graphy-text-primary)}.cnu9yl1:active:not([data-disabled]):not([data-checked]){background:var(--graphy-raised-background)}.cnu9yl1[data-checked]{background:var(--graphy-default-background);box-shadow:var(--graphy-elevation-xs);color:var(--graphy-text-primary)}.cnu9yl1:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.cnu9yl1[data-checked]:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.cnu9yl1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.cnu9yl2{gap:var(--graphy-space-xs);block-size:auto;min-block-size:34px;padding-block:var(--graphy-space-sm);font-size:var(--graphy-font-size-xxs);flex-direction:column;padding-inline-start:0;padding-inline-end:0}.cnu9yl3{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}._12lhx9e0{align-items:center;gap:var(--graphy-space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._139ohwv0{gap:var(--graphy-space-md);flex-direction:column;display:flex}._1jlczkt0{background:var(--graphy-default-background);inline-size:100%;color:var(--graphy-text-primary);font-family:var(--graphy-font-family);font-weight:var(--graphy-font-weight-medium);-webkit-user-select:none;user-select:none;font-size:calc(10px * var(--graphy-text-scale));flex-direction:column;display:flex;overflow:hidden auto}.pr583x0{gap:var(--graphy-space-xxs);flex-direction:column;display:flex}.pr583x1{align-items:center;gap:var(--graphy-space-sm);min-block-size:var(--graphy-editor-control-height);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pr583x2{justify-content:flex-end;inline-size:100%;min-inline-size:0;display:flex}.pr583x3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-label);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.pr583x4{line-height:var(--graphy-editor-control-height)}.pr583x5{align-items:center;gap:var(--graphy-space-xs);min-block-size:var(--graphy-editor-control-height);display:flex}._40zvwv0{padding-block:var(--graphy-space-md);flex-direction:column;display:flex}._40zvwv0+._40zvwv0{border-block-start:1px solid var(--graphy-border-10)}._40zvwv1{align-items:center;gap:var(--graphy-space-xl);min-block-size:36px;inline-size:100%;display:flex;position:relative}._40zvwv2{border-radius:var(--graphy-radii-sm);cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}._40zvwv3{pointer-events:none;color:var(--graphy-text-primary);font:var(--graphy-font-editor-section-title);flex-shrink:0;position:relative}._40zvwv4{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}._40zvwv5{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;text-align:end;min-inline-size:0;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);line-height:var(--graphy-font-line-height-sm);flex:1;position:relative;overflow:hidden}._40zvwv6{flex:1;justify-content:flex-end;min-inline-size:0;display:flex;position:relative}._40zvwv7{color:var(--graphy-icon-primary);flex-shrink:0;align-items:center;margin-inline-start:auto;display:inline-flex;position:relative}._40zvwv8{pointer-events:none;inline-size:var(--graphy-editor-control-height);block-size:var(--graphy-editor-control-height);border-radius:var(--graphy-radii-md);color:var(--graphy-text-disabled);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;transition:background .1s cubic-bezier(.55,.085,.68,.53),rotate .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex;position:relative}._40zvwv7+._40zvwv8{margin-inline-start:0}._40zvwv0[data-open] ._40zvwv8{background:var(--graphy-raised-background);rotate:90deg}._40zvwv2:focus-visible~._40zvwv8{box-shadow:inset 0 0 0 2px var(--graphy-brand)}@media (prefers-reduced-motion:reduce){._40zvwv8{transition:none}}.qdaoth0{fill:var(--graphy-icon-sticker-background)}

package/dist/editable.mjs

@@ -1,11 +1,11 @@
-import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, Ft as G, G as uo, H as et, I as U, J as ho, K as jn, L as V, N as po, Nt as _, Ot as mo, P as go, Q as Qt, R as Et, S as vo, T as fo, U as bo, V as Mt, W as Yn, X as Co, Z as yo, _ as Jn, at as So, b as Nt, c as xo, d as wo, dt as To, et as ee, f as Qn, ft as le, g as Ao, gt as J, h as ko, ht as Ot, i as Lo, kt as Po, l as Io, lt as Eo, m as tt, n as se, nt, o as Mo, ot as k, p as er, q as No, r as $, st as Oo, t as Ro, u as Do, ut as zo, v as tr, w as _o, x as Fo, y as fe, z as Rt } from "./history-chords-DVPRyyvN.js";
-import { d as nr, f as he, n as rr } from "./dev.utils-HBVa4Fj9.js";
+import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, Ft as G, G as uo, H as et, I as U, J as ho, K as jn, L as V, N as po, Nt as _, Ot as mo, P as go, Q as Qt, R as Et, S as vo, T as fo, U as bo, V as Mt, W as Yn, X as Co, Z as yo, _ as Jn, at as So, b as Nt, c as xo, d as wo, dt as To, et as ee, f as Qn, ft as le, g as Ao, gt as J, h as ko, ht as Ot, i as Lo, kt as Po, l as Io, lt as Eo, m as tt, n as se, nt, o as Mo, ot as k, p as er, q as No, r as $, st as Oo, t as Ro, u as Do, ut as zo, v as tr, w as _o, x as Fo, y as fe, z as Rt } from "./history-chords-DdWu-GiG.js";
+import { d as ce, n as nr, u as rr } from "./dev.utils-DZcwQpSI.js";
 import { ARROW_DEFAULTS as Ho, ARROW_STICKER_DECLARATIONS as Bo, ARROW_STROKE_WIDTHS as pt, AddAnnotationCommand as pe, AddHighlightCommand as Vo, BORDER_RADIUS_TOKENS as en, COMBO_TYPES as tn, CONSTANT_VARIABLES as Go, DEFAULT_BAR_BORDER_RADIUS as $o, DEFAULT_POINT_SIZE as Uo, DEFAULT_STROKE_WIDTH as Wo, DIFFERENCE_ARROW_DEFAULTS as ar, DIFFERENCE_ARROW_SIZE_DECLARATIONS as nn, MAX_BAR_WIDTH as Ko, MIN_BAR_WIDTH as qo, MoveAnnotationCommand as Zo, RESTING_HOVER_STATE as or, RemoveAnnotationCommand as ke, RemoveHighlightCommand as Xo, SHAPE_DEFAULTS as jo, SetAppearanceTextScaleCommand as Yo, SetAxisLabelCommand as Jo, SetAxisPositionCommand as Qo, SetAxisTickModeCommand as ei, SetAxisTicksVisibilityCommand as ti, SetAxisVisibilityCommand as ni, SetBarBorderRadiusCommand as ri, SetBarWidthCommand as ai, SetChartTypeCommand as ir, SetContentCaptionCommand as lr, SetContentSourceCommand as oi, SetContentSubtitleCommand as sr, SetContentTitleCommand as cr, SetDataLabelsFormatCommand as ii, SetDifferenceArrowStyleCommand as li, SetGridLineStyleCommand as si, SetGridLineWidthCommand as ci, SetGridVisibilityCommand as di, SetHeadlineCompareWithCommand as ui, SetHeadlinePositionCommand as hi, SetHeadlineShowCommand as rn, SetHeadlineSizeCommand as pi, SetHighlightDimStyleCommand as mi, SetLayerYScaleTypeCommand as gi, SetLegendAlignCommand as vi, SetLegendDisplayCommand as fi, SetLegendPositionCommand as bi, SetLineInterpolationCommand as Ci, SetLineMissingValuesCommand as yi, SetLineWidthCommand as an, SetMappingCommand as Si, SetNumberFormatAbbreviationCommand as xi, SetNumberFormatDecimalsCommand as on, SetPointSizeCommand as wi, SetPolarInnerRadiusCommand as Ti, SetPolarStartAngleCommand as Ai, SetRuleLabelCommand as ki, SetRuleValueCommand as Li, SetScaleDomainCommand as He, SetScaleReverseCommand as Pi, SetScaleTransformCommand as Ii, SetScaleZeroCommand as ln, SetStatLineCommand as Ei, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Mi, TEXT_ANNOTATION_FADE_ALPHA as Ni, ToggleCategoryLabelsCommand as Oi, ToggleContentVisibilityCommand as rt, ToggleDataLabelsCommand as Ri, ToggleGoalLineCommand as Di, ToggleLineFillCommand as zi, ToggleLinePointsVisibilityCommand as _i, ToggleStackTotalsCommand as Fi, UpdateAnnotationCommand as re, alignUnitFractions as Hi, areAnchorsEqual as dr, areEndpointsComparable as Bi, buildEditMenuTriggerRegion as Vi, buildLayerStyleAddress as Gi, buildObservationPredicate as $i, canAnchorDirectLabels as Ui, canBecomeCombo as Wi, canBecomeHeatmap as Ki, canPlaceDataLabels as qi, clampAnnotationTranslation as Zi, computeArrow as ur, createObservationAnchorBuilder as Xi, createObservationAnchorParser as ji, createStyleResolver as at, createValueFormatter as Yi, extractConstantValue as Ji, extractVariableName as Qi, filterLayersByGeoms as bt, findAnnotation as el, findAverageLineLayer as tl, findGoalLineLayer as nl, findHighlightsAtObservation as rl, findKindStyleDeclarations as al, findLayerByGeom as hr, findObservationAttachment as ol, findStyleRule as Te, findTrendLineLayer as il, formatDifferenceLabel as ll, hasMultipleGroups as sl, inferDefaultDifferenceArrowEndpoints as cl, inferDifferenceArrowEndpoints as dl, isComboChartType as ve, isCompanionLayer as pr, isObservationAttachmentKind as ul, isPointWithinEditMenuTrigger as mr, isSafeUrl as hl, projectAnchorToPanel as Ue, readChartType as gr, readComboLineLayerId as pl, readHighlightDimStyle as ml, readMappableAesthetics as gl, readMappedVariable as vl, readObservationIndex as fl, resolveBarBandFraction as bl, resolveComparisonBasis as Cl, resolveGridLineStyle as yl, resolveObservationPoint as vr, resolveShapeAnnotationStyle as Sl, stepDifferenceArrowEndpoint as xl, toPanelCursor as Dt } from "@graphysdk/viz-engine";
 import { createContext as Oe, useCallback as ie, useContext as Le, useEffect as O, useId as Ae, useMemo as M, useRef as te, useState as Q } from "react";
 import { Fragment as j, jsx as n, jsxs as m } from "react/jsx-runtime";
 import { useShallow as Pe } from "zustand/react/shallow";
 import { createPortal as fr } from "react-dom";
-import ce from "clsx";
+import de from "clsx";
 import { autoUpdate as wl, flip as Tl, offset as Al, shift as kl, useFloating as Ll } from "@floating-ui/react-dom";
 import { assignInlineVars as br } from "@vanilla-extract/dynamic";
 import { Extension as Cr } from "@tiptap/core";
@@ -22,7 +22,7 @@ import { Underline as _l } from "@tiptap/extension-underline";
 import { Placeholder as zt, UndoRedo as Fl } from "@tiptap/extensions";
 import { Paragraph as Sr } from "@tiptap/extension-paragraph";
 import { EditorContent as xr, useEditor as Hl, useEditorState as Bl } from "@tiptap/react";
-import { Toolbar as de } from "@base-ui/react/toolbar";
+import { Toolbar as ue } from "@base-ui/react/toolbar";
 import { Tooltip as xe } from "@base-ui/react/tooltip";
 import { Popover as Y } from "@base-ui/react/popover";
 import { HexColorInput as Vl, HexColorPicker as Gl } from "react-colorful";
@@ -2446,7 +2446,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
       })]
     })
   })
-}), Er = "transparent", yt = nr.map((e) => he[e]), Is = Object.fromEntries(nr.map((e) => [he[e], e])), Es = (e) => yt.some((t) => Nr(t, e)), Ms = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+}), Er = "transparent", yt = rr.map((e) => ce[e]), Is = Object.fromEntries(rr.map((e) => [ce[e], e])), Es = (e) => yt.some((t) => Nr(t, e)), Ms = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
   const d = k(), h = Os(), v = u ? [Er, ...yt] : yt, p = (g) => {
     t(g), a(!1);
   };
@@ -2454,7 +2454,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ n(Y.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": i ?? d("graph.toolbar.color.label"),
       className: ps,
       onMouseDown: (g) => g.preventDefault(),
@@ -2597,7 +2597,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   }, [e]);
 }, Mr = (e) => e === "transparent" ? {
   background: kr,
-  border: `1px solid ${he.border100}`
+  border: `1px solid ${ce.border100}`
 } : {
   background: e,
   border: `1px solid ${mo(e, 0.1)}`
@@ -2626,15 +2626,15 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   disabled: r,
   onClick: a,
   children: e
-}), $s = ({ className: e, ...t }) => /* @__PURE__ */ n(xe.Provider, { children: /* @__PURE__ */ n(de.Root, {
+}), $s = ({ className: e, ...t }) => /* @__PURE__ */ n(xe.Provider, { children: /* @__PURE__ */ n(ue.Root, {
   ...t,
-  className: ce(Ds, e)
-}) }), Us = ({ className: e, ...t }) => /* @__PURE__ */ n(de.Group, {
+  className: de(Ds, e)
+}) }), Us = ({ className: e, ...t }) => /* @__PURE__ */ n(ue.Group, {
   ...t,
-  className: ce(zs, e)
-}), Ws = ({ className: e, ...t }) => /* @__PURE__ */ n(de.Separator, {
+  className: de(zs, e)
+}), Ws = ({ className: e, ...t }) => /* @__PURE__ */ n(ue.Separator, {
   ...t,
-  className: ce(_s, e)
+  className: de(_s, e)
 }), Ks = ({ children: e }) => {
   const t = le();
   return t === null ? null : fr(/* @__PURE__ */ n(ee, { children: e }), t);
@@ -2643,7 +2643,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   Root: $s,
   Group: Us,
   Separator: Ws,
-  Button: de.Button,
+  Button: ue.Button,
   ColorPicker: Ms,
   MenuPopup: Vs,
   MenuItem: Gs
@@ -2656,12 +2656,12 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     strokeLinejoin: "round",
     children: /* @__PURE__ */ n("path", { d: "m6 9 6 6 6-6" })
   })
-}), qs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zs = `'Aeonik', 'Aeonik Fallback', ${rr}`, Xs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", js = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", St = [
+}), qs = "'Noto Serif', Georgia, 'Times New Roman', serif, 'Apple Color Emoji', 'NotoColorEmoji'", Zs = `'Aeonik', 'Aeonik Fallback', ${nr}`, Xs = "'PT Mono', 'Courier New', monospace, 'Apple Color Emoji', 'NotoColorEmoji'", js = "'Intruding Cat', cursive, 'Apple Color Emoji', 'NotoColorEmoji'", St = [
   {
     id: "modern",
     label: "Modern",
     preview: "Aa",
-    fontFamily: rr
+    fontFamily: nr
   },
   {
     id: "fresh",
@@ -2695,7 +2695,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(z.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": o("graph.toolbar.font.ariaLabel"),
       className: Or,
       onMouseDown: (s) => s.preventDefault(),
@@ -2730,28 +2730,28 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
 }, Fr = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
-  previewFont: he.fontTextEditorBody
+  previewFont: ce.fontTextEditorBody
 }, un = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
-    previewFont: he.fontTextEditorH6
+    previewFont: ce.fontTextEditorH6
   },
   Fr,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
-    previewFont: he.fontTextEditorH3
+    previewFont: ce.fontTextEditorH3
   },
   {
     id: "h2",
     translationKey: "graph.toolbar.heading.heading2",
-    previewFont: he.fontTextEditorH2
+    previewFont: ce.fontTextEditorH2
   },
   {
     id: "h1",
     translationKey: "graph.toolbar.heading.heading1",
-    previewFont: he.fontTextEditorH1
+    previewFont: ce.fontTextEditorH1
   }
 ], Qs = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: a }) => {
   const o = k(), i = un.find((l) => l.id === t) ?? Fr;
@@ -2759,7 +2759,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(z.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": o("graph.toolbar.heading.ariaLabel"),
       className: Or,
       onMouseDown: (l) => l.preventDefault(),
@@ -2868,7 +2868,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: a,
     onOpenChange: o,
     children: [/* @__PURE__ */ n(Y.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": i("graph.toolbar.formatting.link"),
       "data-active": r,
       className: ic,
@@ -2974,7 +2974,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ m(xe.Root, { children: [/* @__PURE__ */ n(xe.Trigger, {
     render: /* @__PURE__ */ n($l, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       pressed: t,
       onPressedChange: () => r()
     }),
@@ -3229,7 +3229,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
         },
         fontSize: {
           default: null,
-          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: ${e.fontSize / 10}em` } : {}
+          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${ce.textScale})` } : {}
         }
       }
     }];
@@ -6035,26 +6035,26 @@ var xa = [
 })), Ph = (e) => xa.find((t) => t.id === (e ?? "modern")) ?? null;
 var wa = [
   {
-    size: 8,
+    size: 12,
     key: "graph.annotations.textToolbar.fontSize.small"
   },
   {
-    size: 10,
+    size: 15,
     key: "graph.annotations.textToolbar.fontSize.medium"
   },
   {
-    size: 12,
+    size: 18,
     key: "graph.annotations.textToolbar.fontSize.large"
   },
   {
-    size: 16,
+    size: 24,
     key: "graph.annotations.textToolbar.fontSize.extraLarge"
   },
   {
-    size: 20,
+    size: 30,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], Ih = (e) => wa.find((t) => t.size === (e ?? 10)) ?? null, Eh = (e) => `${e / 10}em`, Mh = [
+], Ih = (e) => wa.find((t) => t.size === (e ?? 15)) ?? null, Eh = (e) => `${e}px`, Mh = [
   {
     alignment: "left",
     Icon: Gr
@@ -6431,14 +6431,14 @@ var Yh = "_1tyillx1", Jh = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": o,
-    className: ce(Yh, Jh[o]),
+    className: de(Yh, Jh[o]),
     style: {
       left: t.x + i.center.x,
       top: t.y + i.center.y,
       ...br({ [Xh]: a.color })
     },
     children: /* @__PURE__ */ n("span", {
-      className: ce(Qh, e1[o === "open" ? "open" : "closed"]),
+      className: de(Qh, e1[o === "open" ? "open" : "closed"]),
       children: /* @__PURE__ */ n(Zh, { size: "lg" })
     })
   });
@@ -7033,7 +7033,7 @@ var N1 = 6, O1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ariaLabelledBy: c
   }), h = i === "swatch", { commitAfterChange: v, gestureHandlers: p } = ct(a);
   return /* @__PURE__ */ n(Tr, {
-    className: ce(E1, R1(o ?? e.length)),
+    className: de(E1, R1(o ?? e.length)),
     value: t,
     onValueChange: (g) => {
       r(g), v();
@@ -7044,7 +7044,7 @@ var N1 = 6, O1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     children: e.map((g) => /* @__PURE__ */ m(wr.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: ce(M1, h && "_1b7s5f8"),
+      className: de(M1, h && "_1b7s5f8"),
       "aria-label": h ? g.label : void 0,
       children: [g.icon, !h && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -7215,7 +7215,7 @@ var lp = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     children: e.map((p) => /* @__PURE__ */ m(wr.Root, {
       value: p.value,
       disabled: p.isDisabled,
-      className: ce(ip, d && "cnu9yl2"),
+      className: de(ip, d && "cnu9yl2"),
       "aria-label": sp(p, d),
       children: [p.icon, Na(p, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
@@ -7276,7 +7276,7 @@ var bp = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
         value: d,
         children: /* @__PURE__ */ n(Ee.Root, {
           [gp]: "",
-          className: ce(mp, o, { [l]: !fp(o) }),
+          className: de(mp, o, { [l]: !fp(o) }),
           style: s,
           value: c,
           onValueChange: (h) => u(h),
@@ -7457,10 +7457,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], p = i.scales[e], g = p?.spec, f = g?.scaleType === "continuous" ? g : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const y = g !== void 0 && "reverse" in g ? g : void 0, P = g?.scaleType === "continuous" || g?.scaleType === "datetime", C = e === "y" && f !== void 0 && i.layers.some((w) => w.yScaleType === "primary" && w.geom === "bar"), A = f?.transform === "log", L = f?.domainMax ?? null, R = Mp(f), F = (w, ue) => w.map((Fe) => ({
+  const y = g !== void 0 && "reverse" in g ? g : void 0, P = g?.scaleType === "continuous" || g?.scaleType === "datetime", C = e === "y" && f !== void 0 && i.layers.some((w) => w.yScaleType === "primary" && w.geom === "bar"), A = f?.transform === "log", L = f?.domainMax ?? null, R = Mp(f), F = (w, he) => w.map((Fe) => ({
     value: Fe,
-    label: ue(Fe)
-  })), D = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, E = Pp[D === "bottom" || D === "top" || D === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? pl(i.spec) : null, T = N === null ? void 0 : i.spec.layers.find((w) => w.id === N), b = i.guides.legends.drawn.some((w) => E.some((ue) => ue === w.position)), Z = E.map((w) => ({
+    label: he(Fe)
+  })), D = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, E = Pp[D === "bottom" || D === "top" || D === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? pl(i.spec) : null, T = N === null ? void 0 : i.spec.layers.find((w) => w.id === N), b = i.guides.legends.drawn.some((w) => E.some((he) => he === w.position)), Z = E.map((w) => ({
     value: w,
     label: l(Ip[w])
   })), ye = F(["auto", "edges"], (w) => l(w === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), _e = F(["linear", "log"], (w) => l(w === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), $a = F([
@@ -7527,10 +7527,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }));
     }
   }, no = (w) => {
-    const ue = w === "custom" ? zn(p?.domain, "end") : null;
+    const he = w === "custom" ? zn(p?.domain, "end") : null;
     o.commands.dispatch(new He({
       scaledAesthetic: e,
-      domainMax: ue
+      domainMax: he
     }));
   }, ro = (w) => {
     T !== void 0 && o.commands.dispatch(new gi({
@@ -7538,10 +7538,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       yScaleType: w === "double" ? "secondary" : "primary"
     }));
   }, ao = (w) => {
-    const ue = E.find((Fe) => Fe === w);
-    ue && o.commands.dispatch(new Qo({
+    const he = E.find((Fe) => Fe === w);
+    he && o.commands.dispatch(new Qo({
       axis: e,
-      position: ue
+      position: he
     }));
   };
   return /* @__PURE__ */ n(W, {

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./dev.utils-C5W6wbHd.cjs");let s=require("@graphysdk/viz-engine/graph-config");var v=(e,n)=>{const r=e.appearance?.textStyle;return{...f(e.themeOverrides),...n&&r?l(r,n):void 0}},l=(e,n)=>{const r=i=>i===void 0?void 0:n.find(d=>d.id===i)?.fontFamily,o=r(e.body?.fontId),t=r(e.heading?.fontId);return{...o?{fontFamilyDefault:o}:void 0,...t?{fontFamilyHeading:t}:void 0}},f=e=>{if(e===void 0)return;const n={};for(const[r,o]of Object.entries(e))if(a.isMeasuredFontTokenKey(r)&&typeof o=="string"){const t=(0,s.parseFontShorthand)(o);if(t===null){c(r,o);continue}n[r]=t}else n[r]=o;return n},c=(e,n)=>{a.IS_DEV&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=v;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./dev.utils-BU9Kwcpp.cjs");let i=require("@graphysdk/viz-engine/graph-config");var s=o=>{const e={};for(const[r,n]of Object.entries(o.themeOverrides??{}))if(a.isMeasuredFontTokenKey(r)&&typeof n=="string"){const t=(0,i.parseFontShorthand)(n);if(t===null){d(r,n);continue}e[r]=t}else e[r]=n;return e},d=(o,e)=>{a.IS_DEV&&console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${o}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`)};exports.convertGraphConfigTheme=s;

package/dist/graph-config.d.ts

@@ -3,20 +3,15 @@ import { FontStyle } from '@graphysdk/viz-engine/graph-config';
 import { GraphConfig } from '@graphysdk/viz-engine/graph-config';
 
 /**
- * Extracts the renderer-side half of a `GraphConfig` — `themeOverrides` and the fonts named by
- * `appearance.textStyle` — as {@link ThemeOverrides} to hand to `<GraphProvider themeOverrides>`.
- * The data half goes through viz-engine's `convertGraphConfig`.
- *
- * `fontList` resolves the font *ids* a config stores into the CSS families to render them with; omit
- * it and `textStyle` is ignored.
+ * Converts a `GraphConfig`'s `themeOverrides` — untyped JSON — to the renderer's typed
+ * {@link ThemeOverrides} to hand to `<GraphProvider themeOverrides>`: measured font tokens carrying
+ * a CSS `font` shorthand string are parsed into their structured {@link FontTokenOverride}
+ * equivalent. An unparseable shorthand is dropped with a dev warning; everything else passes
+ * through unchanged. The data half, including the `appearance.textStyle` fonts (resolved against
+ * `ctx.fontList` into graph and heading style entries), goes through viz-engine's
+ * `convertGraphConfig`.
  */
-export declare const convertGraphConfigTheme: (config: GraphConfig, fontList?: FontListInput) => ThemeOverrides;
-
-/** Host font catalog mapping each font id a `GraphConfig` may reference to a CSS `font-family` string. */
-export declare type FontListInput = Array<{
-    id: string;
-    fontFamily: string;
-}>;
+export declare const convertGraphConfigTheme: (config: GraphConfig) => ThemeOverrides;
 
 /**
  * A structured override of a measured font token. Omitted fields keep the token's default (which
@@ -157,9 +152,7 @@ declare const vars: {
     tooltipBackground: `var(--${string})`;
     tooltipBorderColor: `var(--${string})`;
     tooltipValueTextColor: `var(--${string})`;
-    hoverGuideLineColor: `var(--${string})`;
-    hoverGuideFillColor: `var(--${string})`;
-    fontFamilyDefault: `var(--${string})`;
+    fontFamily: `var(--${string})`;
     fontFamilyHeading: `var(--${string})`;
     fontWeightRegular: `var(--${string})`;
     fontWeightMedium: `var(--${string})`;

package/dist/graph-config.mjs

@@ -1,32 +1,19 @@
-import { c as d, t as s } from "./dev.utils-HBVa4Fj9.js";
-import { parseFontShorthand as v } from "@graphysdk/viz-engine/graph-config";
-var y = (e, n) => {
-  const r = e.appearance?.textStyle;
-  return {
-    ...l(e.themeOverrides),
-    ...n && r ? f(r, n) : void 0
-  };
-}, f = (e, n) => {
-  const r = (a) => a === void 0 ? void 0 : n.find((i) => i.id === a)?.fontFamily, o = r(e.body?.fontId), t = r(e.heading?.fontId);
-  return {
-    ...o ? { fontFamilyDefault: o } : void 0,
-    ...t ? { fontFamilyHeading: t } : void 0
-  };
-}, l = (e) => {
-  if (e === void 0) return;
-  const n = {};
-  for (const [r, o] of Object.entries(e)) if (d(r) && typeof o == "string") {
-    const t = v(o);
+import { c as a, t as s } from "./dev.utils-DZcwQpSI.js";
+import { parseFontShorthand as i } from "@graphysdk/viz-engine/graph-config";
+var c = (o) => {
+  const e = {};
+  for (const [r, n] of Object.entries(o.themeOverrides ?? {})) if (a(r) && typeof n == "string") {
+    const t = i(n);
     if (t === null) {
-      m(r, o);
+      f(r, n);
       continue;
     }
-    n[r] = t;
-  } else n[r] = o;
-  return n;
-}, m = (e, n) => {
-  s && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${e}": "${n}" is not a measurable font shorthand (needs a px/em size and a family).`);
+    e[r] = t;
+  } else e[r] = n;
+  return e;
+}, f = (o, e) => {
+  s && console.warn(`[react-renderer] Ignoring GraphConfig themeOverrides."${o}": "${e}" is not a measurable font shorthand (needs a px/em size and a family).`);
 };
 export {
-  y as convertGraphConfigTheme
+  c as convertGraphConfigTheme
 };