@graphysdk/react-renderer 1.8.1-beta.1786354953172 → 1.8.1-beta.1786389092271

package/dist/editable.css

@@ -1 +1 @@
-.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%}.q7gcrz2{pointer-events:none;position:absolute}.q7gcrz3{box-sizing:border-box;pointer-events:auto;block-size:36px;max-inline-size:100%;transform:translateX(clamp(0px, calc(var(--q7gcrz0) - 50%), calc(var(--q7gcrz1) - 100%)));position:absolute;top:0}.q7gcrz3: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}.q7gcrz3: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}.q7gcrz3:-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}.q7gcrz3: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}.q7gcrz4{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz5{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz6{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.q7gcrz7{z-index:var(--graphy-z-index-editor-popover)}.q7gcrz8{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}.q7gcrz9{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}.q7gcrz9[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.q7gcrz9[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.q7gcrz9[data-disabled]{cursor:default;opacity:.5}.q7gcrza{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrzb{color:var(--graphy-alert)}.q7gcrzc{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}.q7gcrzc:hover:not(:disabled){background:var(--graphy-toolbar-button-background-color-hovered)}.q7gcrzc[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.q7gcrzc:disabled{cursor:default;opacity:.5}.q7gcrzd{inline-size:28px;padding:0}.q7gcrze{min-inline-size:0}.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}.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);border-radius:6px;position:absolute}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.woi4bh3:active:not(:disabled){background:var(--graphy-sunken-background)}.woi4bh3:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.woi4bh4{background:var(--graphy-raised-background);border-color:var(--graphy-border-10);inline-size:100%;color:var(--graphy-text-primary)}.woi4bh4:hover:not(:disabled){border-color:var(--graphy-border-50)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:var(--graphy-raised-background);color:var(--graphy-text-secondary);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-text-primary)}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);-webkit-user-select:none;user-select:none;flex-shrink:0}._1b7s5f0{gap:var(--graphy-space-xs);inline-size:100%;display:grid}._1b7s5f1{grid-template-columns:repeat(1,minmax(0,1fr))}._1b7s5f2{grid-template-columns:repeat(2,minmax(0,1fr))}._1b7s5f3{grid-template-columns:repeat(3,minmax(0,1fr))}._1b7s5f4{grid-template-columns:repeat(4,minmax(0,1fr))}._1b7s5f5{grid-template-columns:repeat(5,minmax(0,1fr))}._1b7s5f6{grid-template-columns:repeat(6,minmax(0,1fr))}._1b7s5f7{justify-content:center;align-items:center;gap:var(--graphy-space-xxs);min-block-size:48px;padding:var(--graphy-space-xs);background:var(--graphy-raised-background);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-secondary);font-size:var(--graphy-font-size-xxs);border:1px solid #0000;flex-direction:column;transition:color .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}._1b7s5f7:hover:not([data-disabled]){color:var(--graphy-text-primary)}._1b7s5f7:active:not([data-disabled]){background:var(--graphy-sunken-background)}._1b7s5f7[data-checked]{border-color:var(--graphy-brand);color:var(--graphy-text-primary)}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1b7s5f7[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1b7s5f8{min-block-size:0;padding:var(--graphy-space-xs)}._1b7s5f9{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}._1g5x15w0{cursor:pointer}._1g5x15w1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}._1g5x15w2{color:var(--graphy-text-disabled)}._1g5x15w3{color:var(--graphy-icon-secondary);flex-shrink:0;align-items:center;display:flex}._1g5x15w4{z-index:var(--graphy-z-index-toolbar-popover)}._1g5x15w5{gap:var(--graphy-space-xxs);max-block-size:min(320px, var(--available-height));padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex;overflow-y:auto}._1g5x15w6{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-xs) var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);-webkit-user-select:none;user-select:none;outline:none;transition:background .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:flex}._1g5x15w6[data-highlighted],._1g5x15w6[data-selected]{background:var(--graphy-raised-background)}._1g5x15w6[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:var(--graphy-text-secondary);font:var(--graphy-font-select-description)}.vod76w0{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;display:flex}.vod76w1{min-inline-size:0;block-size:var(--graphy-editor-control-height);flex:1;padding-inline-start:11px;padding-inline-end:11px}.vod76w1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.vod76w2{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.vod76w2[data-disabled]{cursor:not-allowed}.vod76w3{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.vod76w4{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%);border-radius:999px;block-size:100%;transition:background .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w4{background:var(--graphy-brand)}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-brand)}.vod76w4[data-dragging]{background:var(--graphy-brand)}.vod76w5{background:var(--graphy-grey-100);border:1px solid var(--graphy-border-50);block-size:14px;inline-size:14px;box-shadow:var(--graphy-elevation-xs);cursor:grab;border-radius:50%;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w5,.vod76w5[data-dragging]{border-color:var(--graphy-border-100);box-shadow:0 0 0 4px color-mix(in srgb, transparent, var(--graphy-brand) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);text-align:end;font-variant-numeric:tabular-nums;flex-shrink:0}._1hyrlw60{pointer-events:auto;background:var(--graphy-border-10);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;block-size:20px;inline-size:36px;padding:0;transition:background .12s;position:relative}._1hyrlw60[data-checked]{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1hyrlw60[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1hyrlw61{block-size:16px;inline-size:16px;margin:var(--graphy-space-xxs);background:var(--graphy-grey-100);box-shadow:var(--graphy-elevation-xs);border-radius:50%;transition:translate .12s,background .12s;display:block}._1hyrlw61[data-checked]{background:var(--graphy-brand);translate:16px}.tpcnun0{cursor:text}.cnu9yl0{inline-size:100%;padding:var(--graphy-space-xxs);gap:var(--graphy-space-xxs);background:var(--graphy-sunken-background);border-radius:var(--graphy-radii-md);display:flex}.cnu9yl1{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:calc(var(--graphy-editor-control-height) - var(--graphy-space-xxs) * 2);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);white-space:nowrap;background:0 0;border:none;flex:auto;transition:color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.cnu9yl1:hover:not([data-disabled]):not([data-checked]){color:var(--graphy-text-primary)}.cnu9yl1:active:not([data-disabled]):not([data-checked]){background:var(--graphy-raised-background)}.cnu9yl1[data-checked]{background:var(--graphy-default-background);box-shadow:var(--graphy-elevation-xs);color:var(--graphy-text-primary)}.cnu9yl1:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.cnu9yl1[data-checked]:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.cnu9yl1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.cnu9yl2{gap:var(--graphy-space-xs);block-size:auto;min-block-size:34px;padding-block:var(--graphy-space-sm);font-size:var(--graphy-font-size-xxs);flex-direction:column;padding-inline-start:0;padding-inline-end:0}.cnu9yl3{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}._12lhx9e0{align-items:center;gap:var(--graphy-space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._139ohwv0{gap:var(--graphy-space-md);flex-direction:column;display:flex}._1jlczkt0{background:var(--graphy-default-background);inline-size:100%;color:var(--graphy-text-primary);font-family:var(--graphy-font-family-default);font-weight:var(--graphy-font-weight-medium);-webkit-user-select:none;user-select:none;font-size:calc(10px * var(--graphy-text-scale));flex-direction:column;display:flex;overflow:hidden auto}.pr583x0{gap:var(--graphy-space-xxs);flex-direction:column;display:flex}.pr583x1{align-items:center;gap:var(--graphy-space-sm);min-block-size:var(--graphy-editor-control-height);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pr583x2{justify-content:flex-end;inline-size:100%;min-inline-size:0;display:flex}.pr583x3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-label);line-height:var(--graphy-editor-control-height);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}._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}}
+.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%}.q7gcrz2{pointer-events:none;position:absolute}.q7gcrz3{box-sizing:border-box;pointer-events:auto;block-size:36px;max-inline-size:100%;transform:translateX(clamp(0px, calc(var(--q7gcrz0) - 50%), calc(var(--q7gcrz1) - 100%)));position:absolute;top:0}.q7gcrz3: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}.q7gcrz3: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}.q7gcrz3:-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}.q7gcrz3: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}.q7gcrz4{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz5{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz6{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.q7gcrz7{z-index:var(--graphy-z-index-editor-popover)}.q7gcrz8{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}.q7gcrz9{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}.q7gcrz9[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.q7gcrz9[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.q7gcrz9[data-disabled]{cursor:default;opacity:.5}.q7gcrza{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrzb{color:var(--graphy-alert)}.q7gcrzc{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}.q7gcrzc:hover:not(:disabled){background:var(--graphy-toolbar-button-background-color-hovered)}.q7gcrzc[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.q7gcrzc:disabled{cursor:default;opacity:.5}.q7gcrzd{inline-size:28px;padding:0}.q7gcrze{min-inline-size:0}.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}.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);border-radius:6px;position:absolute}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.woi4bh3:active:not(:disabled){background:var(--graphy-sunken-background)}.woi4bh3:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.woi4bh4{background:var(--graphy-raised-background);border-color:var(--graphy-border-10);inline-size:100%;color:var(--graphy-text-primary)}.woi4bh4:hover:not(:disabled){border-color:var(--graphy-border-50)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:var(--graphy-raised-background);color:var(--graphy-text-secondary);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-text-primary)}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);-webkit-user-select:none;user-select:none;flex-shrink:0}._1b7s5f0{gap:var(--graphy-space-xs);inline-size:100%;display:grid}._1b7s5f1{grid-template-columns:repeat(1,minmax(0,1fr))}._1b7s5f2{grid-template-columns:repeat(2,minmax(0,1fr))}._1b7s5f3{grid-template-columns:repeat(3,minmax(0,1fr))}._1b7s5f4{grid-template-columns:repeat(4,minmax(0,1fr))}._1b7s5f5{grid-template-columns:repeat(5,minmax(0,1fr))}._1b7s5f6{grid-template-columns:repeat(6,minmax(0,1fr))}._1b7s5f7{justify-content:center;align-items:center;gap:var(--graphy-space-xxs);min-block-size:48px;padding:var(--graphy-space-xs);background:var(--graphy-raised-background);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-secondary);font-size:var(--graphy-font-size-xxs);border:1px solid #0000;flex-direction:column;transition:color .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}._1b7s5f7:hover:not([data-disabled]){color:var(--graphy-text-primary)}._1b7s5f7:active:not([data-disabled]){background:var(--graphy-sunken-background)}._1b7s5f7[data-checked]{border-color:var(--graphy-brand);color:var(--graphy-text-primary)}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1b7s5f7[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1b7s5f8{min-block-size:0;padding:var(--graphy-space-xs)}._1b7s5f9{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}._1g5x15w0{cursor:pointer}._1g5x15w1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}._1g5x15w2{color:var(--graphy-text-disabled)}._1g5x15w3{color:var(--graphy-icon-secondary);flex-shrink:0;align-items:center;display:flex}._1g5x15w4{z-index:var(--graphy-z-index-toolbar-popover)}._1g5x15w5{gap:var(--graphy-space-xxs);max-block-size:min(320px, var(--available-height));padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex;overflow-y:auto}._1g5x15w6{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-xs) var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);-webkit-user-select:none;user-select:none;outline:none;transition:background .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:flex}._1g5x15w6[data-highlighted],._1g5x15w6[data-selected]{background:var(--graphy-raised-background)}._1g5x15w6[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:var(--graphy-text-secondary);font:var(--graphy-font-select-description)}.vod76w0{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;display:flex}.vod76w1{min-inline-size:0;block-size:var(--graphy-editor-control-height);flex:1;padding-inline-start:11px;padding-inline-end:11px}.vod76w1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.vod76w2{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.vod76w2[data-disabled]{cursor:not-allowed}.vod76w3{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.vod76w4{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%);border-radius:999px;block-size:100%;transition:background .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w4{background:var(--graphy-brand)}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-brand)}.vod76w4[data-dragging]{background:var(--graphy-brand)}.vod76w5{background:var(--graphy-grey-100);border:1px solid var(--graphy-border-50);block-size:14px;inline-size:14px;box-shadow:var(--graphy-elevation-xs);cursor:grab;border-radius:50%;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w5,.vod76w5[data-dragging]{border-color:var(--graphy-border-100);box-shadow:0 0 0 4px color-mix(in srgb, transparent, var(--graphy-brand) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);text-align:end;font-variant-numeric:tabular-nums;flex-shrink:0}._1hyrlw60{pointer-events:auto;background:var(--graphy-border-10);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;block-size:20px;inline-size:36px;padding:0;transition:background .12s;position:relative}._1hyrlw60[data-checked]{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1hyrlw60[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1hyrlw61{block-size:16px;inline-size:16px;margin:var(--graphy-space-xxs);background:var(--graphy-grey-100);box-shadow:var(--graphy-elevation-xs);border-radius:50%;transition:translate .12s,background .12s;display:block}._1hyrlw61[data-checked]{background:var(--graphy-brand);translate:16px}.tpcnun0{cursor:text}.cnu9yl0{inline-size:100%;padding:var(--graphy-space-xxs);gap:var(--graphy-space-xxs);background:var(--graphy-sunken-background);border-radius:var(--graphy-radii-md);display:flex}.cnu9yl1{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:calc(var(--graphy-editor-control-height) - var(--graphy-space-xxs) * 2);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);white-space:nowrap;background:0 0;border:none;flex:auto;transition:color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.cnu9yl1:hover:not([data-disabled]):not([data-checked]){color:var(--graphy-text-primary)}.cnu9yl1:active:not([data-disabled]):not([data-checked]){background:var(--graphy-raised-background)}.cnu9yl1[data-checked]{background:var(--graphy-default-background);box-shadow:var(--graphy-elevation-xs);color:var(--graphy-text-primary)}.cnu9yl1:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.cnu9yl1[data-checked]:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.cnu9yl1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.cnu9yl2{gap:var(--graphy-space-xs);block-size:auto;min-block-size:34px;padding-block:var(--graphy-space-sm);font-size:var(--graphy-font-size-xxs);flex-direction:column;padding-inline-start:0;padding-inline-end:0}.cnu9yl3{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}._12lhx9e0{align-items:center;gap:var(--graphy-space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._139ohwv0{gap:var(--graphy-space-md);flex-direction:column;display:flex}._1jlczkt0{background:var(--graphy-default-background);inline-size:100%;color:var(--graphy-text-primary);font-family:var(--graphy-font-family-default);font-weight:var(--graphy-font-weight-medium);-webkit-user-select:none;user-select:none;font-size:calc(10px * var(--graphy-text-scale));flex-direction:column;display:flex;overflow:hidden auto}.pr583x0{gap:var(--graphy-space-xxs);flex-direction:column;display:flex}.pr583x1{align-items:center;gap:var(--graphy-space-sm);min-block-size:var(--graphy-editor-control-height);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pr583x2{justify-content:flex-end;inline-size:100%;min-inline-size:0;display:flex}.pr583x3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-label);line-height:var(--graphy-editor-control-height);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}._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

@@ -125,6 +125,12 @@ declare type ButtonContentProps = {
  */
 export declare type ButtonControlProps = ButtonBaseProps & ButtonContentProps;
 
+/**
+ * Each tile writes a whole annotation on one press: the spec cannot hold an annotation with no
+ * position, so there is no draw-it-on-the-chart gesture.
+ */
+export declare const CalloutsSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
 /**
  * Whether the chart shows its caption, and what it says.
  *
@@ -225,13 +231,13 @@ declare const dictionaries: {
             readonly description: "Edit your content here";
             readonly graphTypes: {
                 readonly column: "Column";
-                readonly columnStacked: "Stacked";
-                readonly columnStackedFill: "100% Stacked";
+                readonly columnStacked: "Stacked column";
+                readonly columnStackedFill: "100% stacked column";
                 readonly bar: "Bar";
-                readonly barStacked: "Stacked";
-                readonly barStackedFill: "100% Stacked";
+                readonly barStacked: "Stacked bar";
+                readonly barStackedFill: "100% stacked bar";
                 readonly line: "Line";
-                readonly areaStacked: "Stacked Area";
+                readonly areaStacked: "Stacked area";
                 readonly pie: "Pie";
                 readonly donut: "Donut";
                 readonly scatter: "Scatter";
@@ -558,11 +564,11 @@ declare const dictionaries: {
             readonly annotatePanel: {
                 readonly toolbarButton: "Annotate";
                 readonly callOutSection: {
-                    readonly title: "Call-out";
+                    readonly title: "Callouts";
                     readonly text: "Text";
                     readonly arrow: "Arrow";
                     readonly box: "Box";
-                    readonly differenceArrows: "Difference arrows";
+                    readonly difference: "Difference";
                 };
                 readonly highlightSection: {
                     readonly title: "Highlight";
@@ -1063,11 +1069,11 @@ declare const dictionaries: {
             readonly description: "قم بتحرير المحتوى الخاص بك هنا";
             readonly graphTypes: {
                 readonly column: "أعمدة";
-                readonly columnStacked: "مكدس";
-                readonly columnStackedFill: "مكدس 100%";
+                readonly columnStacked: "أعمدة مكدسة";
+                readonly columnStackedFill: "أعمدة مكدسة 100%";
                 readonly bar: "شريطي";
-                readonly barStacked: "مكدس";
-                readonly barStackedFill: "مكدس 100%";
+                readonly barStacked: "أشرطة مكدسة";
+                readonly barStackedFill: "أشرطة مكدسة 100%";
                 readonly line: "خطي";
                 readonly areaStacked: "مساحة مكدسة";
                 readonly pie: "دائري";
@@ -1396,11 +1402,11 @@ declare const dictionaries: {
             readonly annotatePanel: {
                 readonly toolbarButton: "التعليقات";
                 readonly callOutSection: {
-                    readonly title: "وسيلة الشرح";
+                    readonly title: "وسائل الشرح";
                     readonly text: "نص";
                     readonly arrow: "سهم";
                     readonly box: "مربع";
-                    readonly differenceArrows: "أسهم الفرق";
+                    readonly difference: "الفرق";
                 };
                 readonly highlightSection: {
                     readonly title: "التمييز";
@@ -2233,11 +2239,11 @@ declare const dictionaries: {
             readonly annotatePanel: {
                 readonly toolbarButton: "Anotar";
                 readonly callOutSection: {
-                    readonly title: "Destaque";
+                    readonly title: "Destaques";
                     readonly text: "Texto";
                     readonly arrow: "Seta";
                     readonly box: "Caixa";
-                    readonly differenceArrows: "Setas de diferença";
+                    readonly difference: "Diferença";
                 };
                 readonly highlightSection: {
                     readonly title: "Realce";
@@ -2794,13 +2800,13 @@ declare const EN_GB: {
         readonly description: "Edit your content here";
         readonly graphTypes: {
             readonly column: "Column";
-            readonly columnStacked: "Stacked";
-            readonly columnStackedFill: "100% Stacked";
+            readonly columnStacked: "Stacked column";
+            readonly columnStackedFill: "100% stacked column";
             readonly bar: "Bar";
-            readonly barStacked: "Stacked";
-            readonly barStackedFill: "100% Stacked";
+            readonly barStacked: "Stacked bar";
+            readonly barStackedFill: "100% stacked bar";
             readonly line: "Line";
-            readonly areaStacked: "Stacked Area";
+            readonly areaStacked: "Stacked area";
             readonly pie: "Pie";
             readonly donut: "Donut";
             readonly scatter: "Scatter";
@@ -3127,11 +3133,11 @@ declare const EN_GB: {
         readonly annotatePanel: {
             readonly toolbarButton: "Annotate";
             readonly callOutSection: {
-                readonly title: "Call-out";
+                readonly title: "Callouts";
                 readonly text: "Text";
                 readonly arrow: "Arrow";
                 readonly box: "Box";
-                readonly differenceArrows: "Difference arrows";
+                readonly difference: "Difference";
             };
             readonly highlightSection: {
                 readonly title: "Highlight";
@@ -3769,6 +3775,13 @@ declare interface GraphSlots {
     AxisLabel?: SlotOverride<AxisLabelSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
 }
 
+/**
+ * What the chart *is*: a column chart, a stacked bar, a donut. Pictures rather than words, since a
+ * type is a shape. Read back off the spec rather than stored beside it, so a chart built by hand or
+ * by an agent lights up the option that describes it.
+ */
+export declare const GraphTypeSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
 /**
  * Visibility switches per direction, since a chart often wants horizontal rules and no vertical ones.
  * Style and thickness stay shared: two directions styled apart read as two grids rather than one.