.sidebar-toggle{width:37px;height:37px;margin-right:13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:18px;cursor:pointer}.sidebar-close{position:absolute;top:15px;right:12px;display:none;width:32px;height:32px;border:0;border-radius:50%;background:#eee5de;color:#6f645e;font-size:22px;cursor:pointer}.crumb{margin-right:auto}.brand-button,.crumb-project{border:0;background:transparent;cursor:pointer;color:inherit}.brand-button{font:inherit;text-align:left}.crumb-project{padding:0;color:#928982}.crumb-project:hover{text-decoration:underline}.album-row{display:flex;align-items:center}.album-row .album{flex:1;min-width:0}.album-delete{border:0;background:transparent;color:#aa746e;width:30px;height:34px;font-size:21px;cursor:pointer}.album-delete:hover{color:#a04641}.app.sidebar-hidden{grid-template-columns:0 1fr}.app.sidebar-hidden .side{width:0;padding-left:0;padding-right:0;overflow:hidden;opacity:0;border-right:0;pointer-events:none}.viewer{height:100vh;padding:86px 76px 26px;overflow:hidden}.viewer img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 112px);object-fit:contain}.modal.notes-open .viewer{padding-right:32px}.viewerbar #viewName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-index{flex:0 0 auto;margin-left:8px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.13);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:720px){.sidebar-toggle{display:block;margin-right:10px;width:33px;height:33px}.sidebar-close{display:block}.top:before{display:none}.viewer{padding:64px 12px 14px}.viewer img{max-height:calc(100vh - 78px)}.modal.notes-open .viewer{padding:56px 10px 8px}.modal.notes-open .viewer img{max-height:100%}.viewer-index{margin-left:5px;padding:3px 6px;font-size:11px!important}}