@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}.AutomationCreateMethods__list{display:flex;flex-direction:column;gap:12px}.AutomationCreateMethods__card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;position:relative;display:block;width:100%;border-radius:16px}.AutomationCreateMethods__card:not(:disabled):focus-visible,.AutomationCreateMethods__card:not(:disabled):hover{outline:none}.AutomationCreateMethods__card:not(:disabled):focus-visible .AutomationCreateMethods__point,.AutomationCreateMethods__card:not(:disabled):hover .AutomationCreateMethods__point{box-shadow:inset 0 0 0 1px var(--color-blue,#1e5cfb)}.AutomationCreateMethods__card:not(:disabled):focus-visible .AutomationCreateMethods__marker,.AutomationCreateMethods__card:not(:disabled):hover .AutomationCreateMethods__marker{color:var(--color-blue,#1e5cfb)}.AutomationCreateMethods__card:disabled{cursor:default}.AutomationCreateMethods__card--pending{--methods-shimmer-color:hsla(0,0%,100%,.8);overflow:hidden}.AutomationCreateMethods__card--pending .AutomationCreateMethods__marker,.AutomationCreateMethods__card--pending .AutomationCreateMethods__point{opacity:.6}.AutomationCreateMethods__card--pending:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,var(--methods-shimmer-color) 50%,transparent 70%);transform:translate(-100%);animation:connect-skeleton-shimmer 1.6s ease-in-out infinite}.AutomationCreateMethods__point{height:100%;transition:box-shadow .2s,opacity .2s}.AutomationCreateMethods__marker{position:absolute;top:24px;right:16px;display:flex;width:24px;height:24px;color:var(--color-black,#000);transition:color .2s,opacity .2s}.AutomationCreateMethods__badge{--sticker-color:var(--color-pink-fast,#f757c6);display:none;color:var(--color-white,#fff)}.AutomationCreateMethods .AutomationCreateMethods__point .CEmptyPoint__mini{margin-right:32px}.AutomationCreateMethods__card--mcp .AutomationCreateMethods__point{background:#f757c61a}.AutomationCreateMethods__card--virale .AutomationCreateMethods__point{background:#c8ff6f59}.AutomationCreateMethods--dark .AutomationCreateMethods__card .AutomationCreateMethods__point{background:var(--color-dark-bg-medium,#3a3a3a)}.AutomationCreateMethods--dark .CEmptyPoint__title{color:var(--color-dark-text-primary,#ececec)}.AutomationCreateMethods--dark .CEmptyPoint__caption{color:var(--color-dark-text-secondary,#b0b0b0)}.AutomationCreateMethods--dark .AutomationCreateMethods__marker{color:var(--color-dark-text-primary,#ececec)}.AutomationCreateMethods--dark .AutomationCreateMethods__card:not(:disabled):focus-visible .AutomationCreateMethods__point,.AutomationCreateMethods--dark .AutomationCreateMethods__card:not(:disabled):hover .AutomationCreateMethods__point{box-shadow:inset 0 0 0 1px var(--color-dark-border-hover,#7a7a7a)}.AutomationCreateMethods--dark .AutomationCreateMethods__card:not(:disabled):focus-visible .AutomationCreateMethods__marker,.AutomationCreateMethods--dark .AutomationCreateMethods__card:not(:disabled):hover .AutomationCreateMethods__marker{color:var(--color-white,#fff)}.AutomationCreateMethods--dark .AutomationCreateMethods__card--pending{--methods-shimmer-color:hsla(0,0%,100%,.14)}@media(min-width:768px){.AutomationCreateMethods__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.AutomationCreateMethods__card{border-radius:20px}.AutomationCreateMethods__marker{top:16px}.AutomationCreateMethods .AutomationCreateMethods__point .CEmptyPoint__illustration{padding-right:32px}.AutomationCreateMethods__card--keyword{grid-column:1/-1}.AutomationCreateMethods__card--keyword .AutomationCreateMethods__marker{top:24px;right:24px}.AutomationCreateMethods .AutomationCreateMethods__card--keyword .AutomationCreateMethods__point{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:24px;min-height:0;padding:20px 32px}.AutomationCreateMethods .AutomationCreateMethods__card--keyword .AutomationCreateMethods__point .CEmptyPoint__illustration{flex:none;width:auto;height:176px;max-height:none;margin-right:24px;padding-right:0}.AutomationCreateMethods .AutomationCreateMethods__card--keyword .AutomationCreateMethods__point .CEmptyPoint__text{flex:1 1 auto;min-width:0}.AutomationCreateMethods .AutomationCreateMethods__card--keyword .AutomationCreateMethods__point .CEmptyPoint__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 12px}.AutomationCreateMethods .AutomationCreateMethods__card--keyword .AutomationCreateMethods__point .AutomationCreateMethods__badge{display:block}}
