:root{--tiptap-input-placeholder:var(--tt-gray-light-a-400)}.dark{--tiptap-input-placeholder:var(--tt-gray-dark-a-400)}.tiptap-input{appearance:none;background:0 0;border-radius:.375rem;outline:none;width:100%;height:2rem;padding:.375rem .5rem;font-size:.875rem;font-weight:400;line-height:1.5;display:block}.tiptap-input::placeholder{color:var(--tiptap-input-placeholder)}.tiptap-input-clamp{text-overflow:ellipsis;white-space:nowrap;min-width:12rem;padding-right:0}.tiptap-input-clamp:focus{text-overflow:clip;overflow:visible}.tiptap-input-group{flex-wrap:wrap;align-items:stretch;display:flex;position:relative}
:root{--emoji-input-bg-color:var(--white);--emoji-input-border-color:var(--tt-gray-light-a-100);--emoji-input-focus:var(--tt-brand-color-500)}.dark{--emoji-input-border-color:var(--tt-gray-dark-a-50);--emoji-input-bg-color:var(--tt-gray-dark-50);--emoji-input-focus:var(--tt-brand-color-500)}.tiptap-input.emoji-menu-search-input{border:1px solid var(--emoji-input-border-color);border-radius:var(--tt-radius-lg);background-color:var(--emoji-input-bg-color)}.tiptap-input.emoji-menu-search-input:focus{border-color:var(--emoji-input-focus)}.emoji-menu-list{overscroll-behavior:contain;width:100%;max-height:14.063rem;overflow-y:scroll}
:root{--tiptap-avatar-border-color:var(--white);--tiptap-avatar-fallback-bg-color:var(--tt-gray-light-200);--tiptap-avatar-item-bg-color:var(--tt-gray-light-200);--tiptap-avatar-fallback-text-color:var(--tt-gray-light-a-600)}.dark{--tiptap-avatar-border-color:var(--tt-gray-dark-200);--tiptap-avatar-fallback-bg-color:var(--tt-gray-dark-200);--tiptap-avatar-item-bg-color:var(--tt-gray-dark-300);--tiptap-avatar-fallback-text-color:var(--tt-gray-dark-a-600)}.tiptap-avatar{vertical-align:middle;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.tiptap-avatar[data-size=default]{width:1.5rem;height:1.5rem}.tiptap-avatar[data-size=default] .tiptap-avatar-fallback{font-size:.5rem}.tiptap-avatar[data-size=sm]{width:1.25rem;height:1.25rem}.tiptap-avatar[data-size=sm] .tiptap-avatar-fallback{font-size:.4375rem}.tiptap-avatar[data-size=lg]{width:1.75rem;height:1.75rem}.tiptap-avatar[data-size=lg] .tiptap-avatar-fallback{font-size:.625rem}.tiptap-avatar[data-size=xl]{width:2.25rem;height:2.25rem}.tiptap-avatar[data-size=xl] .tiptap-avatar-fallback{font-size:.75rem}.tiptap-avatar-item{background-color:var(--dynamic-user-color,var(--tiptap-avatar-item-bg-color));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;position:relative}.tiptap-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.tiptap-avatar-fallback{width:100%;height:100%;color:var(--tiptap-avatar-fallback-text-color);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.tiptap-avatar-bg{background-color:var(--dynamic-user-color,var(--tiptap-avatar-item-bg-color));border-radius:50%;position:absolute;inset:0}.tiptap-avatar-group{align-items:center;display:inline-flex}.tiptap-avatar-group .tiptap-avatar-image,.tiptap-avatar-group .tiptap-avatar-fallback{border:2px solid var(--tiptap-avatar-border-color)}.tiptap-avatar-group .tiptap-avatar:not(:first-child){margin-left:-.5rem}
:root{--tt-slash-decoration-bg-color:var(--tt-gray-light-a-100);--tt-slash-decoration-color:var(--tt-gray-light-a-400)}.dark{--tt-slash-decoration-bg-color:var(--tt-gray-dark-a-100);--tt-slash-decoration-color:var(--tt-gray-dark-a-400)}span.tiptap-slash-decoration{background:var(--tt-slash-decoration-bg-color);border-radius:var(--tt-radius-xs);outline:5.5px solid var(--tt-slash-decoration-bg-color)}span.tiptap-slash-decoration:after{color:var(--tt-slash-decoration-color)}span.tiptap-slash-decoration.is-empty:after{content:attr(data-decoration-content)}.tiptap-slash-card-body{width:100%}@media screen and (min-width:480px){.tiptap-slash-card{min-width:15rem}}
.drag-handle{transition-property:top;transition-duration:.2s;transition-timing-function:ease-out}.drag-handle:before{content:"";width:var(--drag-handle-main-axis-offset,16px);pointer-events:auto;height:100%;position:absolute;top:0;left:100%}
body{--tt-toolbar-height:44px;--tt-theme-text:var(--tt-gray-light-900)}.dark body{--tt-theme-text:var(--tt-gray-dark-900)}body{color:var(--tt-theme-text);font-optical-sizing:auto;overscroll-behavior-y:none;padding:0;font-family:Inter,sans-serif;font-style:normal;font-weight:400}html,body{overscroll-behavior-x:none}html,body,#root,#app{background-color:var(--tt-bg-color)}::-webkit-scrollbar{width:.25rem}*{scrollbar-width:thin;scrollbar-color:var(--tt-scrollbar-color)#0000}::-webkit-scrollbar-thumb{background-color:var(--tt-scrollbar-color);border-radius:9999px}::-webkit-scrollbar-track{background:0 0}.tiptap.ProseMirror{font-family:DM Sans,sans-serif}@media screen and (max-width:480px){.notion-like-editor-wrapper{width:100vw;height:100vh;overflow:auto}}.notion-like-editor-wrapper.fullscreen-mode{z-index:9999;background-color:var(--tt-bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:auto}.notion-like-editor-content{flex-direction:column;flex:1;width:100%;height:100%;margin:0 auto;display:flex}.notion-like-editor-content.fullscreen-mode .tiptap.ProseMirror.notion-like-editor{max-width:900px;margin:0 auto}.notion-like-editor-content .tiptap.ProseMirror.notion-like-editor{flex:1;padding:3rem 3rem 30vh}@media screen and (max-width:480px){.notion-like-editor-content .tiptap.ProseMirror.notion-like-editor{padding:1.5rem 1.5rem 30vh}}.spinner-container{flex-grow:1;flex-shrink:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;display:flex}.spinner-container .spinner-content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner-container .spinner-content svg{width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.spinner-container .spinner-content svg circle{opacity:.25;stroke:currentColor;stroke-width:4px}.spinner-container .spinner-content svg path{opacity:.75;fill:currentColor}.spinner-container .spinner-content .spinner-loading-text{text-align:center}
:root{--tt-notion-like-editor-header-border:var(--tt-gray-light-a-200);--tt-notion-like-editor-header-bg:var(--white)}.dark{--tt-notion-like-editor-header-border:var(--tt-gray-dark-a-200);--tt-notion-like-editor-header-bg:var(--black)}.notion-like-editor-header{z-index:50;background-color:var(--tt-notion-like-editor-header-bg);border-bottom:1px solid var(--tt-notion-like-editor-header-border);align-items:center;width:100%;height:3rem;padding:.5rem .75rem;display:flex;position:sticky;top:0}.notion-like-editor-header-actions{flex-direction:row;align-items:center;gap:.5rem;display:flex}
.tiptap-dropdown-menu{--tt-dropdown-menu-bg-color:var(--white);--tt-dropdown-menu-border-color:var(--tt-gray-light-a-100);--tt-dropdown-menu-text-color:var(--tt-gray-light-a-600)}.dark .tiptap-dropdown-menu{--tt-dropdown-menu-border-color:var(--tt-gray-dark-a-50);--tt-dropdown-menu-bg-color:var(--tt-gray-dark-50);--tt-dropdown-menu-text-color:var(--tt-gray-dark-a-600)}.tiptap-dropdown-menu{z-index:50;transform-origin:var(--radix-dropdown-menu-content-transform-origin);max-height:var(--radix-dropdown-menu-content-available-height);outline:none}.tiptap-dropdown-menu>*{max-height:var(--radix-dropdown-menu-content-available-height)}.tiptap-dropdown-menu[data-state=open]{animation:.15s cubic-bezier(.16,1,.3,1) fadeIn,.15s cubic-bezier(.16,1,.3,1) zoomIn}.tiptap-dropdown-menu[data-state=closed]{animation:.15s cubic-bezier(.16,1,.3,1) fadeOut,.15s cubic-bezier(.16,1,.3,1) zoomOut}.tiptap-dropdown-menu[data-side=top],.tiptap-dropdown-menu[data-side=top-start],.tiptap-dropdown-menu[data-side=top-end]{animation:.15s cubic-bezier(.16,1,.3,1) slideFromBottom}.tiptap-dropdown-menu[data-side=right],.tiptap-dropdown-menu[data-side=right-start],.tiptap-dropdown-menu[data-side=right-end]{animation:.15s cubic-bezier(.16,1,.3,1) slideFromLeft}.tiptap-dropdown-menu[data-side=bottom],.tiptap-dropdown-menu[data-side=bottom-start],.tiptap-dropdown-menu[data-side=bottom-end]{animation:.15s cubic-bezier(.16,1,.3,1) slideFromTop}.tiptap-dropdown-menu[data-side=left],.tiptap-dropdown-menu[data-side=left-start],.tiptap-dropdown-menu[data-side=left-end]{animation:.15s cubic-bezier(.16,1,.3,1) slideFromRight}
:root{--tt-toolbar-height:2.75rem;--tt-safe-area-bottom:env(safe-area-inset-bottom,0px);--tt-toolbar-bg-color:var(--white);--tt-toolbar-border-color:var(--tt-gray-light-a-100)}.dark{--tt-toolbar-bg-color:var(--black);--tt-toolbar-border-color:var(--tt-gray-dark-a-50)}.tiptap-toolbar{align-items:center;gap:.25rem;display:flex}.tiptap-toolbar-group{align-items:center;gap:.125rem;display:flex}.tiptap-toolbar-group:empty,.tiptap-toolbar-group:empty+.tiptap-separator,.tiptap-separator+.tiptap-toolbar-group:empty{display:none}.tiptap-toolbar[data-variant=fixed]{z-index:10;width:100%;min-height:var(--tt-toolbar-height);background:var(--tt-toolbar-bg-color);border-bottom:1px solid var(--tt-toolbar-border-color);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 .5rem;position:sticky;top:0;overflow-x:auto}.tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar{display:none}@media (max-width:480px){.tiptap-toolbar[data-variant=fixed]{height:calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));border-top:1px solid var(--tt-toolbar-border-color);padding:0 .5rem var(--tt-safe-area-bottom);border-bottom:none;flex-wrap:nowrap;justify-content:flex-start;position:absolute;top:auto}.tiptap-toolbar[data-variant=fixed] .tiptap-toolbar-group{flex:none}}.tiptap-toolbar[data-variant=floating]{--tt-toolbar-padding:.125rem;--tt-toolbar-border-width:1px;border-radius:calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));border:var(--tt-toolbar-border-width)solid var(--tt-toolbar-border-color);background-color:var(--tt-toolbar-bg-color);box-shadow:var(--tt-shadow-elevated-md);outline:none;padding:.188rem;overflow:hidden}.tiptap-toolbar[data-variant=floating][data-plain=true]{box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:0}@media screen and (max-width:480px){.tiptap-toolbar[data-variant=floating]{width:100%;box-shadow:none;border:none;border-radius:0}}