image-demo-core:where(.astro-ayimqfdl){display:block;margin:1rem 0 1.5rem}.idc-buttons:where(.astro-ayimqfdl){display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.idc-editor-wrap:where(.astro-ayimqfdl){position:relative;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;overflow:hidden;animation:idc-pulse 2s ease-in-out infinite;isolation:isolate}image-demo-core:where(.astro-ayimqfdl).interacted .idc-editor-wrap:where(.astro-ayimqfdl){animation:none}.live-overlay:where(.astro-ayimqfdl){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sl-color-bg) 60%,transparent);backdrop-filter:blur(2px);z-index:10;cursor:pointer;transition:opacity .3s ease}image-demo-core:where(.astro-ayimqfdl).interacted .live-overlay:where(.astro-ayimqfdl){opacity:0;pointer-events:none}.live-overlay-text:where(.astro-ayimqfdl){font-size:.875rem;font-weight:600;color:var(--sl-color-accent);padding:.5rem 1.25rem;border-radius:2rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 30%,transparent);background:color-mix(in srgb,var(--sl-color-accent) 8%,var(--sl-color-bg));animation:idc-overlay-pulse 2s ease-in-out infinite}@keyframes idc-overlay-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--sl-color-accent) 15%,transparent)}}@keyframes idc-pulse{0%,to{border-color:var(--sl-color-gray-5);box-shadow:0 0 0 0 transparent}50%{border-color:var(--sl-color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-color-accent) 25%,transparent)}}image-demo-core:where(.astro-ayimqfdl) .idc-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--sl-color-text);background:var(--sl-color-gray-6);cursor:pointer;transition:background-color .15s,color .15s;user-select:none}image-demo-core:where(.astro-ayimqfdl) .idc-btn:hover{background:var(--sl-color-gray-5)}image-demo-core:where(.astro-ayimqfdl) .ProseMirror{padding:1rem 1.25rem;min-height:10rem;outline:none}image-demo-core:where(.astro-ayimqfdl) .ProseMirror p{margin:.4em 0}image-demo-core:where(.astro-ayimqfdl) .ProseMirror code{background:var(--sl-color-gray-6);padding:.125rem .375rem;border-radius:.25rem;font-size:.875em}image-demo-core:where(.astro-ayimqfdl) .ProseMirror img{max-width:100%;height:auto;display:block;margin:.5em 0}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable{position:relative;display:inline-block;max-width:100%;margin:.5em 0;line-height:0}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable img{display:block;max-width:100%;height:auto;margin:0}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable[data-float=left]{float:left;margin:0 1em 1em 0;max-width:60%}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable[data-float=right]{float:right;margin:0 0 1em 1em;max-width:60%}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable[data-float=center]{display:block;width:fit-content;margin-left:auto;margin-right:auto}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable.ProseMirror-selectednode{outline:2px solid var(--sl-color-accent)}image-demo-core:where(.astro-ayimqfdl) .dm-image-handle{display:none;position:absolute;width:8px;height:8px;background:var(--sl-color-accent);border:1px solid #fff;border-radius:1px;z-index:5}image-demo-core:where(.astro-ayimqfdl) .dm-image-resizable.ProseMirror-selectednode .dm-image-handle{display:block}image-demo-core:where(.astro-ayimqfdl) .dm-image-handle-nw{top:-4px;left:-4px;cursor:nw-resize}image-demo-core:where(.astro-ayimqfdl) .dm-image-handle-ne{top:-4px;right:-4px;cursor:ne-resize}image-demo-core:where(.astro-ayimqfdl) .dm-image-handle-sw{bottom:-4px;left:-4px;cursor:sw-resize}image-demo-core:where(.astro-ayimqfdl) .dm-image-handle-se{bottom:-4px;right:-4px;cursor:se-resize}image-demo:where(.astro-zrlk3zk3){position:relative;display:block;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1rem 0 1.5rem;overflow:visible;animation:imgd-pulse 2s ease-in-out infinite;isolation:isolate}image-demo:where(.astro-zrlk3zk3).interacted{animation:none}.live-overlay:where(.astro-zrlk3zk3){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sl-color-bg) 60%,transparent);backdrop-filter:blur(2px);z-index:10;cursor:pointer;transition:opacity .3s ease;border-radius:.75rem}image-demo:where(.astro-zrlk3zk3).interacted .live-overlay:where(.astro-zrlk3zk3){opacity:0;pointer-events:none}.live-overlay-text:where(.astro-zrlk3zk3){font-size:.875rem;font-weight:600;color:var(--sl-color-accent);padding:.5rem 1.25rem;border-radius:2rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 30%,transparent);background:color-mix(in srgb,var(--sl-color-accent) 8%,var(--sl-color-bg));animation:imgd-overlay-pulse 2s ease-in-out infinite}@keyframes imgd-overlay-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--sl-color-accent) 15%,transparent)}}@keyframes imgd-pulse{0%,to{border-color:var(--sl-color-gray-5);box-shadow:0 0 0 0 transparent}50%{border-color:var(--sl-color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-color-accent) 25%,transparent)}}image-demo:where(.astro-zrlk3zk3) .dm-toolbar{margin:0;border:none;border-radius:.75rem .75rem 0 0;box-shadow:none;border-bottom:1px solid var(--sl-color-gray-5)}image-demo:where(.astro-zrlk3zk3) .dm-editor{margin:0;--dm-editor-border: none;--dm-editor-border-radius: 0 0 .75rem .75rem;--dm-editor-shadow: none}image-demo:where(.astro-zrlk3zk3) .ProseMirror{padding:1rem 1.25rem;min-height:10rem;outline:none}image-demo:where(.astro-zrlk3zk3) .ProseMirror h1,image-demo:where(.astro-zrlk3zk3) .ProseMirror h2,image-demo:where(.astro-zrlk3zk3) .ProseMirror h3,image-demo:where(.astro-zrlk3zk3) .ProseMirror h4{color:inherit}