.add-edit-note-container{pointer-events:auto;background-color:var(--background);height:calc(100vh - var(--nav-menu-height));justify-content:space-between}@media (min-width:640px){.add-edit-note-container{height:calc(100vh - 2*var(--md-nav-menu-height))}}:is(.add-edit-note-container .editor) .menu-bar{border-bottom:1px solid var(--border_gray)}:is(.add-edit-note-container .editor) .editor-content{max-height:inherit;border:0;flex:1;padding:16px;display:flex}:is(.add-edit-note-container .editor) .tiptap{background-color:var(--background);border:0}:is(.add-edit-note-container .editor) .tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.add-edit-note-container .button-row{border-top:1px solid var(--border_gray);justify-content:flex-end;width:100%;padding:6px 16px}:is(.add-edit-note-container .button-row) .blue-button{margin-left:12px}.add-edit-note-container.edit-note-container{height:calc(100vh - 3*var(--nav-menu-height))}@media (min-width:640px){.add-edit-note-container.edit-note-container{height:calc(100vh - 3*var(--md-nav-menu-height))}}.read-notes-container{pointer-events:auto;background-color:var(--background);height:calc(100vh - 2*var(--nav-menu-height));border-bottom:1px solid var(--border_gray);padding-bottom:200px;overflow-y:scroll}@media (min-width:640px){.read-notes-container{height:calc(100vh - 3*var(--md-nav-menu-height))}}.read-notes-container .read-note-item{border-bottom:1px solid var(--border_gray);flex-direction:column;padding:16px;display:flex}:is(.read-notes-container .read-note-item) .columns{flex-direction:row;justify-content:space-between;display:flex}@media (min-width:640px){.read-notes-container .read-note-item{padding:24px}}:is(.read-notes-container .read-note-item) h4{margin-bottom:12px;font-weight:600}:is(.read-notes-container .read-note-item) h5{font-weight:400}:is(.read-notes-container .read-note-item) svg{color:var(--color-main);cursor:pointer;margin-top:12px}:is(.read-notes-container .read-note-item) .right-column{text-align:center;flex-direction:column;align-items:center;display:flex}:is(.read-notes-container .read-note-item) .date-container{width:var(--md-nav-menu-height)}@media (min-width:640px){:is(.read-notes-container .read-note-item) .date-container{width:120px}}