.commonplace_layout__hn6D5{display:flex;min-height:calc(100vh - var(--nav-h))}.commonplace_main__12l5S{flex:1 1;display:flex;flex-direction:column;min-width:0;background:var(--white)}.commonplace_empty__Uff_X{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--gray-3);font-size:.9rem}.commonplace_empty__Uff_X kbd{background:var(--gray-1);border:1px solid var(--gray-2);padding:.1rem .35rem;font-family:var(--font);font-size:.82rem;border-radius:2px}.NoteList_list__dimAn{width:280px;min-width:280px;background:var(--white);border-right:var(--gap) solid var(--gray-2);display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - var(--nav-h));position:-webkit-sticky;position:sticky;top:var(--nav-h)}.NoteList_topRow__XSfgm{padding:.75rem 1rem;border-bottom:var(--gap) solid var(--gray-2);display:flex;align-items:center;gap:.5rem}.NoteList_todayBtn__f5LJd{background:var(--black);color:var(--white);border:none;padding:.3rem .75rem;font-family:var(--font);font-size:.78rem;font-weight:600;cursor:pointer;letter-spacing:.04em}.NoteList_todayBtn__f5LJd:hover{background:#333}.NoteList_newBtn__MkW5L{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--gray-3);font-size:1.2rem;line-height:1;padding:0 .15rem;transition:color .1s}.NoteList_newBtn__MkW5L:hover{color:var(--black)}.NoteList_item____t6T{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.65rem 1rem;background:none;border:none;border-bottom:var(--gap) solid var(--gray-1);cursor:pointer;text-align:left;width:100%;transition:background .1s}@media (hover:hover){.NoteList_item____t6T:hover{background:var(--gray-1)}}.NoteList_active__rDkE8{background:var(--gray-1);border-left:2px solid var(--black)}.NoteList_itemMain__edZ80{display:flex;align-items:center;width:100%;gap:.25rem;min-width:0}.NoteList_deleteBtn__Sz1Pv{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--gray-3);font-size:1rem;line-height:1;padding:0 .1rem;opacity:0;transition:opacity .1s,color .1s;margin-left:auto}@media (hover:hover){.NoteList_item____t6T:hover .NoteList_deleteBtn__Sz1Pv{opacity:1}}.NoteList_deleteBtn__Sz1Pv:hover{color:var(--black)}.NoteList_calIcon__D2yrT{font-size:.65rem;color:var(--gray-3);margin-right:.25rem}.NoteList_itemTitle__XepJ9{font-size:.88rem;line-height:1.3;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.NoteList_itemTitleWrap__jPTyD{white-space:normal;overflow:visible;text-overflow:unset}.NoteList_preview__Fmtka{font-size:.75rem;line-height:1.35;color:var(--gray-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.NoteList_tagRow__4__ws{display:flex;flex-wrap:wrap;gap:.25rem}.NoteList_tag__Nkjm0{font-size:.65rem;background:var(--gray-2);padding:.1rem .4rem;color:var(--gray-3);letter-spacing:.04em}.NoteList_empty__MdVdv{padding:2rem 1rem;color:var(--gray-3);font-size:.82rem;text-align:center;line-height:1.6}@media (max-width:768px){.NoteList_list__dimAn{width:100%;min-width:0;height:auto;position:static;border-right:none}.NoteList_item____t6T{padding:.75rem 1rem}.NoteList_todayBtn__f5LJd{padding:.45rem 1rem}.NoteList_newBtn__MkW5L{font-size:1.5rem;padding:0 .35rem}}