@graphysdk/react-renderer 1.9.0-beta.1791362672521 → 1.9.0-beta.1791366796483

package/dist/editable.css

@@ -1 +1 @@
-.d0bl00{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}.d0bl00:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl00[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl01{border:1px solid var(--graphy-border-100);box-sizing:border-box;border-radius:50%;block-size:16px;inline-size:16px}.d0bl02{flex-shrink:0;block-size:8px;inline-size:8px}.d0bl03{z-index:var(--graphy-z-index-editor-popover)}.d0bl04{gap:var(--graphy-space-lg);min-inline-size:220px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl05{gap:var(--graphy-space-sm);flex-direction:column;display:flex}.d0bl06{font:var(--graphy-font-menu-group-title);color:var(--graphy-text-secondary)}.d0bl07{grid-template-columns:repeat(6,1fr);display:grid}.d0bl08{border-radius:var(--graphy-radii-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;block-size:28px;inline-size:28px;padding:0;display:inline-flex}.d0bl08:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.d0bl08[data-active=true]{background:var(--graphy-toolbar-button-background-color-selected)}.d0bl09{box-sizing:border-box;border-radius:50%;block-size:1.6em;inline-size:1.6em}.d0bl0a{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-gray-80);border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-gray-70);color:var(--graphy-text-primary);font:var(--graphy-font-input);cursor:pointer;text-align:start;display:flex}.d0bl0a:hover{border-color:var(--graphy-gray-70)}.d0bl0a:focus-visible{border-color:var(--graphy-gray-60);outline:none}.d0bl0a[data-popup-open]{border-color:var(--graphy-gray-60)}.d0bl0b{font:var(--graphy-font-input);color:var(--graphy-text-primary);flex:1}.d0bl0c{gap:var(--graphy-space-md);inline-size:240px;padding:var(--graphy-space-lg);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);flex-direction:column;display:flex}.d0bl0d{block-size:auto!important;inline-size:100%!important}.d0bl0d .react-colorful__saturation{aspect-ratio:1;border-radius:var(--graphy-radii-md);border:1px solid var(--graphy-gray-70);inline-size:100%;margin-bottom:var(--graphy-space-sm);box-sizing:border-box}.d0bl0d .react-colorful__hue{border-radius:var(--graphy-radii-sm);border:1px solid var(--graphy-gray-70);box-sizing:border-box;block-size:16px}.d0bl0d .react-colorful__pointer{border:2px solid var(--graphy-white);block-size:18px;inline-size:18px;box-shadow:var(--graphy-elevation-sm)}.d0bl0d .react-colorful__saturation-pointer,.d0bl0d .react-colorful__hue-pointer{border-radius:50%}.d0bl0e{inline-size:100%;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-gray-80);border:1px solid var(--graphy-gray-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);text-transform:uppercase;outline:none}.d0bl0e:hover{border-color:var(--graphy-gray-70)}.d0bl0e:focus{border-color:var(--graphy-gray-60)}.owf1yg0{block-size:14px;inline-size:100%;padding-inline-start:7px;padding-inline-end:7px}.owf1yg1{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.owf1yg2{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.owf1yg3{background:var(--graphy-text-primary);border-radius:999px;block-size:100%}.owf1yg4{background:var(--graphy-text-primary);border-radius:50%;block-size:14px;inline-size:14px}.owf1yg4:focus-visible{outline:2px solid var(--graphy-brand);outline-offset:2px}.l9kff0{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-toolbar-background-color);border-radius:var(--graphy-radii-lg);display:flex}.l9kff0:before{content:"";pointer-events:none;border-radius:var(--graphy-radii-lg);background:var(--graphy-overlay-border-gradient) border-box;-webkit-mask-composite:xor;border:1px solid #0000;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.l9kff1{padding-inline:var(--graphy-space-xs);align-items:center;gap:var(--graphy-space-xxs);display:flex}.l9kff2{background:var(--graphy-toolbar-separator-color);width:1px;height:16px}.xn24px0{z-index:var(--graphy-z-index-editor-popover)}.xn24px1{min-inline-size:200px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}.xn24px2{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;display:flex}.xn24px2[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}.xn24px2[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.xn24px2[data-disabled]{cursor:default;opacity:.5}._70l3rt0{justify-content:center;align-items:center;gap:var(--graphy-space-xs);block-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;display:inline-flex}._70l3rt0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}._70l3rt1{white-space:nowrap;align-items:center;display:inline-flex}._70l3rt2{flex-shrink:0;block-size:10px;inline-size:10px}._70l3rt3{z-index:var(--graphy-z-index-toolbar-popover)}._70l3rt4{min-inline-size:180px;padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex}._70l3rt5{padding:var(--graphy-space-sm) var(--graphy-space-md);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-menu-item-label);-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}._70l3rt5[data-highlighted]{background:var(--graphy-toolbar-button-background-color-hovered)}._70l3rt5[data-selected=true]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s0{block-size:32px;min-inline-size:32px;padding:0 var(--graphy-space-sm);background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-button);border:none;justify-content:center;align-items:center;display:inline-flex}.fop13s0:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.fop13s0[data-active=true],.fop13s0[data-popup-open]{background:var(--graphy-toolbar-button-background-color-selected)}.fop13s1{z-index:var(--graphy-z-index-toolbar-popover)}.fop13s2{align-items:center;gap:var(--graphy-space-xs);padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;display:flex}.fop13s3{inline-size:220px;padding:var(--graphy-space-xs) var(--graphy-space-sm);background:var(--graphy-gray-80);border:1px solid var(--graphy-gray-70);border-radius:var(--graphy-radii-md);color:var(--graphy-text-primary);font:var(--graphy-font-input);outline:none}.fop13s3:hover{border-color:var(--graphy-gray-70)}.fop13s3:focus{border-color:var(--graphy-gray-60)}.fop13s4{background:var(--graphy-toolbar-button-background-color);border-radius:var(--graphy-radii-md);cursor:pointer;block-size:32px;min-inline-size:32px;color:var(--graphy-text-primary);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fop13s4:hover{background:var(--graphy-toolbar-button-background-color-hovered)}.srewh00{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-editor-tooltip-background,var(--graphy-text-primary));color:var(--graphy-editor-tooltip-text,var(--graphy-default-background));border-radius:var(--graphy-editor-tooltip-radius,var(--graphy-radii-xs));font:var(--graphy-editor-tooltip-font,var(--graphy-font-uitooltip-secondary))}.srewh01{z-index:var(--graphy-z-index-editor-popover)}@supports (text-box:trim-both cap alphabetic){.srewh00{text-box:trim-both cap alphabetic;padding-block-start:.65em;padding-block-end:.65em}}._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{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)}._10d2ycx1{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}._10d2ycx2 *{fill:inherit;stroke:inherit;stroke-width:calc(var(--n5vlnq0,0px) + var(--_10d2ycx0));stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:none;opacity:1}._10d2ycx2 [data-edit-outline-stroke],._10d2ycx2 [data-edit-outline-stroke] *{fill:none}.cml7ha0{display:contents}.kwvn4c0{z-index:var(--graphy-z-index-editor-popover)}.kwvn4c0[data-anchor-hidden]{opacity:0;pointer-events:none}.kwvn4c1{gap:var(--graphy-space-sm);inline-size:max-content;min-inline-size:min(var(--graphy-editor-menu-min-width,220px), var(--available-width,100vw));max-inline-size:min(var(--graphy-editor-menu-max-width,280px), var(--available-width,100vw));max-block-size:var(--available-height,60vh);padding:var(--graphy-editor-menu-padding,var(--graphy-space-md));background:var(--graphy-editor-menu-background,var(--graphy-overlay-background));border:1px solid var(--graphy-editor-menu-border,var(--graphy-border-10));border-radius:var(--graphy-editor-menu-radius,var(--graphy-radii-md));box-shadow:var(--graphy-editor-menu-shadow,var(--graphy-elevation-md));color:var(--graphy-editor-menu-text,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;overflow:auto}.kwvn4c1[data-starting-style]{opacity:0;transform:scale(.92)}@media (prefers-reduced-motion:reduce){.kwvn4c1{transition:none}}.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}.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}._1xgvyvc0{gap:inherit;flex-direction:column;display:flex}._1xgvyvc1{color:inherit;font:var(--graphy-editor-menu-title-font,var(--graphy-font-menu-item-label));margin:0}.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}._1me29t10{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute}._1me29t10:active{cursor:grabbing}._1me29t10:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.q7gcrz0{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz1{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz2{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrz3{color:var(--graphy-alert)}.ydgo3h0{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.ydgo3h0:active{cursor:grabbing}.ydgo3h0:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.ydgo3h1{box-sizing:border-box;background:var(--graphy-graph-background);border:2px solid var(--graphy-annotation-outline-color);border-radius:50%;width:10px;height:10px}.ydgo3h2{box-sizing:border-box;border:2px solid var(--graphy-annotation-outline-color);position:absolute}._1ee8fau0{box-sizing:border-box;border-style:solid;border-width:2px;border-radius:4px;position:absolute}._1ee8fau1{border-color:color-mix(in srgb, var(--graphy-annotation-outline-color) 50%, transparent)}._1ee8fau2{border-color:var(--graphy-annotation-outline-color)}._1ee8fau3{box-sizing:border-box;background:var(--graphy-graph-background);border-style:solid;border-width:2px;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute}._1ee8fau4{border-color:color-mix(in srgb, var(--graphy-annotation-outline-color) 50%, transparent)}._1ee8fau5{border-color:var(--graphy-annotation-outline-color)}.o49ib40{box-sizing:border-box;background:var(--graphy-annotation-outline-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:10px;height:10px}.o49ib41{box-sizing:border-box;background:var(--graphy-annotation-outline-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:12px;height:12px}.o49ib42{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib42[role=button]{cursor:ew-resize}.o49ib42:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib43{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib43[role=button]{cursor:nwse-resize}.o49ib43:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib44{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib44[role=button]{cursor:nesw-resize}.o49ib44:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}.woi4bh3:active:not(:disabled){background:var(--graphy-sunken-background)}.woi4bh3:disabled{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.woi4bh4{background:var(--graphy-raised-background);border-color:var(--graphy-border-10);inline-size:100%;color:var(--graphy-text-primary)}.woi4bh4:hover:not(:disabled){border-color:var(--graphy-border-50)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:var(--graphy-raised-background);color:var(--graphy-text-secondary);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-text-primary)}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:var(--graphy-text-secondary);font:var(--graphy-font-editor-caption);-webkit-user-select:none;user-select:none;flex-shrink:0}._1b7s5f0{gap:var(--graphy-space-xs);inline-size:100%;display:grid}._1b7s5f1{grid-template-columns:repeat(1,minmax(0,1fr))}._1b7s5f2{grid-template-columns:repeat(2,minmax(0,1fr))}._1b7s5f3{grid-template-columns:repeat(3,minmax(0,1fr))}._1b7s5f4{grid-template-columns:repeat(4,minmax(0,1fr))}._1b7s5f5{grid-template-columns:repeat(5,minmax(0,1fr))}._1b7s5f6{grid-template-columns:repeat(6,minmax(0,1fr))}._1b7s5f7{justify-content:center;align-items:center;gap:var(--graphy-space-xxs);min-block-size:48px;padding:var(--graphy-space-xs);background:var(--graphy-raised-background);border-radius:var(--graphy-radii-md);cursor:pointer;color:var(--graphy-text-secondary);font-size:var(--graphy-font-size-xxs);border:1px solid #0000;flex-direction:column;transition:color .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),background .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}._1b7s5f7:hover:not([data-disabled]){color:var(--graphy-text-primary)}._1b7s5f7:active:not([data-disabled]){background:var(--graphy-sunken-background)}._1b7s5f7[data-checked]{border-color:var(--graphy-brand);color:var(--graphy-text-primary)}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1b7s5f7[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1b7s5f8{min-block-size:0;padding:var(--graphy-space-xs)}._1b7s5f9{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}._1g5x15w0{cursor:pointer}._1g5x15w1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}._1g5x15w2{color:var(--graphy-text-disabled)}._1g5x15w3{color:var(--graphy-icon-secondary);flex-shrink:0;align-items:center;display:flex}._1g5x15w4{z-index:var(--graphy-z-index-toolbar-popover)}._1g5x15w5{gap:var(--graphy-space-xxs);max-block-size:min(320px, var(--available-height));padding:var(--graphy-space-xs);background:var(--graphy-overlay-background);border:1px solid var(--graphy-border-10);border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-text-primary);outline:none;flex-direction:column;display:flex;overflow-y:auto}._1g5x15w6{align-items:center;gap:var(--graphy-space-sm);padding:var(--graphy-space-xs) var(--graphy-space-sm);border-radius:var(--graphy-radii-sm);cursor:pointer;color:var(--graphy-text-primary);font:var(--graphy-font-editor-control-value);-webkit-user-select:none;user-select:none;outline:none;transition:background .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:flex}._1g5x15w6[data-highlighted],._1g5x15w6[data-selected]{background:var(--graphy-raised-background)}._1g5x15w6[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:var(--graphy-text-secondary);font:var(--graphy-font-select-description)}.vod76w0{align-items:center;gap:var(--graphy-space-sm);inline-size:100%;display:flex}.vod76w1{min-inline-size:0;block-size:var(--graphy-editor-control-height);flex:1;padding-inline-start:11px;padding-inline-end:11px}.vod76w1[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}.vod76w2{cursor:pointer;align-items:center;block-size:100%;inline-size:100%;display:flex}.vod76w2[data-disabled]{cursor:not-allowed}.vod76w3{background:var(--graphy-border-10);border-radius:999px;block-size:4px;inline-size:100%}.vod76w4{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%);border-radius:999px;block-size:100%;transition:background .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w4{background:var(--graphy-brand)}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-brand)}.vod76w4[data-dragging]{background:var(--graphy-brand)}.vod76w5{background:var(--graphy-gray-100);border:1px solid var(--graphy-border-50);block-size:14px;inline-size:14px;box-shadow:var(--graphy-elevation-xs);cursor:grab;border-radius:50%;transition:border-color .1s cubic-bezier(.55,.085,.68,.53),box-shadow .1s cubic-bezier(.55,.085,.68,.53)}.vod76w1:not([data-disabled]):hover .vod76w5,.vod76w5[data-dragging]{border-color:var(--graphy-border-100);box-shadow:0 0 0 4px color-mix(in srgb, transparent, var(--graphy-brand) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:var(--graphy-text-secondary);font:var(--graphy-font-editor-control-value);text-align:end;font-variant-numeric:tabular-nums;flex-shrink:0}._1hyrlw60{pointer-events:auto;background:var(--graphy-border-10);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;block-size:20px;inline-size:36px;padding:0;transition:background .12s;position:relative}._1hyrlw60[data-checked]{background:color-mix(in srgb, transparent, var(--graphy-brand) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand)}._1hyrlw60[data-disabled]{color:var(--graphy-text-disabled);cursor:not-allowed;opacity:.6}._1hyrlw61{block-size:16px;inline-size:16px;margin:var(--graphy-space-xxs);background:var(--graphy-gray-100);box-shadow:var(--graphy-elevation-xs);border-radius:50%;transition:translate .12s,background .12s;display:block}._1hyrlw61[data-checked]{background:var(--graphy-brand);translate:16px}.tpcnun0{cursor:text}._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-editor-accent,var(--graphy-editor-default-accent));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)}.srewh00{padding:var(--graphy-space-xs) var(--graphy-space-md);background:var(--graphy-editor-tooltip-background,var(--graphy-editor-text,var(--graphy-editor-default-text)));color:var(--graphy-editor-tooltip-text,var(--graphy-editor-surface,var(--graphy-editor-default-surface)));border-radius:var(--graphy-editor-tooltip-radius,var(--graphy-radii-xs));font:var(--graphy-editor-tooltip-font,var(--graphy-font-uitooltip-secondary))}.srewh01{z-index:var(--graphy-z-index-editor-popover)}@supports (text-box:trim-both cap alphabetic){.srewh00{text-box:trim-both cap alphabetic;padding-block-start:.65em;padding-block-end:.65em}}._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{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)}._10d2ycx1{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}._10d2ycx2 *{fill:inherit;stroke:inherit;stroke-width:calc(var(--n5vlnq0,0px) + var(--_10d2ycx0));stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:none;opacity:1}._10d2ycx2 [data-edit-outline-stroke],._10d2ycx2 [data-edit-outline-stroke] *{fill:none}.cml7ha0{display:contents}.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:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%);border:1px solid var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%));border-radius:var(--graphy-radii-md);color:var(--graphy-editor-text,var(--graphy-editor-default-text));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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%)}.uz3g760:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}.uz3g760:has(:focus-visible){box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}.uz3g760[data-popup-open]{border-color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%)}.uz3g760[data-error=true]:not(:disabled){border-color:var(--graphy-alert)}.uz3g760:disabled{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);cursor:not-allowed;opacity:.6}.uz3g760:has(:disabled){color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);cursor:not-allowed;opacity:.6}.uz3g760[data-disabled]{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%)}.uz3g761:disabled{cursor:not-allowed}.tpcnun0{cursor:text}.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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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}.kwvn4c0{z-index:var(--graphy-z-index-editor-popover)}.kwvn4c0[data-anchor-hidden]{opacity:0;pointer-events:none}.kwvn4c1{--graphy-editor-control-height:26px;gap:var(--graphy-space-sm);box-sizing:border-box;inline-size:max-content;min-inline-size:min(var(--graphy-editor-menu-min-width,var(--graphy-editor-menu-max-width,252px)), var(--available-width,100vw));max-inline-size:min(var(--graphy-editor-menu-max-width,252px), var(--available-width,100vw));max-block-size:var(--available-height,60vh);padding:var(--graphy-editor-menu-padding,var(--graphy-editor-padding-y,var(--graphy-space-md)) var(--graphy-editor-padding-x,var(--graphy-space-md)));background:var(--graphy-editor-menu-background,var(--graphy-editor-surface,var(--graphy-editor-default-surface)));border:1px solid var(--graphy-editor-menu-border,var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%)));border-radius:var(--graphy-editor-menu-radius,var(--graphy-radii-md));box-shadow:var(--graphy-editor-menu-shadow,var(--graphy-editor-default-shadow));color:var(--graphy-editor-menu-text,var(--graphy-editor-text,var(--graphy-editor-default-text)));font-family:var(--graphy-editor-font-family,var(--graphy-font-family));transform-origin:var(--transform-origin);outline:none;flex-direction:column;transition:transform .15s ease-out,opacity .15s ease-out;display:flex;overflow:hidden auto}.kwvn4c1[data-starting-style]{opacity:0;transform:scale(.92)}.kwvn4c1 .pr583x1{margin:0 calc(-1 * var(--graphy-space-xs));padding:3px var(--graphy-space-xs);border-radius:var(--graphy-radii-sm);transition:background .1s cubic-bezier(.55,.085,.68,.53)}.kwvn4c1 .pr583x1:hover{background:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 4%)}.kwvn4c1 .pr583x0{margin:0 calc(-1 * var(--graphy-space-xs));padding:3px var(--graphy-space-xs);border-radius:var(--graphy-radii-sm);transition:background .1s cubic-bezier(.55,.085,.68,.53)}.kwvn4c1 .pr583x0:hover{background:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 4%)}.kwvn4c1 .pr583x4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kwvn4c1 .tpcnun0{padding-inline:var(--graphy-space-md)}.kwvn4c1 .tpcnun0 input::placeholder{color:var(--graphy-text-secondary);opacity:.6}@media (prefers-reduced-motion:reduce){.kwvn4c1{transition:none}}.cnu9yl0{inline-size:100%;padding:var(--graphy-space-xxs);gap:var(--graphy-space-xxs);background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 5%);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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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-editor-text,var(--graphy-editor-default-text))}.cnu9yl1:active:not([data-disabled]):not([data-checked]){background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%)}.cnu9yl1[data-checked]{background:var(--graphy-editor-surface,var(--graphy-editor-default-surface));box-shadow:var(--graphy-elevation-xs);color:var(--graphy-editor-text,var(--graphy-editor-default-text))}.cnu9yl1:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}.cnu9yl1[data-checked]:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%), var(--graphy-elevation-xs)}.cnu9yl1[data-disabled]{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);cursor:not-allowed;opacity:.6}.cnu9yl2{flex:1 1 0}.cnu9yl3{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}.cnu9yl4{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;max-inline-size:100%;overflow:hidden}._1xgvyvc0{gap:inherit;flex-direction:column;display:flex}._1xgvyvc1{color:inherit;font:var(--graphy-editor-menu-title-font,600 13px/1.3 var(--graphy-editor-font-family,var(--graphy-font-family)));margin:0}.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}._1me29t10{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute}._1me29t10:active{cursor:grabbing}._1me29t10:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.q7gcrz0{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.q7gcrz1{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.q7gcrz2{color:var(--graphy-text-secondary);font-variant-numeric:tabular-nums;margin-inline-start:auto}.q7gcrz3{color:var(--graphy-alert)}.ydgo3h0{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.ydgo3h0:active{cursor:grabbing}.ydgo3h0:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.ydgo3h1{box-sizing:border-box;background:var(--graphy-graph-background);border:2px solid var(--graphy-annotation-outline-color);border-radius:50%;width:10px;height:10px}.ydgo3h2{box-sizing:border-box;border:2px solid var(--graphy-annotation-outline-color);position:absolute}._1ee8fau0{box-sizing:border-box;border-style:solid;border-width:2px;border-radius:4px;position:absolute}._1ee8fau1{border-color:color-mix(in srgb, var(--graphy-annotation-outline-color) 50%, transparent)}._1ee8fau2{border-color:var(--graphy-annotation-outline-color)}._1ee8fau3{box-sizing:border-box;background:var(--graphy-graph-background);border-style:solid;border-width:2px;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute}._1ee8fau4{border-color:color-mix(in srgb, var(--graphy-annotation-outline-color) 50%, transparent)}._1ee8fau5{border-color:var(--graphy-annotation-outline-color)}.o49ib40{box-sizing:border-box;background:var(--graphy-annotation-outline-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:10px;height:10px}.o49ib41{box-sizing:border-box;background:var(--graphy-annotation-outline-color);border:2px solid var(--graphy-graph-background);border-radius:50%;width:12px;height:12px}.o49ib42{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib42[role=button]{cursor:ew-resize}.o49ib42:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib43{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib43[role=button]{cursor:nwse-resize}.o49ib43:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}.o49ib44{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:flex;position:absolute}.o49ib44[role=button]{cursor:nesw-resize}.o49ib44:focus-visible{box-shadow:inset 0 0 0 2px var(--graphy-brand);outline:none}._1tyillx1{background:var(--graphy-overlay-background);width:32px;height:32px;color:var(--graphy-edit-menu-trigger-icon-color);outline:3px solid var(--_1tyillx0);filter:drop-shadow(0 4px 4px #0e0e3414)drop-shadow(0 0 4px #0f0f181f);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-16px;margin-left:-16px;transition:transform .25s linear;display:flex;position:absolute}._1tyillx2{transform:scale(.5)}._1tyillx3{transform:scale(.75)}._1tyillx4{transform:scale(1)}._1tyillx5{transition:transform .25s linear;display:flex}._1tyillx6{transform:rotate(0)}._1tyillx7{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){._1tyillx1,._1tyillx5{transition:none}}.woi4bh0{flex-shrink:0;display:inline-flex}.woi4bh1{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.woi4bh2{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:100%;display:-webkit-box;overflow:hidden}.woi4bh3{justify-content:center;align-items:center;gap:var(--graphy-space-xs);min-inline-size:0;block-size:var(--graphy-editor-control-height);padding:0 var(--graphy-space-sm);border-radius:var(--graphy-radii-md);cursor:pointer;font:var(--graphy-font-editor-control-value);border:1px solid #0000;transition:background .1s cubic-bezier(.55,.085,.68,.53),border-color .1s cubic-bezier(.55,.085,.68,.53),color .1s cubic-bezier(.55,.085,.68,.53);display:inline-flex}.woi4bh3:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}.woi4bh3:active:not(:disabled){background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 5%)}.woi4bh3:disabled{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);cursor:not-allowed;opacity:.6}.woi4bh4{background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%);border-color:var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%));inline-size:100%;color:var(--graphy-editor-text,var(--graphy-editor-default-text))}.woi4bh4:hover:not(:disabled){border-color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%)}.woi4bh5{block-size:auto;min-block-size:68px;inline-size:100%;padding:var(--graphy-space-sm);background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%);color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);border-color:#0000;flex-direction:column}.woi4bh5:hover:not(:disabled){color:var(--graphy-editor-text,var(--graphy-editor-default-text))}.eh8dvc0{inline-size:100%;min-inline-size:0;display:flex}.eh8dvc1{cursor:text}.eh8dvc2{text-align:end;font-variant-numeric:tabular-nums}.eh8dvc3{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%);border-radius:var(--graphy-radii-md);cursor:pointer;color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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-editor-text,var(--graphy-editor-default-text))}._1b7s5f7:active:not([data-disabled]){background:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 5%)}._1b7s5f7[data-checked]{border-color:var(--graphy-editor-accent,var(--graphy-editor-default-accent));color:var(--graphy-editor-text,var(--graphy-editor-default-text))}._1b7s5f7:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}._1b7s5f7[data-disabled]{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%)}._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-editor-surface,var(--graphy-editor-default-surface));border:1px solid var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%));border-radius:var(--graphy-radii-md);box-shadow:var(--graphy-elevation-md);color:var(--graphy-editor-text,var(--graphy-editor-default-text));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-editor-text,var(--graphy-editor-default-text));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:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%)}._1g5x15w6[data-disabled]{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);cursor:not-allowed;opacity:.6}._1g5x15w7{gap:var(--graphy-space-xxs);flex-direction:column;min-inline-size:0;display:flex}._1g5x15w8{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);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-editor-accent,var(--graphy-editor-default-accent)) 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-editor-accent,var(--graphy-editor-default-accent))}.vod76w1:has(:focus-visible) .vod76w4{background:var(--graphy-editor-accent,var(--graphy-editor-default-accent))}.vod76w4[data-dragging]{background:var(--graphy-editor-accent,var(--graphy-editor-default-accent))}.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-editor-accent,var(--graphy-editor-default-accent)) 20%), var(--graphy-elevation-xs)}.vod76w5:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%), var(--graphy-elevation-xs)}.vod76w5[data-dragging]{cursor:grabbing;transition:none}.vod76w6{min-inline-size:40px;color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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-editor-accent,var(--graphy-editor-default-accent)) 50%)}._1hyrlw60:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}._1hyrlw60[data-disabled]{color:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);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-editor-accent,var(--graphy-editor-default-accent));translate:16px}._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{box-sizing:border-box;inline-size:100%;padding-inline:var(--graphy-editor-padding-x,var(--graphy-space-md));padding-block:var(--graphy-editor-padding-y,var(--graphy-space-md));background:var(--graphy-editor-surface,var(--graphy-editor-default-surface));color:var(--graphy-editor-text,var(--graphy-editor-default-text));font-family:var(--graphy-editor-font-family,var(--graphy-font-family));font-weight:var(--graphy-font-weight-medium);box-shadow:inset 0 0 0 1px var(--graphy-editor-border,transparent);-webkit-user-select:none;user-select:none;font-size:calc(10px * var(--graphy-text-scale));flex-direction:column;display:flex;overflow:hidden auto}._2m7wuq0{background:var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%));flex-shrink:0;block-size:1px}._40zvwv0{padding-block:var(--graphy-space-md);flex-direction:column;display:flex}._40zvwv0+._40zvwv0{border-block-start:1px solid var(--graphy-editor-border,color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 12%))}._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-editor-text,var(--graphy-editor-default-text));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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 70%);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:color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 50%);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:color-mix(in srgb, var(--graphy-editor-surface,var(--graphy-editor-default-surface)), var(--graphy-editor-text,var(--graphy-editor-default-text)) 7%);rotate:90deg}._40zvwv2:focus-visible~._40zvwv8{box-shadow:inset 0 0 0 2px color-mix(in srgb, transparent, var(--graphy-editor-text,var(--graphy-editor-default-text)) 55.0%)}@media (prefers-reduced-motion:reduce){._40zvwv8{transition:none}}.qdaoth0{fill:var(--graphy-icon-sticker-background)}

package/dist/editable.d.ts

@@ -1255,6 +1255,9 @@ export declare interface SelectControlProps extends Omit<DiscreteControlProps<st
     hasError?: boolean;
 }
 
+/** A hairline between two runs of rows, for rows that cover different settings. */
+export declare const Separator: () => JSX.Element;
+
 declare interface SettingRowProps {
     label?: string;
     layout?: RowLayout;
@@ -1274,17 +1277,16 @@ declare interface SettingRowProps {
  * committed on key up instead — the keyboard's equivalent of releasing the thumb. Blur commits too,
  * for focus leaving mid-hold with no key up ever arriving.
  */
-export declare const Slider: ({ value, onChange, onCommit, min, max, step, suffix, formatValue, isDisabled, ariaLabel, ariaLabelledBy, }: SliderControlProps) => JSX.Element;
+export declare const Slider: ({ value, onChange, onCommit, min, max, step, suffix, formatValue, showValue, isDisabled, ariaLabel, ariaLabelledBy, }: SliderControlProps) => JSX.Element;
 
 export declare interface SliderControlProps extends ContinuousControlProps<number> {
     min: number;
     max: number;
     step?: number;
-    /**
-     * Unit for the readout beside the track — `px`, `%`, `°`. Shows the value when given and hides it
-     * when not, so a slider with nothing to say stays a bare track.
-     */
+    /** Unit for the readout beside the track — `px`, `%`, `°`. Without one the readout is the bare number. */
     suffix?: string;
+    /** Shows the readout beside the track. Off leaves a bare track, whatever {@link suffix} or {@link formatValue} say. */
+    showValue?: boolean;
     /**
      * Formats the readout outright, for a value a unit cannot describe on its own — a thousands
      * separator, a ratio, a named step. Wins over {@link suffix} when both are given.
@@ -1448,7 +1450,7 @@ declare interface ToggledSectionProps extends Omit<SectionProps, 'layout' | 'acc
  * transient run committed on key up. Only the layout differs — a row of words here, a grid of pictures
  * there — which is the whole of why they are two controls.
  */
-export declare const ToggleGroup: ({ options, value, onChange, onCommit, itemLayout, isDisabled, ariaLabel, ariaLabelledBy, id, }: ToggleGroupControlProps) => JSX.Element;
+export declare const ToggleGroup: ({ options, value, onChange, onCommit, itemLayout, hasEqualWidths, isDisabled, ariaLabel, ariaLabelledBy, id, }: ToggleGroupControlProps) => JSX.Element;
 
 /**
  * Single-select segmented control.
@@ -1464,6 +1466,11 @@ export declare interface ToggleGroupControlProps extends ContinuousControlProps<
      * as pictures with a caption.
      */
     itemLayout?: 'inline' | 'stacked';
+    /**
+     * Gives every option the same width however long its label, which then ellipsises instead of
+     * widening its cell. Off, options size to their content.
+     */
+    hasEqualWidths?: boolean;
 }
 
 /** Props for the Tooltip slot, overridable via `slots.Tooltip` on `GraphRenderer`. Positioning stays built in. */