:is(.prose,.note-images) .doc-image{margin:var(--doc-image-margin) 0;-webkit-user-select:none;user-select:none;position:relative}:is(.prose,.note-images) .doc-image__frame{width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative}:is(.prose,.note-images) .doc-image[data-align=left] .doc-image__frame,:is(.prose,.note-images) .doc-image[data-align=left]>.doc-image__img{margin-inline:0 auto}:is(.prose,.note-images) .doc-image[data-align=right] .doc-image__frame,:is(.prose,.note-images) .doc-image[data-align=right]>.doc-image__img{margin-inline:auto 0}:is(.prose,.note-images) .doc-image[data-size] .doc-image__frame .doc-image__img{width:100%}:is(.prose,.note-images) .doc-image__img{border-radius:var(--doc-image-radius);max-width:100%;height:auto;margin-inline:auto;display:block}:is(.prose,.note-images) .doc-image__handle{width:var(--doc-image-handle-width);height:var(--doc-image-handle-height);border-radius:var(--doc-image-handle-width);background:var(--accent);box-shadow:0 0 0 var(--doc-image-handle-ring) var(--sheet);cursor:ew-resize;touch-action:none;opacity:0;position:absolute;inset-block:50% auto;inset-inline-end:calc(var(--doc-image-handle-width) / -2);transform:translateY(-50%)}:is(.prose,.note-images) .doc-image[data-align=right] .doc-image__handle{inset-inline:calc(var(--doc-image-handle-width) / -2) auto}:is(.prose,.note-images) .doc-image.ProseMirror-selectednode .doc-image__handle{opacity:1}@media (hover:hover){:is(.prose,.note-images) .doc-image[data-state=ready]:hover .doc-image__handle{opacity:1}}.ProseMirror:not([contenteditable=true]) .doc-image__handle{display:none}:is(.prose,.note-images) .doc-image:not([data-state=ready]) .doc-image__img{width:100%;min-height:var(--doc-image-placeholder-min);background:var(--doc-image-placeholder-bg)}:is(.prose,.note-images) .doc-image__status{inset:50% var(--doc-image-status-inset) auto;color:var(--muted);font-family:var(--font-ui);font-size:var(--ui-font-size);position:absolute;transform:translateY(-50%)}:is(.prose,.note-images) .doc-image.ProseMirror-selectednode .doc-image__img{outline:var(--doc-image-selected-outline) solid var(--accent);outline-offset:var(--doc-image-selected-offset)}.image-notice{z-index:var(--image-notice-layer);align-items:center;gap:var(--image-notice-gap);width:max-content;max-width:min(var(--image-notice-width), calc(100vw - 2 * var(--image-notice-offset)));padding:var(--image-notice-padding);border-radius:var(--image-notice-radius);background:var(--sheet);color:var(--ink);box-shadow:var(--image-notice-shadow);font-size:var(--ui-font-size);display:flex;position:fixed;inset-block-end:var(--image-notice-offset);inset-inline-start:50%;transform:translate(-50%)}.image-notice__list{overflow-wrap:anywhere;min-width:0;margin:0;padding:0;list-style:none}.image-toolbar{z-index:var(--image-toolbar-layer);align-items:center;gap:var(--image-toolbar-gap);max-width:calc(100vw - 2 * var(--image-notice-offset));padding:var(--image-toolbar-padding);border-radius:var(--image-toolbar-radius);background:var(--sheet);color:var(--ink);box-shadow:var(--image-notice-shadow);font-size:var(--ui-font-size);display:flex;position:fixed;overflow-x:auto}.image-toolbar__divider{width:1px;margin-inline:var(--image-toolbar-gap);background:var(--doc-image-placeholder-bg);align-self:stretch}.image-toolbar__size{padding:var(--image-toolbar-size-padding);border-radius:var(--image-toolbar-radius);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.image-toolbar__size:hover{background:var(--doc-image-placeholder-bg)}.image-toolbar__size[aria-pressed=true]{background:var(--accent);color:var(--sheet)}@media print{.prose .doc-image__status,.prose .doc-image__handle,.image-notice,.image-toolbar{display:none}}