@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes client-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drop-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes skeleton-loading{to{transform:translate(240%)}}@keyframes skeleton-sheen{0%{transform:skew(-40deg) translate(-100%)}to{transform:skew(-40deg) translate(240%)}}@keyframes skeleton-fade{0%,to{opacity:.6}50%{opacity:1}}@keyframes connect-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.client-view-enter-active{animation:client-slide-in .5s}.client-view-leave-active{animation:client-slide-in .8s reverse}.dropdown-enter-active{animation:drop-down .5s ease-out}.dropdown-leave-active{animation:drop-down .5s ease-in reverse}.slide-up-enter-active,.slide-up-leave-active{transition-delay:.5s;transition:.3s ease-in-out}.slide-up-enter-from{transform:translateY(100%)}.slide-up-enter-to{transform:translateY(0)}.slide-up-leave-to{transform:translateY(100%)}:export{white:#fcfcfc;white-light:#fff;base-dark:#353442;grey-dark:#9296ad;grey:#b7bacf;grey-1:#333;grey-light:#dfe1ec;grey-light-40:#f0f1f6;grey-light-20:#f6f7f9;light:#fcfcfc;purple:#7857ff;purple-light:#896cff;accent-red:#ff364e;accent-green:#25ca53;accent-yellow:#ffb12e}.Nav.NavSidebar{display:flex;flex-direction:column;gap:18px;position:fixed;z-index:11;top:0;bottom:0;right:calc(100% + 248px);height:100%;flex-shrink:0;width:248px;padding:12px 20px 0;border-radius:12px;background-color:var(--color-gray-f7,#f2f2f7);overflow:hidden;transition:background-color .3s ease-in-out,width .25s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.Nav.NavSidebar{right:calc(100% + 264px)}}@media(min-width:1024px){.Nav.NavSidebar{position:static;border-radius:0;border-right:none}}.Nav.NavSidebar.NavSidebar--collapsed{width:56px}.Nav.NavSidebar .NavSidebar__workspace{display:flex;align-items:center;gap:8px;margin:0 -12px}.Nav.NavSidebar .NavSidebar__collapse-toggle{border:none;background:var(--color-white,#fff);cursor:pointer;font-family:Inter,sans-serif;letter-spacing:-.2px;transition:background .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border-radius:10px;color:#3c3c4399;transition:background .2s ease,color .2s ease}.Nav.NavSidebar .NavSidebar__collapse-toggle:hover{background:var(--color-gray-f9,#f9f9fb);color:var(--color-gray-43,#3c3c43)}.Nav.NavSidebar .NavSidebar__menu{flex:1;min-height:0}.Nav.NavSidebar .NavSidebar__account{margin-top:-18px;margin-right:-12px;margin-left:-12px}.Nav.NavSidebar:has(.NavSidebar__usage) .NavSidebarAccount__trigger{margin-bottom:0;border-radius:12px 12px 0 0}.Nav.NavSidebar .NavSidebar__usage{width:auto;margin:-18px -12px 0;border-radius:0;background-color:var(--color-white,#fff)}.Nav.NavSidebar .NavSidebar__usage.SidebarStatusCard{justify-content:center;gap:6px;min-height:50px;padding:6px 12px}.Nav.NavSidebar .NavSidebar__usage:last-child{margin-bottom:12px;border-radius:0 0 12px 12px}.Nav.NavSidebar .NavSidebar__usage.SidebarStatusCard--interactive:hover{background-color:var(--color-gray-f9,#f9f9fb)}.Nav.NavSidebar .NavSidebar__usage.InteractionsCounter{gap:6px;padding:8px 12px 10px}.Nav.NavSidebar .NavSidebar__usage.InteractionsCounter h4{font-size:12px;line-height:16px}
