.sidebar{--index-icon-size: 32px;--index-icon-bg: var(--neutral-200);--index-icon-fs: 1em;--index-description-color: var(--neutral-400);--index-fs: 1em;--conversation-fs: 1em;position:fixed;width:var(--sidebar-width);border-right:1px solid var(--neutral-100);height:100%;z-index:100;bottom:0;top:0;transform:translateX(-100%);background:var(--sidebar-background);transition:transform .3s ease-in-out}@media(min-width: 768px){.sidebar{transform:translateX(0)}}.sidebar.open{transform:translateX(0%)}.sidebar aside{display:flex;flex-direction:column;height:calc(100dvh - 4rem);overscroll-behavior:contain}.sidebar__content{overflow:auto;padding-inline:.5rem;overscroll-behavior:contain}.sidebar__content.has-overflow{box-shadow:inset 0 -15px 9px -15px rgba(0,0,0,.1);padding-bottom:2rem}.sidebar__general-button{width:100%;background:var(--neutral-50);padding-block:.75rem;padding-inline:1rem;text-align:center;position:sticky;top:0;z-index:10000;padding-inline-start:3.5rem}@media(min-width: 768px){.sidebar__general-button{padding-inline-start:1rem}}.sidebar__general-button svg{width:20px;height:20px}.sidebar__general-button button{background-color:var(--accent-400);color:#fff;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border-radius:1.5rem;padding-inline:1.5rem;padding-block:.25rem}@media(min-width: 768px){.sidebar__general-button button{padding-inline:1.5rem;padding-block:.5rem}}.sidebar__general-button button:hover{background-color:var(--accent-500)}.sidebar__search{width:100%;border-radius:.375rem;outline:none;margin-block-start:1rem}.sidebar__search span{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);pointer-events:none}.sidebar__search input.search{width:100%;background:var(--neutral-0);border:solid 1px var(--neutral-200);border-radius:.25rem;font-size:.8em}.sidebar__search:focus{box-shadow:0 0 0 2px #3b82f6}.sidebar__conversations{margin-top:2rem}.sidebar__conversations .period{font-weight:bold;font-size:var(--fs-80);padding-inline:.5rem;margin-block-start:1rem}.sidebar__conversations ul{display:flex;flex-direction:column;list-style-type:none;gap:.25rem;padding:0;margin-inline:0;margin-block:.5rem}.sidebar__conversations ul li.conversation-item{display:flex;width:100%;justify-content:space-between;align-items:center;padding-inline:.5rem;padding-block:.25rem;position:relative;z-index:1000;border-radius:.5rem;font-size:var(--fs-200)}.sidebar__conversations ul li.conversation-item a{display:flex;flex-direction:column;line-height:1;width:100%}.sidebar__conversations ul li.conversation-item a:hover{color:var(--neutral-900)}.sidebar__conversations ul li.conversation-item a span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-block:.25rem}.sidebar__conversations ul li.conversation-item a .index-name{display:block;color:var(--neutral-400);font-size:var(--fs-100)}.sidebar__conversations ul li.conversation-item.active{background-color:var(--neutral-100)}.sidebar__conversations ul li.conversation-item .conversation-item__edit-input{width:calc(100% - 32px);padding-block:0;font-size:.8rem}.sidebar__conversations ul li.conversation-item .conversation-item__link{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar__conversations ul li.conversation-item button[data-item-submenu-trigger]{color:var(--neutral-700);flex-shrink:0;margin-left:1rem}.sidebar__conversations ul li.conversation-item button[data-item-submenu-trigger] svg{width:16px;height:16px}@media(min-width: 768px){.sidebar__conversations ul li.conversation-item button[data-item-submenu-trigger]{display:none}}.sidebar__conversations ul li.conversation-item:hover{background-color:var(--neutral-0)}.sidebar__conversations ul li.conversation-item:hover button[data-item-submenu-trigger]{display:block}.sidebar__indexes ul{display:flex;flex-direction:column;list-style-type:none;margin-inline:0}.sidebar__indexes ul li.index-item{display:flex;width:100%;justify-content:space-between;align-items:center;align-items:center;padding-inline:.5rem;position:relative;z-index:1000;border-radius:.5rem;font-size:var(--fs-200);padding-block:.25rem}.sidebar__indexes ul li.index-item .index-item__link{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar__indexes ul li.index-item button[data-item-submenu-trigger]{color:var(--neutral-700);flex-shrink:0;margin-left:1rem}.sidebar__indexes ul li.index-item button[data-item-submenu-trigger] svg{width:16px;height:16px}@media(min-width: 768px){.sidebar__indexes ul li.index-item button[data-item-submenu-trigger]{display:none}}.sidebar__indexes ul li.index-item:hover{background-color:var(--neutral-0)}.sidebar__indexes ul li.index-item:hover button[data-item-submenu-trigger]{display:block}.sidebar__submenu{position:absolute;background:var(--neutral-0);border:1px solid var(--neutral-100);box-shadow:0 2px 8px rgba(0,0,0,.1);list-style:none;padding-block:.5rem;margin:0;min-width:150px;z-index:1000;display:flex;flex-direction:column;gap:.5rem;border-radius:1rem}.sidebar__submenu li{padding:0}.sidebar__submenu li a{display:flex;align-items:center;gap:.5rem;padding-inline:1rem;color:var(--neutral-900);text-decoration:none}.sidebar__submenu li a svg{width:16px;height:16px;flex-shrink:0}.sidebar__submenu li a.delete{color:var(--error-500)}.sidebar__logo{margin-top:auto;padding:1rem;display:flex;align-items:center;justify-content:center}.sidebar__logo img{width:50px}@keyframes sidebar-logo-rotate{0%{transform:rotate(0deg)}80%{transform:rotate(350deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.burger-menu{display:block;z-index:10000;width:24px;height:32px;background:none;border:none;transform:rotate(0deg);cursor:pointer;transition:500ms ease-in-out}.burger-menu .menu-icon{display:block;height:2px;width:100%;background:var(--neutral-800);opacity:1;transform:rotate(0deg);transition:250ms ease-in-out}.burger-menu .menu-icon:first-child{margin-bottom:4px}.burger-menu.button-open .menu-icon:first-child{margin-bottom:-2px;transform:rotate(45deg)}.burger-menu.button-open .menu-icon:nth-child(2){transform:rotate(-45deg)}@media(min-width: 768px){.burger-menu{display:none}}
