@graphysdk/react-renderer 1.9.0-beta.1789467548664 → 1.9.0-beta.1789480282040

package/dist/editable.css

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

package/dist/editable.d.ts

@@ -1,5 +1,4 @@
 import { Command } from '@graphysdk/viz-engine';
-import { CompiledSpec } from '@graphysdk/viz-engine';
 import { ComponentType } from 'react';
 import { DispatchOptions } from '@graphysdk/viz-engine';
 import { EdgeSizes } from '@graphysdk/viz-engine';
@@ -24,6 +23,7 @@ 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 { TextContent } from '@graphysdk/viz-engine';
 import { TextMeasurer } from '@graphysdk/viz-engine';
@@ -544,7 +544,7 @@ declare type DotNotation<T> = T extends object ? {
 
 /**
  * `GraphRenderer` with the editor layer wired in. A host toggles `mode` rather than swapping
- * components, so hover, animation, the compiled store and the undo history survive the toggle.
+ * components, so hover, animation, the scene store and the undo history survive the toggle.
  *
  * The editor store is held from here, above the renderer, because the editing surface fills a slot
  * beside the plot rather than above it: a store it hosted would be out of reach of the geoms and chrome
@@ -758,12 +758,12 @@ declare interface GraphHandle {
     commands: GraphCommands;
     /**
      * Registers a listener fired on every change to the graph; returns the unsubscribe. With
-     * {@link GraphHandle.getCompiled} it is what `useSyncExternalStore` needs, so a surface outside the
+     * {@link GraphHandle.getScene} it is what `useSyncExternalStore` needs, so a surface outside the
      * graph's tree stays in step with it. Subscribing before the graph compiles is valid.
      */
     subscribe: (onGraphChange: () => void) => () => void;
-    /** The graph's compiled spec as of now, or `null` before its first successful compile. */
-    getCompiled: () => CompiledSpec | null;
+    /** The graph's scene as of now, or `null` before its first successful compile. */
+    getScene: () => Scene | null;
     /**
      * Reverse the most recent command. Returns whether the chart took the step, so a caller driving
      * this from a keystroke can leave the key to the app when the chart has nothing to undo or the

package/dist/editable.mjs

@@ -1,5 +1,5 @@
-import { $ as ln, B as Ht, Bt as H, C as er, D as mo, E as Se, F as go, Ft as vo, G as tr, H as Bt, Ht as B, I as X, J as fo, K as bo, L as W, Lt as nr, Mt as yo, Nt as Co, O as w, P as So, Pt as xo, Q as wo, R as $, S as To, T as Ao, Tt as rr, U as ot, V as ar, W as ko, Y as Lo, Z as Po, _ as or, b as Vt, c as Io, ct as Eo, d as Mo, et as No, f as ir, ft as Oo, g as Ro, h as Do, ht as ce, i as zo, j as _o, jt as lr, l as Fo, m as it, mt as Ho, n as de, o as Bo, ot as Vo, p as sr, pt as Go, q as cr, r as U, rt as lt, st as I, t as $o, tt as re, u as Wo, ut as Ee, v as dr, vt as st, w as Uo, wt as Ko, x as qo, y as xe, yt as J, z as Gt, zt as Zo } from "./history-chords-DYyA8P8x.js";
-import { n as ue, t as ur } from "./theme.contract.css-pudzI2o1.js";
+import { $ as ln, B as Ht, Bt as H, C as er, D as mo, E as Se, F as go, Ft as vo, G as tr, H as Bt, Ht as B, I as X, J as fo, K as bo, L as W, Lt as nr, Mt as yo, Nt as Co, O as w, P as So, Pt as xo, Q as wo, R as $, S as To, T as Ao, Tt as rr, U as ot, V as ar, W as ko, Y as Lo, Z as Po, _ as or, b as Vt, c as Io, ct as Eo, d as Mo, et as No, f as ir, ft as Oo, g as Ro, h as Do, ht as ce, i as zo, j as _o, jt as lr, l as Fo, m as it, mt as Ho, n as de, o as Bo, ot as Vo, p as sr, pt as Go, q as cr, r as U, rt as lt, st as I, t as $o, tt as re, u as Wo, ut as Ee, v as dr, vt as st, w as Uo, wt as Ko, x as qo, y as xe, yt as J, z as Gt, zt as Zo } from "./history-chords-B2TZO9S_.js";
+import { n as ue, t as ur } from "./theme.contract.css-DaZ5UPN0.js";
 import { ARROW_DEFAULTS as jo, ARROW_STICKER_DECLARATIONS as Xo, ARROW_STROKE_WIDTHS as Ct, AddAnnotationCommand as ve, AddHighlightCommand as Yo, BORDER_RADIUS_TOKENS as sn, COMBO_TYPES as cn, CONSTANT_VARIABLES as Jo, DEFAULT_BAR_BORDER_RADIUS as Qo, DEFAULT_POINT_SIZE as ei, DEFAULT_STROKE_WIDTH as ti, DIFFERENCE_ARROW_DEFAULTS as hr, DIFFERENCE_ARROW_SIZE_DECLARATIONS as dn, InternalError as ni, MAX_BAR_WIDTH as ri, MIN_BAR_WIDTH as ai, MoveAnnotationCommand as oi, RESTING_HOVER_STATE as pr, RemoveAnnotationCommand as Me, RemoveHighlightCommand as ii, SHAPE_DEFAULTS as li, SetAxisLabelCommand as si, SetAxisPositionCommand as ci, SetAxisTickModeCommand as di, SetAxisTicksVisibilityCommand as ui, SetAxisVisibilityCommand as hi, SetBarBorderRadiusCommand as pi, SetBarWidthCommand as mi, SetChartTypeCommand as mr, SetContentCaptionCommand as gr, SetContentSourceCommand as gi, SetContentSubtitleCommand as vr, SetContentTitleCommand as fr, SetDataLabelsFormatCommand as vi, SetDifferenceArrowStyleCommand as fi, SetGridLineStyleCommand as bi, SetGridLineWidthCommand as yi, SetGridVisibilityCommand as Ci, SetHeadlineCompareWithCommand as Si, SetHeadlinePositionCommand as xi, SetHeadlineShowCommand as un, SetHeadlineSizeCommand as wi, SetHighlightDimStyleCommand as Ti, SetLayerYScaleTypeCommand as Ai, SetLegendAlignCommand as ki, SetLegendDisplayCommand as Li, SetLegendPositionCommand as Pi, SetLineInterpolationCommand as Ii, SetLineMissingValuesCommand as Ei, SetLineWidthCommand as hn, SetMappingCommand as Mi, SetNumberFormatAbbreviationCommand as Ni, SetNumberFormatDecimalsCommand as pn, SetPointSizeCommand as Oi, SetPolarInnerRadiusCommand as Ri, SetPolarStartAngleCommand as Di, SetRuleLabelCommand as zi, SetRuleValueCommand as _i, SetScaleDomainCommand as We, SetScaleReverseCommand as Fi, SetScaleTransformCommand as Hi, SetScaleZeroCommand as mn, SetStatLineCommand as Bi, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Vi, TEXT_ANNOTATION_FADE_ALPHA as Gi, ToggleCategoryLabelsCommand as $i, ToggleContentVisibilityCommand as ct, ToggleDataLabelsCommand as Wi, ToggleGoalLineCommand as Ui, ToggleLineFillCommand as Ki, ToggleLinePointsVisibilityCommand as qi, ToggleStackTotalsCommand as Zi, UpdateAnnotationCommand as oe, alignUnitFractions as ji, areAnchorsEqual as br, areEndpointsComparable as Xi, buildEditMenuTriggerRegion as Yi, buildLayerStyleAddress as Ji, buildObservationPredicate as yr, buildObservationsTarget as kt, canAnchorDirectLabels as Qi, canBecomeCombo as el, canBecomeHeatmap as tl, canPlaceDataLabels as nl, clampAnnotationTranslation as rl, computeArrow as Cr, createObservationAnchorBuilder as al, createObservationAnchorParser as ol, createStyleResolver as dt, createValueFormatter as il, extractConstantValue as ll, extractVariableName as sl, filterLayersByGeoms as Lt, findAnnotation as cl, findAverageLineLayer as dl, findGoalLineLayer as ul, findHighlightsAtObservation as hl, findKindStyleDeclarations as pl, findLayerByGeom as Sr, findObservationAttachment as ml, findStyleRule as Ce, findTrendLineLayer as gl, formatDifferenceLabel as vl, hasMultipleGroups as fl, inferDefaultDifferenceArrowEndpoints as bl, inferDifferenceArrowEndpoints as yl, isComboChartType as ye, isCompanionLayer as xr, isObservationAttachmentKind as Cl, isPointWithinEditMenuTrigger as wr, isSafeUrl as Sl, projectAnchorToPanel as je, readBroadestObservationsScope as xl, readChartType as Tr, readComboLineLayerId as wl, readHighlightDimStyle as Tl, readMappableAesthetics as Al, readMappedVariable as kl, readObservationIndex as Ar, resolveBarBandFraction as Ll, resolveComparisonBasis as Pl, resolveGridLineStyle as Il, resolveObservationPoint as kr, resolveShapeAnnotationStyle as El, stepDifferenceArrowEndpoint as Ml, toPanelCursor as ut } from "@graphysdk/viz-engine";
 import { createContext as He, useCallback as se, useContext as Oe, useEffect as O, useId as Ie, useMemo as R, useRef as ne, useState as te } from "react";
 import { Fragment as Y, jsx as n, jsxs as p } from "react/jsx-runtime";
@@ -331,7 +331,7 @@ import './editable.css';var es = {
       title: "الخلفية",
       black: "أسود",
       white: "أبيض",
-      grey: "رمادي",
+      gray: "رمادي",
       tint: "صبغة",
       custom: "مخصص",
       none: "بدون"
@@ -345,7 +345,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "صلب",
       gradient: "متدرج",
-      grey: "رمادي",
+      gray: "رمادي",
       preset: "مسبق",
       custom: "مخصص",
       none: "بدون"
@@ -531,7 +531,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "حذف التمييز",
     highlightStyle: {
       tint: "صبغة",
-      grey: "رمادي"
+      gray: "رمادي"
     }
   },
   fineTunePanel: {
@@ -1102,7 +1102,7 @@ import './editable.css';var es = {
       title: "Background",
       black: "Black",
       white: "White",
-      grey: "Grey",
+      gray: "Grey",
       tint: "Tint",
       custom: "Custom",
       none: "None"
@@ -1116,7 +1116,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "Solid",
       gradient: "Gradient",
-      grey: "Grey",
+      gray: "Grey",
       preset: "Preset",
       custom: "Custom",
       none: "None"
@@ -1302,7 +1302,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "Delete highlight",
     highlightStyle: {
       tint: "Tint",
-      grey: "Grey"
+      gray: "Grey"
     }
   },
   fineTunePanel: {
@@ -1580,10 +1580,10 @@ import './editable.css';var es = {
   graph: is
 }, ss = {
   colorPanel: {
-    backgroundSection: { grey: "Gray" },
-    borderType: { grey: "Gray" }
+    backgroundSection: { gray: "Gray" },
+    borderType: { gray: "Gray" }
   },
-  highlighting: { highlightStyle: { grey: "Gray" } }
+  highlighting: { highlightStyle: { gray: "Gray" } }
 }, cs = { editor: ss }, ds = {
   save: "Guardar",
   cancel: "Cancelar",
@@ -1878,7 +1878,7 @@ import './editable.css';var es = {
       title: "Fundo",
       black: "Preto",
       white: "Branco",
-      grey: "Cinzento",
+      gray: "Cinzento",
       tint: "Tonalidade",
       custom: "Personalizado",
       none: "Nenhum"
@@ -1892,7 +1892,7 @@ import './editable.css';var es = {
     borderType: {
       solid: "Sólido",
       gradient: "Gradiente",
-      grey: "Cinzento",
+      gray: "Cinzento",
       preset: "Predefinido",
       custom: "Personalizado",
       none: "Nenhum"
@@ -2078,7 +2078,7 @@ import './editable.css';var es = {
     deleteAriaLabel: "Eliminar realce",
     highlightStyle: {
       tint: "Tonalidade",
-      grey: "Cinzento"
+      gray: "Cinzento"
     }
   },
   fineTunePanel: {
@@ -6635,7 +6635,7 @@ var s1 = "_1tyillx1", c1 = {
         width: A.width,
         height: A.height
       });
-      const ee = s.query(ut(q, A), g ?? void 0), { layers: Ae, scales: me, config: De } = i.getState().compiled;
+      const ee = s.query(ut(q, A), g ?? void 0), { layers: Ae, scales: me, config: De } = i.getState().scene;
       return S1({
         hover: ee,
         layers: Ae,
@@ -6709,7 +6709,7 @@ var s1 = "_1tyillx1", c1 = {
       A.kind !== "keep-caret" && (l.getState().setCaret(null), E(f, A));
     }, x = (f) => {
       if (Mt(f.target)) return;
-      const A = P(f), { layers: q, config: ee } = i.getState().compiled, Ae = A === null ? null : x1(A, q, ee.parsingLocale);
+      const A = P(f), { layers: q, config: ee } = i.getState().scene, Ae = A === null ? null : x1(A, q, ee.parsingLocale);
       if (A !== null && Ae !== null) {
         o.getState().setSelection([Ae]), l.getState().setPressContext({
           point: D(f),
@@ -8025,7 +8025,7 @@ var Bp = "_40zvwv8", K = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!o) return null;
   const c = dt().chromeReaders(o.chrome).graph.get("borderRadius"), u = Tl(o.spec), d = Un.map((m) => ({
     value: m,
-    label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.grey")
+    label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), h = (m) => {
     const v = Ce(o.spec.styles.overrides, o2)?.declarations ?? {};
     a.commands.dispatch(new Ne({

package/dist/graph-config.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.contract.css-CEjZ4rbL.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-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;

package/dist/graph-config.d.ts

@@ -24,17 +24,17 @@ declare const vars: {
     white: `var(--${string})`;
     black: `var(--${string})`;
     transparent: `var(--${string})`;
-    grey100: `var(--${string})`;
-    grey95: `var(--${string})`;
-    grey90: `var(--${string})`;
-    grey85: `var(--${string})`;
-    grey80: `var(--${string})`;
-    grey75: `var(--${string})`;
-    grey70: `var(--${string})`;
-    grey60: `var(--${string})`;
-    grey50: `var(--${string})`;
-    grey0: `var(--${string})`;
-    greyGradient80: `var(--${string})`;
+    gray100: `var(--${string})`;
+    gray95: `var(--${string})`;
+    gray90: `var(--${string})`;
+    gray85: `var(--${string})`;
+    gray80: `var(--${string})`;
+    gray75: `var(--${string})`;
+    gray70: `var(--${string})`;
+    gray60: `var(--${string})`;
+    gray50: `var(--${string})`;
+    gray0: `var(--${string})`;
+    grayGradient80: `var(--${string})`;
     green60: `var(--${string})`;
     green50: `var(--${string})`;
     red60: `var(--${string})`;

package/dist/graph-config.mjs

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