@graphysdk/react-renderer 1.9.0-beta.1789643389031 → 1.9.0-beta.1789669748378

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-gray-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-gray-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start;display:flex}.d0bl0a:hover{border-color:var(--graphy-gray-70)}.d0bl0a:focus-visible{border-color:var(--graphy-gray-60);outline:none}.d0bl0a[data-popup-open]{border-color:var(--graphy-gray-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-gray-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-gray-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-gray-80);border:1px solid var(--graphy-gray-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-gray-70)}.d0bl0e:focus{border-color:var(--graphy-gray-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-gray-80);border:1px solid var(--graphy-gray-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-gray-70)}.fop13s3:focus{border-color:var(--graphy-gray-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,._1uy50v30 .ProseMirror p{font:inherit;color:inherit;margin:0}._1uy50v30 .ProseMirror p[data-variant=caption]{font:inherit;color:inherit}._1uy50v30 .ProseMirror a{text-underline-offset:.15em;cursor:text;text-decoration:underline}.uwf6lt5 .ProseMirror p{font-family:var(--uwf6lt0);font-size:var(--uwf6lt1);font-weight:var(--uwf6lt2);line-height:var(--uwf6lt3);color:var(--uwf6lt4)}.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-gray-70);color:var(--graphy-gray-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-gray-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-gray-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)}
+.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-gray-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-gray-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start;display:flex}.d0bl0a:hover{border-color:var(--graphy-gray-70)}.d0bl0a:focus-visible{border-color:var(--graphy-gray-60);outline:none}.d0bl0a[data-popup-open]{border-color:var(--graphy-gray-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-gray-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-gray-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-gray-80);border:1px solid var(--graphy-gray-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-gray-70)}.d0bl0e:focus{border-color:var(--graphy-gray-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-gray-80);border:1px solid var(--graphy-gray-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-gray-70)}.fop13s3:focus{border-color:var(--graphy-gray-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,._1uy50v30 .ProseMirror p{font:inherit;color:inherit;margin:0}._1uy50v30 .ProseMirror p[data-variant=caption]{font:inherit;color:inherit}._1uy50v30 .ProseMirror a{text-underline-offset:.15em;cursor:text;text-decoration:underline}.uwf6lt5 .ProseMirror p{font-family:var(--uwf6lt0);font-size:var(--uwf6lt1);font-weight:var(--uwf6lt2);line-height:var(--uwf6lt3);color:var(--uwf6lt4)}.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-gray-70);color:var(--graphy-gray-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-outline-color);border-radius:50%;width:10px;height:10px}.ydgo3h2{box-sizing:border-box;border:2px solid var(--graphy-annotation-outline-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-outline-color) 50%, transparent)}._1ee8fau2{border-color:var(--graphy-annotation-outline-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-outline-color) 50%, transparent)}._1ee8fau5{border-color:var(--graphy-annotation-outline-color)}.o49ib40{box-sizing:border-box;background:var(--graphy-annotation-outline-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:10px;height:10px}.o49ib41{box-sizing:border-box;background:var(--graphy-annotation-outline-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-gray-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-gray-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.d.ts

@@ -1,6 +1,8 @@
+import { AxisKey } from '@graphysdk/viz-engine';
 import { Command } from '@graphysdk/viz-engine';
 import { ComponentType } from 'react';
 import { DispatchOptions } from '@graphysdk/viz-engine';
+import { Edge } from '@graphysdk/viz-engine';
 import { EdgeSizes } from '@graphysdk/viz-engine';
 import { EditorPanel } from './editable/panel/editor-panel';
 import { EditTarget } from '@graphysdk/viz-engine';
@@ -11,22 +13,20 @@ import { GraphLayout } from '@graphysdk/viz-engine';
 import { HeadlineMeasurer } from '@graphysdk/viz-engine';
 import { IntroStaggerOrder } from '@graphysdk/viz-engine';
 import { JSX } from 'react/jsx-runtime';
-import { LayoutEdge } from '@graphysdk/viz-engine';
 import { LegendPosition } from '@graphysdk/viz-engine';
-import { LineStyleType } from '@graphysdk/viz-engine';
+import { LineType } from '@graphysdk/viz-engine';
 import { PANEL_ROOT_ATTRIBUTE } from './editable/panel/editor-panel';
 import { PanelRootProps } from './editable/panel/editor-panel';
 import { PanelRootProps as PanelRootProps_2 } from '../panel/editor-panel';
-import { PrimaryAxisTarget } from '@graphysdk/viz-engine';
 import { ReactNode } from 'react';
 import { Rect } from '@graphysdk/viz-engine';
 import { ResolvedHeadlineSize } from '@graphysdk/viz-engine';
-import { ResolvedSourceStyle } from '@graphysdk/viz-engine';
-import { ResolvedTextStyle } from '@graphysdk/viz-engine';
 import { Scene } from '@graphysdk/viz-engine';
 import { SourceContent } from '@graphysdk/viz-engine';
+import { SourceStyle } from '@graphysdk/viz-engine';
 import { TextContent } from '@graphysdk/viz-engine';
 import { TextMeasurer } from '@graphysdk/viz-engine';
+import { TextStyle } from '@graphysdk/viz-engine';
 import { TooltipContent } from '@graphysdk/viz-engine';
 
 /**
@@ -45,7 +45,7 @@ export declare const AxesPanel: ({ children, ...rootProps }: PanelProps) => JSX.
  */
 declare interface AxisLabelSlotProps {
     formattedAxes: FormattedAxis[];
-    labelRects: Partial<Record<LayoutEdge, Rect>>;
+    labelRects: Partial<Record<Edge, Rect>>;
 }
 
 /**
@@ -58,7 +58,7 @@ export declare const AxisSection: ({ axis, title, layout, preview }: AxisSection
 
 export declare interface AxisSectionProps extends OverridableSectionProps {
     /** Which axis this section edits. */
-    axis: PrimaryAxisTarget;
+    axis: AxisKey;
 }
 
 /**
@@ -68,7 +68,7 @@ export declare interface AxisSectionProps extends OverridableSectionProps {
  */
 declare interface AxisTicksSlotProps {
     formattedAxes: FormattedAxis[];
-    tickRects: Partial<Record<LayoutEdge, Rect>>;
+    tickRects: Partial<Record<Edge, Rect>>;
 }
 
 /**
@@ -695,8 +695,8 @@ declare interface FooterSlotProps {
     isCaptionVisible: boolean;
     source: SourceContent | null;
     isSourceVisible: boolean;
-    captionStyle: ResolvedTextStyle;
-    sourceStyle: ResolvedSourceStyle;
+    captionStyle: TextStyle;
+    sourceStyle: SourceStyle;
     /**
      * Resolved badge visual for footer placement. `hidden` when the mark is off, below the min
      * footprint, or configured for header placement.
@@ -911,8 +911,8 @@ declare interface HeaderSlotProps {
     isTitleVisible: boolean;
     subtitle: TextContent | null;
     isSubtitleVisible: boolean;
-    headingStyle: ResolvedTextStyle;
-    subtitleStyle: ResolvedTextStyle;
+    headingStyle: TextStyle;
+    subtitleStyle: TextStyle;
     /**
      * Resolved badge visual for header placement. `hidden` when the mark is off, below the min
      * footprint, or configured for footer placement.
@@ -992,7 +992,7 @@ export declare interface LegendSectionProps extends OverridableSectionProps {
  */
 declare interface LegendSlotProps {
     formattedLegends: FormattedLegend[];
-    rects: Partial<Record<LayoutEdge, Rect>>;
+    rects: Partial<Record<Edge, Rect>>;
 }
 
 /**
@@ -1268,7 +1268,7 @@ declare interface SlotOverride<Props, Measure> {
     measure: Measure;
 }
 
-/** Whether the chart shows its source. The one text slot never editable in place on the chart. */
+/** Whether the chart shows its source. The one text part never editable in place on the chart. */
 export declare const SourceSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
 
 /**
@@ -1304,7 +1304,7 @@ declare interface SwatchSlotProps {
     color: string;
     surface: SwatchSurface;
     label?: string;
-    lineType?: LineStyleType;
+    lineType?: LineType;
     width?: number;
     height?: number;
     /** Line/area stroke width. Absent, {@link DefaultSwatch} draws at 2. */

package/dist/editable.mjs

@@ -1,6 +1,6 @@
-import { $ as tr, At as fo, B as bo, Bt as yo, C as nr, D as be, G as on, H as j, J as zt, K as G, Kt as So, L as Co, Lt as rr, N as xo, O as wo, P as k, Q as To, Rt as Ao, S as ko, T as Lo, Tt as Z, U as $, Ut as ar, V as Po, Vt as Io, W as Eo, X as _t, Y as or, Yt as _, Z as ot, _ as ir, at as ln, b as Ft, bt as Mo, c as Oo, d as No, et as Ro, f as lr, ft as Do, g as zo, gt as xe, h as _o, i as Fo, it as Ho, jt as sr, k as it, l as Bo, lt, m as st, mt as Vo, n as ce, o as Go, ot as $o, p as cr, pt as E, q as Ht, qt as H, r as U, rt as Uo, st as ne, t as Wo, tt as Ko, u as qo, v as dr, vt as Xo, w as Zo, wt as Fe, x as jo, xt as de, y as we, yt as Yo, zt as Jo } from "./history-chords-BEesSXz6.js";
-import { n as ue, t as ur } from "./theme.contract.css-DaZ5UPN0.js";
-import { ARROW_DEFAULTS as Qo, ARROW_STICKER_DECLARATIONS as ei, ARROW_STROKE_WIDTHS as St, AddAnnotationCommand as ve, AddHighlightCommand as ti, BORDER_RADIUS_TOKENS as sn, COMBO_TYPES as cn, CONSTANT_VARIABLES as ni, DEFAULT_BAR_BORDER_RADIUS as ri, DEFAULT_POINT_SIZE as ai, DEFAULT_STROKE_WIDTH as oi, DIFFERENCE_ARROW_DEFAULTS as hr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as dn, InternalError as ii, MAX_BAR_WIDTH as li, MIN_BAR_WIDTH as si, MoveAnnotationCommand as ci, RESTING_HOVER_STATE as Bt, RemoveAnnotationCommand as Me, RemoveHighlightCommand as di, SHAPE_DEFAULTS as ui, SetAxisLabelCommand as hi, SetAxisPositionCommand as pi, SetAxisTickModeCommand as mi, SetAxisTicksVisibilityCommand as gi, SetAxisVisibilityCommand as vi, SetBarBorderRadiusCommand as fi, SetBarWidthCommand as bi, SetChartTypeCommand as pr, SetContentCaptionCommand as mr, SetContentSourceCommand as yi, SetContentSubtitleCommand as gr, SetContentTitleCommand as vr, SetDataLabelsFormatCommand as Si, SetDifferenceArrowStyleCommand as Ci, SetGridLineStyleCommand as xi, SetGridLineWidthCommand as wi, SetGridVisibilityCommand as Ti, SetHeadlineCompareWithCommand as Ai, SetHeadlinePositionCommand as ki, SetHeadlineShowCommand as un, SetHeadlineSizeCommand as Li, SetHighlightDimStyleCommand as Pi, SetLayerYScaleTypeCommand as Ii, SetLegendAlignCommand as Ei, SetLegendDisplayCommand as Mi, SetLegendPositionCommand as Oi, SetLineInterpolationCommand as Ni, SetLineMissingValuesCommand as Ri, SetLineWidthCommand as hn, SetMappingCommand as Di, SetNumberFormatAbbreviationCommand as zi, SetNumberFormatDecimalsCommand as pn, SetPointSizeCommand as _i, SetPolarInnerRadiusCommand as Fi, SetPolarStartAngleCommand as Hi, SetRuleLabelCommand as Bi, SetRuleValueCommand as Vi, SetScaleDomainCommand as Ue, SetScaleReverseCommand as Gi, SetScaleTransformCommand as $i, SetScaleZeroCommand as mn, SetStatLineCommand as Ui, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Wi, TEXT_ANNOTATION_FADE_ALPHA as Ki, ToggleCategoryLabelsCommand as qi, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as Xi, ToggleGoalLineCommand as Zi, ToggleLineFillCommand as ji, ToggleLinePointsVisibilityCommand as Yi, ToggleStackTotalsCommand as Ji, UpdateAnnotationCommand as oe, alignUnitFractions as Qi, areAnchorsEqual as fr, areEndpointsComparable as el, buildEditMenuTriggerRegion as tl, buildLayerStyleAddress as nl, buildObservationPredicate as br, buildObservationsTarget as yr, buildObservationsTargetAtValue as Sr, canAnchorDirectLabels as rl, canBecomeCombo as al, canBecomeHeatmap as ol, canPlaceDataLabels as il, clampAnnotationTranslation as ll, computeArrow as Cr, createObservationAnchorBuilder as sl, createObservationAnchorParser as cl, createStyleResolver as dt, createValueFormatter as dl, extractConstantValue as ul, extractVariableName as xr, filterLayersByGeoms as Tt, findAnnotation as hl, findAverageLineLayer as pl, findGoalLineLayer as ml, findHighlightsAtObservation as gl, findKindStyleDeclarations as vl, findLayerByGeom as wr, findObservationAttachment as fl, findStyleRule as Ce, findTrendLineLayer as bl, formatDifferenceLabel as yl, getGroupVariables as Sl, hasMultipleGroups as Cl, inferDefaultDifferenceArrowEndpoints as xl, inferDifferenceArrowEndpoints as wl, isComboChartType as Se, isCompanionLayer as Tr, isObservationAttachmentKind as Tl, isPointWithinEditMenuTrigger as Vt, isSafeUrl as Al, projectAnchorToPanel as je, readBroadestObservationsScope as kl, readChartType as Ar, readComboLineLayerId as Ll, readHighlightDimStyle as Pl, readMappableAesthetics as Il, readMappedVariable as El, readObservationIndex as kr, readScopeXVariable as Ml, resolveBarBandFraction as Ol, resolveComparisonBasis as Nl, resolveGridLineStyle as Rl, resolveObservationPoint as Lr, resolveShapeAnnotationStyle as Dl, stepDifferenceArrowEndpoint as zl, toPanelCursor as ut } from "@graphysdk/viz-engine";
+import { $ as tr, At as fo, B as bo, Bt as yo, C as nr, D as be, G as on, H as j, J as zt, K as G, Kt as So, L as Co, Lt as rr, N as xo, O as wo, P as k, Q as To, Rt as Ao, S as ko, T as Lo, Tt as Z, U as $, Ut as ar, V as Po, Vt as Io, W as Eo, X as _t, Y as or, Yt as _, Z as ot, _ as ir, at as ln, b as Ft, bt as Mo, c as Oo, d as No, et as Ro, f as lr, ft as Do, g as zo, gt as xe, h as _o, i as Fo, it as Ho, jt as sr, k as it, l as Bo, lt, m as st, mt as Vo, n as ce, o as Go, ot as $o, p as cr, pt as E, q as Ht, qt as H, r as U, rt as Uo, st as ne, t as Wo, tt as Ko, u as qo, v as dr, vt as Xo, w as Zo, wt as Fe, x as jo, xt as de, y as we, yt as Yo, zt as Jo } from "./history-chords-CK8rnZmj.js";
+import { n as ue, t as ur } from "./theme.contract.css-AyXDNf0F.js";
+import { ARROW_DEFAULTS as Qo, ARROW_STICKER_DECLARATIONS as ei, ARROW_STROKE_WIDTHS_PX as St, AddAnnotationCommand as ve, AddHighlightCommand as ti, BORDER_RADIUS_TOKENS as sn, COMBO_TYPES as cn, CONSTANT_VARIABLES as ni, DEFAULT_BAR_BORDER_RADIUS as ri, DEFAULT_POINT_SIZE_PX as ai, DEFAULT_STROKE_WIDTH_PX as oi, DIFFERENCE_ARROW_DEFAULTS as hr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as dn, InternalError as ii, MAX_BAR_WIDTH_FRACTION as li, MIN_BAR_WIDTH_FRACTION as si, MoveAnnotationCommand as ci, RESTING_HOVER_STATE as Bt, RemoveAnnotationCommand as Me, RemoveHighlightCommand as di, SHAPE_DEFAULTS as ui, SetAxisLabelCommand as hi, SetAxisPositionCommand as pi, SetAxisTickModeCommand as mi, SetAxisTicksVisibilityCommand as gi, SetAxisVisibilityCommand as vi, SetBarBorderRadiusCommand as fi, SetBarWidthCommand as bi, SetChartTypeCommand as pr, SetContentCaptionCommand as mr, SetContentSourceCommand as yi, SetContentSubtitleCommand as gr, SetContentTitleCommand as vr, SetDataLabelsFormatCommand as Si, SetDifferenceArrowStyleCommand as Ci, SetGridLineStyleCommand as xi, SetGridLineWidthCommand as wi, SetGridVisibilityCommand as Ti, SetHeadlineCompareWithCommand as Ai, SetHeadlinePositionCommand as ki, SetHeadlineShowCommand as un, SetHeadlineSizeCommand as Li, SetHighlightDimStyleCommand as Pi, SetLayerYScaleTypeCommand as Ii, SetLegendAlignCommand as Ei, SetLegendDisplayCommand as Mi, SetLegendPositionCommand as Oi, SetLineCurveCommand as Ni, SetLineMissingValuesCommand as Ri, SetLineWidthCommand as hn, SetMappingCommand as Di, SetNumberFormatAbbreviationCommand as zi, SetNumberFormatDecimalsCommand as pn, SetPointSizeCommand as _i, SetPolarInnerRadiusCommand as Fi, SetPolarStartAngleCommand as Hi, SetRuleLabelCommand as Bi, SetRuleValueCommand as Vi, SetScaleDomainCommand as Ue, SetScaleReverseCommand as Gi, SetScaleTransformCommand as $i, SetScaleZeroCommand as mn, SetStatLineCommand as Ui, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Wi, TEXT_ANNOTATION_FADE_ALPHA as Ki, ToggleCategoryLabelsCommand as qi, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as Xi, ToggleGoalLineCommand as Zi, ToggleLineFillCommand as ji, ToggleLinePointsCommand as Yi, ToggleStackTotalsCommand as Ji, UpdateAnnotationCommand as oe, alignUnitFractions as Qi, areAnchorsEqual as fr, areEndpointsComparable as el, buildEditMenuTriggerRegion as tl, buildLayerStyleAddress as nl, buildObservationPredicate as br, buildObservationsTarget as yr, buildObservationsTargetAtValue as Sr, canAnchorDirectLabels as rl, canBecomeCombo as al, canBecomeHeatmap as ol, canPlaceDataLabels as il, clampAnnotationTranslation as ll, computeArrow as Cr, createObservationAnchorBuilder as sl, createObservationAnchorParser as cl, createStyleResolver as dt, createValueFormatter as dl, filterLayersByGeoms as Tt, findAnnotation as ul, findAverageLineLayer as hl, findGoalLineLayer as pl, findHighlightsAtObservation as ml, findKindStyleDeclarations as gl, findLayerByGeom as xr, findObservationAttachment as vl, findStyleRule as Ce, findTrendLineLayer as fl, formatDifferenceLabel as bl, getGroupVariables as yl, hasMultipleGroups as Sl, inferDefaultDifferenceArrowEndpoints as Cl, inferDifferenceArrowEndpoints as xl, isComboChartType as Se, isCompanionLayer as wr, isObservationAttachmentKind as wl, isPointWithinEditMenuTrigger as Vt, isSafeUrl as Tl, projectAnchorToPanel as je, readBroadestObservationsScope as Al, readChartType as Tr, readComboLineLayerId as kl, readConstantValue as Ll, readHighlightDimStyle as Pl, readMappableAesthetics as Il, readMappedVariable as El, readObservationIndex as Ar, readScopeXVariable as Ml, readVariableName as kr, resolveBarBandFraction as Ol, resolveComparisonBasis as Nl, resolveGridLineStyle as Rl, resolveObservationPoint as Lr, resolveShapeAnnotationStyle as Dl, stepDifferenceArrowEndpoint as zl, toPanelCursor as ut } from "@graphysdk/viz-engine";
 import { createContext as He, useCallback as re, useContext as Ne, useEffect as R, useId as Ee, useMemo as D, useRef as te, useState as Q } from "react";
 import { Fragment as Y, jsx as n, jsxs as p } from "react/jsx-runtime";
 import { useShallow as Re } from "zustand/react/shallow";
@@ -3479,7 +3479,7 @@ var oa = "efjmb40", ia = "efjmb41", Te = "efjmb42", Ae = "efjmb43", ld = "efjmb4
     fillOpacity: "0.8"
   })
 }), fd = "relative-difference", bd = ({ label: e, layer: t, at: r, onRequestClose: a }) => {
-  const { dispatch: o } = ce(), i = H((s) => s.coordSystem), l = D(() => wl({
+  const { dispatch: o } = ce(), i = H((s) => s.coordSystem), l = D(() => xl({
     layer: t,
     at: r,
     coordSystem: i
@@ -3513,7 +3513,7 @@ function yd(e, t) {
     scope: "series",
     labelKey: "pieSlice"
   }];
-  const r = Cl(t.data, t.mapping);
+  const r = Sl(t.data, t.mapping);
   switch (t.geom) {
     case "bar": {
       const a = [{
@@ -3558,7 +3558,7 @@ function yd(e, t) {
   }
 }
 var Sd = (e) => {
-  const t = xr(e.mapping.x);
+  const t = kr(e.mapping.x);
   return t !== null && t !== ni.x;
 }, Cd = (e) => /* @__PURE__ */ p(k, {
   viewBox: "0 0 16 16",
@@ -4005,7 +4005,7 @@ var Sd = (e) => {
   });
 }, zd = (e, t) => {
   const r = H((o) => o.spec.highlights), a = H((o) => o.config.parsingLocale);
-  return D(() => gl({
+  return D(() => ml({
     layer: e,
     highlights: r,
     observation: t,
@@ -4101,7 +4101,7 @@ var Sd = (e) => {
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, Fd = (e) => Tl(e.kind) && ha[e.kind] !== null, Hd = ({ attachment: e, onRequestClose: t }) => {
+}, Fd = (e) => wl(e.kind) && ha[e.kind] !== null, Hd = ({ attachment: e, onRequestClose: t }) => {
   const r = E(), { dispatch: a } = ce(), { icon: o, labelKey: i } = ha[e.kind], l = () => {
     a(new Me({ id: e.annotation.id })), t();
   };
@@ -4165,7 +4165,7 @@ var Sd = (e) => {
     d,
     h,
     g
-  ]), v = fl(c, r, D(() => cl(t, s), [t, s])), f = v !== null && Fd(v) ? v : null, S = zd(t, a), P = (y, I) => {
+  ]), v = vl(c, r, D(() => cl(t, s), [t, s])), f = v !== null && Fd(v) ? v : null, S = zd(t, a), P = (y, I) => {
     !y && Xd(I.reason) && o();
   };
   return /* @__PURE__ */ n(F.Root, {
@@ -4995,7 +4995,7 @@ var Bu = [
     return Bu.filter((i) => o || !In.includes(i) || i === e.label).map((i) => ({
       kind: i,
       key: Gu[i],
-      preview: yl({
+      preview: bl({
         locale: a,
         kind: i,
         startValue: e.start.measurementValue,
@@ -5155,7 +5155,7 @@ var Ku = "ydgo3h0", qu = "ydgo3h1", Xu = "ydgo3h2", Zu = ({ clientPoint: e, pane
     resolver: l,
     layer: h,
     observation: d.observation,
-    observationIndex: kr(d),
+    observationIndex: Ar(d),
     coordSystem: i,
     align: s
   });
@@ -6538,14 +6538,14 @@ var p1 = "_1tyillx1", m1 = {
   return null;
 }, L1 = (e, t) => {
   for (const r of e) {
-    const a = xr(r.mapping[t]);
+    const a = kr(r.mapping[t]);
     if (a !== null && P1(r, a)) return {
       layer: r,
       variable: a
     };
   }
   return null;
-}, P1 = (e, t) => Sl(e.data, e.mapping).includes(t), I1 = (e, t, r) => {
+}, P1 = (e, t) => yl(e.data, e.mapping).includes(t), I1 = (e, t, r) => {
   let a = null;
   for (const o of e) {
     if (!o.interactive) continue;
@@ -6569,7 +6569,7 @@ var p1 = "_1tyillx1", m1 = {
   if (o === null) return null;
   const l = t.find((h) => h.id === o.layerId);
   if (l === void 0) return null;
-  const c = kr(o), s = i?.intersects !== !1, u = kl(l), d = s || !R1(r) ? [u] : ["x-value", u];
+  const c = Ar(o), s = i?.intersects !== !1, u = Al(l), d = s || !R1(r) ? [u] : ["x-value", u];
   for (const h of d) {
     const g = yr({
       layer: l,
@@ -6648,7 +6648,7 @@ var p1 = "_1tyillx1", m1 = {
     return ot(G(e, "move-drag"), this.params.annotationId);
   }
   resolvePreview(e) {
-    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = hl(o, t);
+    const { annotationId: t, press: r, readInputs: a } = this.params, { annotations: o, panelRect: i } = a(), l = ul(o, t);
     if (l === null) return null;
     const c = ll(l, gt(r, e, i));
     return c === null ? null : {
@@ -7780,7 +7780,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   const S = v !== void 0 && "reverse" in v ? v : void 0, P = v?.scaleType === "continuous" || v?.scaleType === "datetime", y = e === "y" && f !== void 0 && i.layers.some((L) => L.yScaleType === "primary" && L.geom === "bar"), I = f?.transform === "log", x = f?.domainMax ?? null, O = c2(f), z = (L, ge) => L.map(($e) => ({
     value: $e,
     label: ge($e)
-  })), w = i.guides.axes.find((L) => L.scaleAestheticKey === e)?.position, C = i2[w === "bottom" || w === "top" || w === void 0 && e === "x" ? "horizontal" : "vertical"], M = e === "y" ? Ll(i.spec) : null, T = M === null ? void 0 : i.spec.layers.find((L) => L.id === M), b = i.guides.legends.drawn.some((L) => C.some((ge) => ge === L.position)), K = C.map((L) => ({
+  })), w = i.guides.axes.find((L) => L.scaleAestheticKey === e)?.position, C = i2[w === "bottom" || w === "top" || w === void 0 && e === "x" ? "horizontal" : "vertical"], M = e === "y" ? kl(i.spec) : null, T = M === null ? void 0 : i.spec.layers.find((L) => L.id === M), b = i.guides.legends.drawn.some((L) => C.some((ge) => ge === L.position)), K = C.map((L) => ({
     value: L,
     label: l(l2[L])
   })), ie = z(["auto", "edges"], (L) => l(L === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), me = z(["linear", "log"], (L) => l(L === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), ee = z([
@@ -7984,7 +7984,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = o.config.content, s = (d) => {
     a.commands.dispatch(new ct({
-      slot: "caption",
+      part: "caption",
       isVisible: d
     }));
   }, u = (d) => {
@@ -8010,7 +8010,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = o.config.content, s = (u) => {
     a.commands.dispatch(new ct({
-      slot: "source",
+      part: "source",
       isVisible: u
     }));
   };
@@ -8049,7 +8049,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       value: e.url ?? "",
       onChange: l,
       onCommit: i,
-      hasError: Wn.test(e.url ?? "") && !Al(e.url)
+      hasError: Wn.test(e.url ?? "") && !Tl(e.url)
     })
   }), /* @__PURE__ */ n(A, {
     label: r("editor.elementsPanel.sourceSection.name"),
@@ -8064,7 +8064,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = o.config.content, s = (d) => {
     a.commands.dispatch(new ct({
-      slot: "subtitle",
+      part: "subtitle",
       isVisible: d
     }));
   }, u = (d) => {
@@ -8134,7 +8134,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = o.config.content, s = (d) => {
     a.commands.dispatch(new ct({
-      slot: "title",
+      part: "title",
       isVisible: d
     }));
   }, u = (d) => {
@@ -8224,7 +8224,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     r
   ]);
 }, x2 = 0.05, z0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = B(), o = U(a), i = E(), { Slider: l, ToggleGroup: c } = V(), s = o ? wr(o.spec.layers, "bar") : void 0, u = rn(o, s?.id ?? null);
+  const a = B(), o = U(a), i = E(), { Slider: l, ToggleGroup: c } = V(), s = o ? xr(o.spec.layers, "bar") : void 0, u = rn(o, s?.id ?? null);
   if (!o || !s || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const d = (v) => {
     a.commands.dispatch(new bi({
@@ -8395,7 +8395,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }
     }));
   }, d = () => {
-    const g = xl(o);
+    const g = Cl(o);
     g !== null && a.commands.dispatch(new ve({
       kind: "differenceArrow",
       annotation: {
@@ -8448,7 +8448,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }), F0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = B(), o = U(a), i = E(), { ToggleGroup: l } = V();
   if (!o) return null;
-  const c = Ar(o.spec);
+  const c = Tr(o.spec);
   if (c === null || !Se(c)) return null;
   const s = cn.map((d) => ({
     value: d,
@@ -8474,7 +8474,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 }, D2 = 0.1, z2 = 20, H0 = ({ title: e, preview: t }) => {
   const r = B(), a = U(r), o = E(), { NumberField: i, TextField: l } = V();
   if (!a || a.coordSystem.type === "polar") return null;
-  const c = ml(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), u = ul(c?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
+  const c = pl(a.spec.layers), s = e ?? o("editor.annotationsPanel.goalSection.title"), u = Ll(c?.mapping.y), d = typeof u == "number" ? u : null, h = (v) => {
     const f = new Zi({
       showGoalLine: v,
       value: _2(a),
@@ -9376,7 +9376,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
     isDisabled: h === "combo" && !al(o?.spec) || h === "heatmap" && !ol(o?.spec)
   })), [i, o]);
   if (!o) return null;
-  const s = Ar(o.spec), u = om(s), d = (h) => {
+  const s = Tr(o.spec), u = om(s), d = (h) => {
     const g = Nt.find((m) => m.name === h);
     g && a.commands.dispatch(new pr(im(g, s)));
   };
@@ -9645,7 +9645,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   "zero",
   "connect"
 ], W0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
-  const a = B(), o = U(a), i = E(), { Select: l, Slider: c, Switch: s, ToggleGroup: u } = V(), d = o?.spec.layers ?? [], h = wr(d, "line", "area"), g = rn(o, h?.id ?? null);
+  const a = B(), o = U(a), i = E(), { Select: l, Slider: c, Switch: s, ToggleGroup: u } = V(), d = o?.spec.layers ?? [], h = xr(d, "line", "area"), g = rn(o, h?.id ?? null);
   if (!o || !h) return null;
   const m = o.coordSystem.type === "polar", v = Am(i, h), f = Tm(h, d), S = Jn(o.spec, h.geom, "strokeWidth", h.id), P = typeof S == "number", y = h.geom === "line" ? h : void 0, I = [{
     value: "auto",
@@ -9666,7 +9666,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   }, z = (T) => {
     a.commands.dispatch(new Ni({
       layerId: h.id,
-      interpolate: T ? "catmull-rom" : "linear"
+      curve: T ? "smooth" : "linear"
     }));
   }, w = (T) => {
     const b = g?.get("strokeWidth") ?? oi;
@@ -9712,7 +9712,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       !m && /* @__PURE__ */ n(A, {
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ n(s, {
-          isChecked: h.params.interpolate === "catmull-rom",
+          isChecked: h.params.curve === "smooth",
           onChange: z
         })
       }),
@@ -9746,7 +9746,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       })
     ] })
   });
-}, wm = (e) => xm.find((t) => t === e), Jn = (e, t, r, a) => vl(e.styles.overrides, nl(t, a))?.[r], Tm = (e, t) => Tt(t, "point").find((r) => Tr(r, [e])), Am = (e, t) => {
+}, wm = (e) => xm.find((t) => t === e), Jn = (e, t, r, a) => gl(e.styles.overrides, nl(t, a))?.[r], Tm = (e, t) => Tt(t, "point").find((r) => wr(r, [e])), Am = (e, t) => {
   const r = [{
     value: "gap",
     label: e("editor.graphPanel.treatEmptyValues.leaveGap.label")
@@ -9908,7 +9908,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   }) : null;
 }, Dm = (e) => {
   const t = Tt(e, "line", "area");
-  return Tt(e, "point").find((r) => !Tr(r, t));
+  return Tt(e, "point").find((r) => !wr(r, t));
 }, zm = 0.9, _m = 360, Fm = 0.05, Hm = 15, Z0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = B(), o = U(a), i = E(), { Slider: l } = V();
   if (!o || o.spec.coords.coordType !== "polar") return null;
@@ -10026,7 +10026,7 @@ var n2 = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
 ], Gm = "linear", j0 = ({ title: e, layout: t = "collapsible", preview: r }) => {
   const a = B(), o = U(a), i = E(), { Select: l, Switch: c } = V(), { options: s, findValue: u } = Vm(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const d = bl(o.spec.layers), h = pl(o.spec.layers), g = d?.stat.type === "smooth" ? d.stat.method : Gm, m = $m(h), v = er.map((x) => ({
+  const d = fl(o.spec.layers), h = hl(o.spec.layers), g = d?.stat.type === "smooth" ? d.stat.method : Gm, m = $m(h), v = er.map((x) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
   })), f = (x, O = {}) => {

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.contract.css-Dd-73-Je.cjs");require("@graphysdk/viz-engine/graph-config");var c=e=>{const r={};for(const[t,n]of Object.entries(e.themeOverrides??{}))typeof n!="string"||!i(t)||(r[t]=n);return r},i=e=>Object.hasOwn(o.vars,e);exports.convertGraphConfigTheme=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.contract.css-DKDKSByt.cjs");require("@graphysdk/viz-engine/graph-config");var c=e=>{const r={};for(const[t,n]of Object.entries(e.themeOverrides??{}))typeof n!="string"||!i(t)||(r[t]=n);return r},i=e=>Object.hasOwn(o.vars,e);exports.convertGraphConfigTheme=c;

package/dist/graph-config.d.ts

@@ -67,7 +67,7 @@ declare const vars: {
     overlayBorderGradient: `var(--${string})`;
     graphBackground: `var(--${string})`;
     legendFocusOutlineColor: `var(--${string})`;
-    annotationFrameBorderColor: `var(--${string})`;
+    annotationOutlineColor: `var(--${string})`;
     editMenuTriggerIconColor: `var(--${string})`;
     tooltipRowGap: `var(--${string})`;
     editorControlHeight: `var(--${string})`;

package/dist/graph-config.mjs

@@ -1,4 +1,4 @@
-import { n } from "./theme.contract.css-DaZ5UPN0.js";
+import { n } from "./theme.contract.css-AyXDNf0F.js";
 import "@graphysdk/viz-engine/graph-config";
 var c = (e) => {
   const r = {};