charactercount-demo:where(.astro-ykjm3to3){position:relative;display:block;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;margin:1rem 0 1.5rem;overflow:visible;animation:ccd-pulse 2s ease-in-out infinite;isolation:isolate}charactercount-demo:where(.astro-ykjm3to3).interacted{animation:none}.live-overlay:where(.astro-ykjm3to3){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}charactercount-demo:where(.astro-ykjm3to3).interacted .live-overlay:where(.astro-ykjm3to3){opacity:0;pointer-events:none}.live-overlay-text:where(.astro-ykjm3to3){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:ccd-overlay-pulse 2s ease-in-out infinite}@keyframes ccd-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 ccd-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)}}charactercount-demo:where(.astro-ykjm3to3) .dm-editor{margin:0;--dm-editor-border: none;--dm-editor-border-radius: .75rem .75rem 0 0;--dm-editor-shadow: none}charactercount-demo:where(.astro-ykjm3to3) .ProseMirror{padding:1rem 1.25rem;min-height:6rem;outline:none}.ccd-counter:where(.astro-ykjm3to3){display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--sl-color-gray-5);font-size:.75rem;color:var(--sl-color-gray-3)}charactercount-demo:where(.astro-ykjm3to3) .ccd-chars{font-weight:600}charactercount-demo:where(.astro-ykjm3to3) .ccd-bar{flex:1;height:4px;background:var(--sl-color-gray-5);border-radius:2px;overflow:hidden}charactercount-demo:where(.astro-ykjm3to3) .ccd-bar-fill{display:block;height:100%;background:var(--sl-color-accent);border-radius:2px;transition:width .15s ease}charactercount-demo:where(.astro-ykjm3to3) .ccd-bar-warn{background:#ef4444}charactercount-demo-core:where(.astro-3cakk6ub){display:block;margin:1rem 0 1.5rem}.ccdc-editor-wrap:where(.astro-3cakk6ub){position:relative;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;overflow:visible;animation:ccdc-pulse 2s ease-in-out infinite;isolation:isolate}charactercount-demo-core:where(.astro-3cakk6ub).interacted .ccdc-editor-wrap:where(.astro-3cakk6ub){animation:none}.live-overlay:where(.astro-3cakk6ub){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}charactercount-demo-core:where(.astro-3cakk6ub).interacted .live-overlay:where(.astro-3cakk6ub){opacity:0;pointer-events:none}.live-overlay-text:where(.astro-3cakk6ub){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:ccdc-overlay-pulse 2s ease-in-out infinite}@keyframes ccdc-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 ccdc-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)}}charactercount-demo-core:where(.astro-3cakk6ub) .ProseMirror{padding:1rem 1.25rem;min-height:6rem;outline:none}charactercount-demo-core:where(.astro-3cakk6ub) .ProseMirror p{margin:.4em 0}.ccdc-counter:where(.astro-3cakk6ub){margin-top:.5rem;font-size:.75rem;color:var(--sl-color-gray-3)}