@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}.AutomationCreateModal{display:flex;flex-direction:column;gap:20px;padding:0 16px 24px}@media(min-width:768px){.AutomationCreateModal{width:600px;padding:24px}}.AutomationCreateModal__list{display:flex;flex-direction:column;gap:20px}.AutomationCreateModal__card{display:grid;grid-template-areas:"icon badge arrow" "title title title" "caption caption caption";grid-template-columns:auto 1fr auto;-moz-column-gap:16px;column-gap:16px;width:100%;padding:16px;border:1px solid var(--color-gray-e5,#e5e5ea);border-radius:16px;background-color:transparent;text-align:left;cursor:pointer;transition:var(--transition)}@media(min-width:768px){.AutomationCreateModal__card{grid-template-areas:"icon head arrow" "icon caption arrow";-moz-column-gap:12px;column-gap:12px}}.AutomationCreateModal__card:hover{border-color:var(--color-blue,#1e5cfb)}.AutomationCreateModal__card--accent{background-color:var(--color-white,#fff)}.AutomationCreateModal__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--color-gray-f9,#f9f9fb);color:var(--color-black,#000)}.AutomationCreateModal__head{display:contents}@media(min-width:768px){.AutomationCreateModal__head{grid-area:head;display:flex;align-items:center;gap:8px;min-width:0}}.AutomationCreateModal__card-title{font-size:16px;font-weight:500;line-height:21px;letter-spacing:-.3px;grid-area:title;margin-top:12px;color:var(--color-black,#000)}@media(min-width:768px){.AutomationCreateModal__card-title{grid-area:auto;margin-top:0}}.AutomationCreateModal__badge{--sticker-color:var(--color-pink-fast,#f757c6);grid-area:badge;align-self:center;justify-self:start;flex:none;color:var(--color-white,#fff)}@media(min-width:768px){.AutomationCreateModal__badge{grid-area:auto}}.AutomationCreateModal__caption{font-size:14px;font-weight:400;line-height:19px;letter-spacing:-.2px;grid-area:caption;margin-top:2px;min-width:0;color:#3c3c43a6}.AutomationCreateModal__arrow{grid-area:arrow;align-self:center;margin-right:4px;color:var(--color-black,#000)}