.blog-body-editor{--blog-editor-pad-x:1.25rem;--blog-editor-pad-y:1.25rem;--blog-media-default:72%;--blog-media-max:36rem}@media (min-width:640px){.blog-body-editor{--blog-editor-pad-x:1.5rem;--blog-editor-pad-y:1.5rem}}.blog-body-editor .rte-root{border-radius:var(--radius-xl);border:1px solid color-mix(in oklch, var(--border) 90%, transparent);background:var(--card);flex-direction:column;display:flex;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0000000a;box-shadow:inset 0 1px lab(100% 0 0/.7),0 1px 2px lab(0% 0 0/.04)}.dark .blog-body-editor .rte-root{box-shadow:inset 0 1px #ffffff0d;box-shadow:inset 0 1px lab(100% 0 0/.05)}.blog-body-editor .rte-toolbar{z-index:16;background:color-mix(in oklch, var(--muted) 45%, var(--card));border-bottom:1px solid var(--border);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);flex-shrink:0;justify-content:flex-start;gap:.375rem;padding:.5rem .75rem}.blog-body-editor-toolbar-sentinel{pointer-events:none;width:100%;height:0}.blog-body-editor-toolbar-pin{z-index:30;box-sizing:border-box;border:1px solid color-mix(in oklch, var(--border) 90%, transparent);border-radius:var(--radius-xl);background:color-mix(in oklch, var(--card) 96%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border), 0 12px 28px #0000001a;position:fixed}@supports (color:lab(0% 0 0)){.blog-body-editor-toolbar-pin{box-shadow:0 1px 0 var(--border), 0 12px 28px lab(0% 0 0/.1)}}.blog-body-editor-toolbar-pin .rte-toolbar,.blog-body-editor-toolbar-pin .rte-toolbar[data-sticky]{border-radius:var(--radius-xl);box-shadow:none;background:0 0;border-bottom:none}.blog-body-editor .rte-toolbar[data-sticky]{z-index:16;background:color-mix(in oklch, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--border), 0 8px 20px #0000000f}@supports (color:lab(0% 0 0)){.blog-body-editor .rte-toolbar[data-sticky]{box-shadow:0 1px 0 var(--border), 0 8px 20px lab(0% 0 0/.06)}}.blog-body-editor[data-focused=true] .rte-toolbar{box-shadow:0 1px 0 var(--border), 0 10px 24px #00000014;background:color-mix(in oklch, var(--card) 96%, transparent)}@supports (color:lab(0% 0 0)){.blog-body-editor[data-focused=true] .rte-toolbar{box-shadow:0 1px 0 var(--border), 0 10px 24px lab(0% 0 0/.08)}}.blog-emoji-picker-popover .EmojiPickerReact,.blog-emoji-picker.EmojiPickerReact{--epr-emoji-size:1.5rem;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.blog-body-editor .rte-content{flex:auto}.blog-body-editor .rte-content .ProseMirror{padding:var(--blog-editor-pad-y) var(--blog-editor-pad-x);min-height:280px}.blog-body-editor .rte-footer{padding-inline:var(--blog-editor-pad-x);background:color-mix(in oklch, var(--muted) 30%, var(--card));color:var(--muted-foreground);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);flex-shrink:0;padding-block:.5rem .625rem;font-size:.75rem}.blog-body-editor .blog-inline-icon,.blog-post-body .blog-inline-icon{vertical-align:-.15em;color:var(--primary);margin-inline:.1em;display:inline-flex}.blog-body-editor .blog-inline-icon svg,.blog-post-body .blog-inline-icon svg{width:1.1em;height:1.1em}.blog-body-editor .ProseMirror img.blog-media-img,.blog-body-editor .ProseMirror video.blog-media-video{border-radius:var(--radius);max-width:100%;height:auto;display:block}.blog-body-editor .blog-media-frame{max-width:100%;margin-block:1rem}.blog-body-editor .blog-media-frame[data-align=left]{margin-inline:0 auto 0 0}.blog-body-editor .blog-media-frame[data-align=center]{margin-inline:auto}.blog-body-editor .blog-media-frame[data-align=right]{margin-inline:0 0 0 auto}.blog-body-editor .blog-media-shell{border-radius:var(--radius-lg,var(--radius));border:1px solid color-mix(in oklch, var(--border) 85%, transparent);background:color-mix(in oklch, var(--muted) 35%, var(--card));position:relative;overflow:visible;box-shadow:0 1px 2px #0000000a;box-shadow:0 1px 2px lab(0% 0 0/.04)}.blog-body-editor .blog-media-frame[data-selected] .blog-media-shell{outline:2px solid color-mix(in oklch, var(--primary) 70%, transparent);outline-offset:2px}.blog-body-editor .blog-media-toolbar{z-index:2;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklch, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px lab(0% 0 0/.08)}.blog-body-editor .blog-media-toolbar-btn{border-radius:calc(var(--radius) * .6);min-width:1.75rem;height:1.75rem;color:var(--foreground);font-size:var(--text-caption-xs,.6875rem);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .35rem;font-weight:600;display:inline-flex}.blog-body-editor .blog-media-toolbar-btn:hover{background:color-mix(in oklch, var(--muted) 70%, transparent)}.blog-body-editor .blog-media-toolbar-btn[data-active=true]{background:color-mix(in oklch, var(--primary) 18%, transparent);color:var(--primary)}.blog-body-editor .blog-media-toolbar-btn--danger:hover{background:color-mix(in oklch, var(--destructive) 18%, transparent);color:var(--destructive)}.blog-body-editor .blog-media-toolbar-divider{background:var(--border);width:1px;height:1rem;margin-inline:.125rem}.blog-body-editor .blog-media-handle{z-index:2;border:1.5px solid var(--card);background:var(--primary);width:.5rem;height:.5rem;box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 40%, transparent);border-radius:9999px;position:absolute}.blog-body-editor .blog-media-handle--left{cursor:ew-resize;top:50%;left:-.25rem;transform:translateY(-50%)}.blog-body-editor .blog-media-handle--right{cursor:ew-resize;top:50%;right:-.25rem;transform:translateY(-50%)}.blog-body-editor .blog-media-badge{z-index:2;border-radius:calc(var(--radius) * .6);background:color-mix(in oklch, var(--foreground) 80%, transparent);color:var(--background);font-size:var(--text-micro,.625rem);font-variant-numeric:tabular-nums;padding:.125rem .4rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.blog-body-editor .rte-embed-wrapper{margin-block:1rem}.blog-body-editor .rte-embed{max-width:min(var(--blog-media-max), 100%)}.blog-post-body .blog-static-media{max-width:100%;margin-block:1.5rem}.blog-post-body .blog-static-media[data-align=left]{margin-inline:0 auto 0 0}.blog-post-body .blog-static-media[data-align=center]{margin-inline:auto}.blog-post-body .blog-static-media[data-align=right]{margin-inline:0 0 0 auto}.blog-post-body .blog-static-media img,.blog-post-body .blog-static-media video{border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;height:auto;display:block}
