@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}.typeAndUrlSection__row{display:flex;gap:12px}.typeAndUrlSection__mobile{display:flex;flex-direction:column;gap:16px;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.typeAndUrlSection__mobile::-webkit-scrollbar{display:none}@media(min-width:768px){.typeAndUrlSection__mobile{display:none!important}}.typeAndUrlSection__select-mobile{width:100%;min-width:375px;height:69px;display:flex;flex-direction:column;gap:8px}.typeAndUrlSection__select-mobile .CTitle{min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeAndUrlSection__select-mobile :deep(.c-select){min-height:48px}.typeAndUrlSection__url-mobile{width:100%;min-width:375px;height:69px;display:flex;flex-direction:column;gap:8px}.typeAndUrlSection__url-mobile .CTitle{min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeAndUrlSection__url-mobile :deep(.c-input){min-height:48px}.typeAndUrlSection__desktop{display:none}@media(min-width:768px){.typeAndUrlSection__desktop{display:flex;gap:12px;width:100%}}.typeAndUrlSection__select{width:140px;height:69px;display:flex;flex-direction:column;gap:8px}.typeAndUrlSection__select .CTitle{min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeAndUrlSection__url{flex:1;height:69px;display:flex;flex-direction:column;gap:8px}.typeAndUrlSection__url-input-wrapper{width:100%;position:relative}.typeAndUrlSection__url-input-wrapper .CInput__input{padding-right:50px!important}.typeAndUrlSection__variable-list{position:absolute;top:calc(100% + 8px);border:1px solid #e5e5ea;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:var(--color-white,#fff);right:0;z-index:1000}.typeAndUrlSection__variable-btn{position:absolute;right:8px;z-index:99;top:50%;transform:translateY(-50%);border:none;border-radius:4px;background:transparent;cursor:pointer;font-size:14px;color:var(--color-typography-label-tertiary)}.typeAndUrlSection__variable-btn--active{color:var(--color-typography-label-brand)}