@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{display:flex;flex-direction:column;position:fixed;z-index:11;top:0;bottom:0;right:calc(100% + 248px);height:100%;padding:20px 16px;border-radius:12px;background-color:var(--color-white,#fff);transition:background-color .3s ease-in-out,border-color .3s ease-in-out}@media(min-width:768px){.Nav{right:calc(100% + 264px)}}@media(min-width:1024px){.Nav{border-radius:0;margin-right:0;border-right:1px solid var(--color-gray-f7,#f2f2f7);position:static;padding:20px 16px}}.Nav__item{cursor:pointer;display:flex;justify-content:center;align-items:center;color:#3c3c43b8;width:40px;height:40px;border-radius:8px;margin-bottom:8px}.Nav__item--active,.Nav__item:hover{background-color:var(--color-gray-f7,#f2f2f7)}.Nav__item--active{color:var(--color-blue,#1e5cfb)}.Nav__item svg{width:24px;height:24px}.Nav__workspace{position:relative}.Nav__workspace-button{cursor:pointer;transition:opacity .2s;margin-bottom:24px}.Nav__workspace-button:hover{opacity:.8}.Nav__workspace-menu{top:0;left:52px;width:300px}.Nav__user-wrapper{position:relative;width:40px;height:40px;margin-top:auto}.Nav__user{cursor:pointer}.Nav__user-context-menu{left:calc(100% + 8px);bottom:0}@media(min-width:768px){.Nav__workspace-form{width:400px}}.Nav__tooltip .Tooltip__content{display:none}@media(min-width:1024px){.Nav__tooltip .Tooltip__content{display:block;top:calc(50% - 4px);right:0}}.Nav--dark{background-color:var(--color-dark-bg-tertiary,#2a2a2a);border-right:none}@media(min-width:1024px){.Nav--dark{border-right:1px solid var(--color-dark-border-subtle,#383838)}}.Nav--dark .Nav__workspace{background-color:var(--color-dark-bg-tertiary,#2a2a2a)}.Nav--dark .Nav__item{background-color:transparent;color:var(--color-dark-text-muted,#8b8b8b)}.Nav--dark .Nav__item:hover{background-color:var(--color-dark-bg-secondary,#404040)}.Nav--dark .Nav__item svg{color:var(--color-dark-text-muted,#8b8b8b)}.Nav--dark .Nav__item--active{background-color:var(--color-dark-bg-secondary,#404040)}.Nav--dark .Nav__item--active,.Nav--dark .Nav__item--active svg{color:var(--color-dark-text-primary,#ececec)}.Nav--dark .Nav__user-wrapper{background-color:var(--color-dark-bg-tertiary,#2a2a2a)}