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