@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{yellow:#ffbe15;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}.FlowsList{max-width:250px;position:absolute;z-index:2;background-color:#fff;border:1px solid #f2f2f7;border-radius:12px;padding:8px;top:110px;margin-left:20px;cursor:pointer;box-shadow:0 2px 8px #c7c7cc29}@media(max-width:767px){.FlowControlsMobileMenu .FlowsList{display:block;position:static;max-width:none;border:none;padding:0;margin:0;box-shadow:none;background-color:transparent}.flow-builder>.FlowsList{display:none}}.FlowsList:hover .FlowsList__button_icon{color:var(--color-blue,#1e5cfb)}.FlowsList--active{min-width:250px}.FlowsList:not(.FlowsList--active){width:48px;height:48px;padding:8px 0}.FlowsList:not(.FlowsList--active) .FlowsList__button{padding:0 0 0 12px}.FlowsList:not(.FlowsList--active) .FlowsList__button_icon{margin-right:0}.FlowsList__button{width:100%;margin:3px 0;min-height:26px;display:flex;align-items:center;cursor:pointer;background:none;border:none;outline:none;padding:0 6px 0 4px}.FlowsList__button_text{margin-left:4px;font-weight:500;font-size:16px;line-height:21px}.FlowsList__button_add{width:20px;height:20px;margin-left:auto;cursor:pointer;color:#c7c7cc}.FlowsList__button_add:hover{color:var(--color-blue,#1e5cfb)}.FlowsList__button_add:disabled{opacity:.5}.FlowsList__button_icon{width:20px;height:20px;margin:0 5px 0 2px;color:var(--color-base-dark,#353442)}.FlowsList__button_icon--active{color:var(--color-blue,#1e5cfb)}@media(max-width:767px){.FlowControlsMobileMenu .FlowsList__button_icon--active{color:#000!important}.FlowControlsMobileMenu .FlowsList__button_icon{color:#000}}.FlowsList__list{margin-top:12px;display:grid;grid-auto-rows:auto;gap:2px;max-height:350px;overflow-y:auto;overflow-x:hidden}.FlowsList__context-menu{position:fixed;width:190px;padding:6px 4px;background:#fff;min-width:180px;border:1px solid #f2f2f7;box-shadow:0 8px 16px #b1b1b433;border-radius:8px;top:30px;left:40px;z-index:1001}@media(max-width:767px){.FlowsList__context-menu{width:200px;min-width:200px;box-shadow:0 12px 24px #00000026;border-radius:12px}}