@layer theme,base;@layer app{.page-emoji{flex:none;place-items:center;width:15px;height:15px;font-size:13px;line-height:1;display:inline-grid}.doc-row.has-children:hover>a>.page-emoji:first-child{opacity:0}.doc-row.has-children:has(.disclose:focus-visible)>a>.page-emoji:first-child{opacity:0}.file-name>.page-emoji{width:16px;height:16px;font-size:14px}.doc-icon-row{align-items:flex-end;min-height:30px;margin-bottom:4px;padding-left:54px;display:flex}.doc-icon-row.has-icon{min-height:0;margin:8px 0 6px}button.doc-icon{width:72px;height:72px;min-height:0;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;margin-left:-6px;padding:0;font-size:58px;line-height:1}button.doc-icon:hover:not(:disabled),button.doc-icon[data-state=open]{background:var(--hover);border-color:#0000}button.doc-add-icon{height:26px;min-height:0;color:var(--faint);opacity:0;background:0 0;border:0;border-radius:6px;margin-left:-8px;padding:0 8px;font-size:13px;font-weight:450;transition:opacity .12s}.doc-editor:hover button.doc-add-icon,button.doc-add-icon:focus-visible,button.doc-add-icon[data-state=open]{opacity:1}button.doc-add-icon:hover:not(:disabled){background:var(--hover);color:var(--muted);border-color:#0000}@media (hover:none){button.doc-add-icon{opacity:1}}.emoji-popover{z-index:60;border:1px solid var(--line-2);background:var(--sheet);width:352px;max-width:calc(100vw - 24px);color:var(--text);border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #00000029}.emoji-picker{flex-direction:column;height:min(380px,60vh);display:flex}.emoji-picker-bar{align-items:center;gap:4px;padding:8px 8px 6px;display:flex}.emoji-search{border:1px solid var(--line-2);background:var(--ground);height:30px;color:var(--faint);border-radius:6px;flex:1;align-items:center;gap:6px;padding:0 8px;display:flex}.emoji-search:focus-within{border-color:var(--brand)}.emoji-search svg{flex:none;width:14px;height:14px}.emoji-search input,.emoji-search input:focus{min-width:0;height:100%;box-shadow:none;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13px}button.emoji-tool{width:30px;height:30px;min-height:0;color:var(--muted);background:0 0;border:1px solid #0000;justify-content:center;padding:0}button.emoji-tool:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:#0000}.emoji-tabs{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 8px 4px;display:flex}.emoji-tabs button,.emoji-cells button{min-height:0;color:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;padding:0;line-height:1}.emoji-tabs button{opacity:.7;width:30px;height:28px;font-size:16px}.emoji-tabs button:hover:not(:disabled),.emoji-cells button:hover:not(:disabled),.emoji-cells button:focus-visible{background:var(--hover);opacity:1;border-color:#0000}.emoji-grid{overscroll-behavior:contain;flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.emoji-grid h4{z-index:1;background:var(--sheet);color:var(--faint);margin:0;padding:8px 2px 4px;font-size:11.5px;font-weight:500;position:sticky;top:0}.emoji-cells{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));display:grid}.emoji-cells button{height:32px;font-size:22px}.emoji-empty{text-align:center;color:var(--faint);margin:24px 0;font-size:13px}.emoji-preview{border-top:1px solid var(--line);height:40px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:flex}.emoji-preview .big{font-size:22px;line-height:1}.emoji-preview .faint{color:var(--faint)}.doc-icon-still{justify-content:center;align-items:center;width:72px;height:72px;margin-left:-6px;font-size:58px;line-height:1;display:flex}}@layer components,utilities;
