.sidebar-outer{position:relative;display:inline-block}.sidebar-toggle-outer{position:absolute;width:24px;height:24px;top:15px;left:90px;cursor:pointer;padding:.1rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;transition:left .4s cubic-bezier(.77,0,.175,1),top .4s cubic-bezier(.77,0,.175,1);z-index:200}.sidebar{position:relative;width:50px;height:calc(100vh - 50px);max-height:100vh;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;padding:.5rem;transition:width .4s cubic-bezier(.77,0,.175,1),padding .4s cubic-bezier(.77,0,.175,1);border:1px solid lightgray;border-radius:8px}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;transition:width .4s cubic-bezier(.77,0,.175,1)}.sidebar .sidebar-header img{width:32px;height:32px;margin-right:0;flex-shrink:0;transition:width .4s cubic-bezier(.77,0,.175,1),height .4s cubic-bezier(.77,0,.175,1),margin-right .4s cubic-bezier(.77,0,.175,1)}.sidebar .sidebar-header .logo-text{display:none;vertical-align:middle;overflow:hidden;white-space:nowrap;width:100px;opacity:1;margin-left:.5rem;transition:opacity .4s cubic-bezier(.77,0,.175,1),width .4s cubic-bezier(.77,0,.175,1),margin .4s cubic-bezier(.77,0,.175,1)}.sidebar .sidebar-content,.sidebar .sidebar-footer{display:flex;flex-direction:column;gap:.5rem}.sidebar .sidebar-content{flex-grow:1;margin-bottom:auto}.sidebar .sidebar-item{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:20px;cursor:pointer;transition:background-color .2s,color .2s;text-decoration:none;text-align:center;font-size:.8rem}.sidebar .sidebar-item svg{width:24px;height:24px;transition:margin-right .4s cubic-bezier(.77,0,.175,1)}.sidebar .sidebar-item span{display:none;vertical-align:middle;overflow:hidden;white-space:nowrap;width:100px;opacity:1;margin-left:.5rem;transition:opacity .4s cubic-bezier(.77,0,.175,1),width .4s cubic-bezier(.77,0,.175,1),margin .4s cubic-bezier(.77,0,.175,1)}.sidebar.open{width:180px;padding:1rem}.sidebar.open .sidebar-header{justify-content:flex-start}.sidebar.open .sidebar-header img{width:40px;height:40px;margin-right:.5rem}.sidebar.open .sidebar-header .logo-text{display:inline-block;width:100px;opacity:1;margin-left:.5rem}.sidebar.open .sidebar-item{justify-content:flex-start;padding:.5rem 1rem;text-align:left;font-size:1rem}.sidebar.open .sidebar-item svg{margin-right:1rem}.sidebar.open .sidebar-item span{display:inline-block;width:100px;opacity:1;margin-left:.5rem}.sidebar:not(.open) .sidebar-header .logo-text{width:0;opacity:0;margin-left:0;pointer-events:none}.sidebar:not(.open) .sidebar-item span{width:0;opacity:0;margin-left:0;pointer-events:none}.theme-light{background-color:#e2e8f0;color:var(--color-text-light-default)}.theme-light .logo-text{color:var(--color-text-logo-light-default)}.theme-light .sidebar-item{color:var(--color-text-light-default)}.theme-light .sidebar-item:hover{background-color:var(--color-sidebar-background-light-hover);color:var(--color-text-light-hover)}.theme-light .sidebar-item:active,.theme-light .sidebar-item:focus{background-color:var(--color-sidebar-background-light-active);color:var(--color-text-light-active)}.theme-light .sidebar-toggle-outer{background-color:var(--color-button-background-light-default);color:var(--color-text-light-default)}.theme-light .sidebar-outer .sidebar.open+.sidebar-toggle-outer{left:195px;top:30px;background-color:#e2e8f0}.theme-dark{background-color:#1e293b;color:var(--color-text-dark-default)}.theme-dark .logo-text{color:var(--color-text-logo-dark-default)}.theme-dark .sidebar-item{color:var(--color-text-dark-default)}.theme-dark .sidebar-item:hover{background-color:var(--color-sidebar-background-dark-hover);color:var(--color-text-dark-hover)}.theme-dark .sidebar-item:active,.theme-dark .sidebar-item:focus{background-color:var(--color-sidebar-background-dark-active);color:var(--color-text-dark-active)}.theme-dark .sidebar-toggle-outer{background-color:var(--color-button-background-dark-default);color:var(--color-text-dark-default)}.theme-dark .sidebar-outer .sidebar.open+.sidebar-toggle-outer{left:195px;top:30px;background-color:#1e293b}.theme-light .sidebar{background-color:var(--color-sidebar-background-light-default)}.theme-dark .sidebar{background-color:var(--color-sidebar-background-dark-default)}:root{--color-sidebar-background-dark-default: #202127;--color-sidebar-background-dark-hover: #2d2e34;--color-sidebar-background-dark-active: #393a3f;--color-text-dark-default: #f0f2ff;--color-text-dark-hover: #f0f2ff;--color-text-dark-active: #f0f2ff;--color-text-logo-dark-default: #3b82f6;--color-button-background-dark-default: #202127;--color-button-background-dark-active: #4b5966;--color-sidebar-background-light-default: #fff;--color-sidebar-background-light-hover: #f0f2ff;--color-sidebar-background-light-active: #f0f2ff;--color-text-light-default: #97a5b9;--color-text-light-hover: #091b31;--color-text-light-active: #0000b5;--color-text-logo-light-default: #0000b5;--color-button-background-light-default: #fff;--color-button-background-light-active: #e2e8f0}html{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;background-color:#e2e8f0;color:#ffffffde}