.app-layout{display:flex;flex-direction:row;flex:1 1;background:#f2f2f2;height:100vh}.app-layout .ant-pro-page-container{flex:1 1;overflow-y:scroll;display:flex;flex-direction:column;background:#fff;margin:10px;border-radius:6px}.app-layout .ant-pro-page-container .ant-pro-grid-content{flex:1 1;overflow-y:scroll}.app-layout .app-sidebar{display:flex;flex-direction:row;position:relative;overflow:hidden}.app-layout .app-sidebar .toggleButton{top:50%;right:15px;bottom:0;height:5rem;background:#fff;border:1px solid #ddd}.app-layout .app-sidebar.closed{transform:translateX(-300px)}.app-layout .sidebar{flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:4rem;padding:.5rem;display:flex}.app-layout .sub-sidebar{height:100%;width:16rem;border-right:1px solid var(--vg-color-border-secondary);padding:1rem;display:flex;flex-direction:column;gap:1rem}.app-layout .sub-sidebar .body{flex:1 1}button[data-active=true],button[data-active=true]:hover{background:var(--vg-color-primary)!important;color:#fff!important;border-color:var(--vg-color-primary)!important}.note-list-item{display:flex;flex-direction:column;border:var(--vg-line-width) var(--vg-line-type) rgba(0,0,0,0);border-radius:var(--vg-border-radius);align-items:start!important;-webkit-border-after:none!important;border-block-end:none!important;padding:.5rem!important;margin-bottom:.5rem}.note-list-item:hover,.note-list-item[data-active=true]{background:rgba(0,0,0,.06)}.note-list-item .title{margin-block:0;font-size:var(--vg-font-size);font-weight:500}.note-title-input,.note-title-input:focus,.note-title-input:hover{box-shadow:none!important;border:none!important;padding-inline:0!important;font-size:var(--vg-font-size-heading-3)!important;font-weight:700!important;background:rgba(0,0,0,0)!important}.notebook-list .ant-list-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1em;gap:1em;align-items:stretch}.notebook-item{padding:1rem;border:1px solid var(--vg-color-border-secondary);border-radius:var(--vg-border-radius);display:flex;flex-direction:column;cursor:pointer;height:90px;justify-content:center}.notebook-item .title{font-weight:400!important;font-size:calc(var(--vg-font-size)*1.1);margin-block:0;margin-top:10px}.notebook-item.create{border-style:dashed;font-size:var(--vg-font-size-heading-5);border-width:2px;display:flex;align-items:center;justify-content:center}