#ouEditorHistory.history-control{position:relative;display:flex;align-items:center;gap:var(--spacing-40);isolation:isolate}#ouEditorHistory .hist-surface{position:absolute;z-index:-1;inset-inline-end:calc(-1 * var(--spacing-80));inline-size:calc(var(--ou-editor-pane-w) * .7);border-radius:var(--radius-large) var(--radius-large) 0 0;background:var(--bg-neutral-1-rest);border:1px solid var(--surface-stroke-1);border-block-end:none;opacity:0;transition:opacity var(--anim-short) cubic-bezier(.4,0,.2,1) var(--anim-short);pointer-events:none}#ouEditorHistory.hist-open .hist-surface{opacity:1;transition:opacity var(--anim-short) cubic-bezier(.4,0,.2,1) 0ms}#ouEditorHistory .hist-surface:after{content:"";position:absolute;inset-block-end:0;inset-inline:var(--spacing-80);block-size:1px;background:var(--surface-stroke-1);transform:scaleX(0);transform-origin:center;transition:transform var(--anim-short) cubic-bezier(.4,0,.2,1) 0ms}#ouEditorHistory.hist-open .hist-surface:after{transform:scaleX(1);transition-delay:var(--anim-short)}#ouEditorHistory .ou-history-tool[data-tool=undo],#ouEditorHistory .ou-editor-compare{transition:transform var(--anim-short) cubic-bezier(.4,0,.2,1) var(--anim-short)}#ouEditorHistory.hist-open .ou-history-tool[data-tool=undo]{transform:translate(var(--hist-undo-shift, 0));transition-delay:0ms}#ouEditorHistory.hist-open .ou-editor-compare{transform:translate(var(--hist-eye-shift, 0));transition-delay:0ms}#ouEditorHistory .ou-history-tool.hist-redo{position:absolute;inset-block-start:0;opacity:0;pointer-events:none;transition:transform var(--anim-short) cubic-bezier(.4,0,.2,1) var(--anim-short),opacity var(--anim-short) cubic-bezier(.4,0,.2,1) var(--anim-short)}#ouEditorHistory.hist-open .ou-history-tool.hist-redo{transform:translate(var(--hist-redo-shift, 0));opacity:1;pointer-events:auto;transition-delay:0ms}#ouEditorHistory.hist-open .ou-history-tool.hist-redo:disabled{opacity:.4;pointer-events:none}#ouEditorHistory .ou-circle-btn{flex-shrink:0}#ouEditorHistory .ou-history-tool:not(.hist-redo):disabled,#ouEditorHistory .ou-editor-compare:disabled{opacity:.4;pointer-events:none}#ouEditorHistory .ou-history-tool .fluent-icon{width:var(--icon-size-md);height:var(--icon-size-md)}#ouEditorHistory .ou-history-tool .fluent-icon svg{width:100%;height:100%}#ouEditorHistory .ou-circle-btn.ocb-active{background:var(--bg-brand-2-rest);color:var(--fg-brand-1-rest)}#ouEditorHistory .ou-circle-btn.ocb-dot{position:relative}#ouEditorHistory .ou-circle-btn.ocb-dot:after{content:"";position:absolute;top:var(--spacing-40);inset-inline-end:var(--spacing-40);width:var(--size-60);height:var(--size-60);background:var(--fg-brand-1-rest);border-radius:var(--radius-circular);pointer-events:none}.hfly{position:fixed;z-index:9300;display:grid;grid-template-rows:0fr;inline-size:calc(var(--ou-editor-pane-w) * .7);transition:grid-template-rows var(--anim-short) cubic-bezier(.4,0,.2,1) 0ms}.hfly--open{grid-template-rows:1fr;transition:grid-template-rows var(--anim-short) cubic-bezier(.4,0,.2,1) var(--anim-short)}.hfly-card{overflow:hidden;min-height:0;max-block-size:70vh;border-radius:0 0 var(--radius-large) var(--radius-large);background:var(--bg-neutral-1-rest);border:1px solid var(--surface-stroke-1);border-block-start:none;box-shadow:var(--effect-floating-background-shadow);clip-path:inset(0 -64px -64px -64px);box-sizing:border-box;opacity:0;transition:opacity 0s linear var(--anim-short)}.hfly--open .hfly-card{opacity:1;transition:opacity 0s linear var(--anim-short)}.hfly-card-inner{display:flex;flex-direction:column;gap:var(--spacing-40);padding:var(--spacing-80)}.hfly[hidden]{display:none}.hfly .hfly-list{display:block;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;list-style:none;max-height:56vh}.hfly-state{display:flex;align-items:center;gap:var(--spacing-100);padding:var(--spacing-40) var(--spacing-80);margin:0;background:none;border:none;border-radius:var(--radius-medium);cursor:pointer;width:100%;text-align:left;color:var(--fg-neutral-2-rest);font:var(--font-size-body-1) / var(--line-height-body-1) var(--font-family-base);transition:background var(--anim-short) ease-in-out,color var(--anim-short) ease-in-out;position:relative}.hfly-state:before{content:"";position:absolute;inset-inline-start:calc(var(--spacing-80) + var(--size-280) / 2);top:50%;width:1px;height:100%;background:var(--surface-stroke-1);z-index:0}.hfly-state:last-child:before{display:none}.hfly-state:hover:not(.is-current){background:var(--bg-subtle-hover);color:var(--fg-neutral-1-rest)}.hfly-state.is-current{background:var(--bg-neutral-1-hover)}.hfly-state:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:-2px;z-index:1}.hfly-node{display:inline-flex;align-items:center;justify-content:center;width:var(--size-280);height:var(--size-280);flex-shrink:0;border-radius:var(--radius-circular);background:var(--bg-neutral-2-rest);color:var(--fg-neutral-3-rest);z-index:1}.hfly-node .fluent-icon{width:var(--size-160);height:var(--size-160)}.hfly-node .fluent-icon svg{width:100%;height:100%}.hfly-state.is-current .hfly-node{background:var(--fg-brand-1-rest);color:var(--fg-neutral-on-brand);box-shadow:0 0 0 3px var(--bg-neutral-1-hover),0 0 0 5px color-mix(in srgb,var(--stroke-brand-1-rest) 40%,transparent)}.hfly-state.is-undone{opacity:.42}.hfly-state.is-undone .hfly-label{color:var(--fg-neutral-3-rest);font-style:italic}.hfly-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hfly-state.is-current .hfly-label{font-weight:600;color:var(--fg-neutral-1-rest)}.hfly-state.is-original{position:sticky;inset-block-end:0;z-index:2;background:var(--bg-neutral-1-rest)}.hfly-state.is-original.is-current{background:var(--bg-neutral-1-hover)}.hfly-state.is-original:after{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:var(--spacing-160);background:linear-gradient(to top,var(--bg-neutral-1-rest),transparent);opacity:0;pointer-events:none;transition:opacity var(--anim-short) ease-out}.hfly-state.is-original.is-current:after{background:linear-gradient(to top,var(--bg-neutral-1-hover),transparent)}.hfly-list.hfly-scrolled .hfly-state.is-original:after{opacity:1}@media (forced-colors: active){.hfly-node{border:2px solid ButtonText}.hfly-state:hover:not(.is-current),.hfly-state:focus-visible{forced-color-adjust:none;background:Highlight;color:HighlightText}.hfly-state.is-current{forced-color-adjust:none;background:Highlight;color:HighlightText}.hfly-state.is-current .hfly-node{background:HighlightText;color:Highlight;box-shadow:none}.hfly-state.is-undone{opacity:1}.hfly-state.is-undone .hfly-label{color:GrayText}}