@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}.http-request-response-section__mapping-info{width:100%!important;margin-bottom:20px}@media(max-width:767px){.http-request-response-section__mapping-info .CAlert__icon{margin-top:auto;margin-bottom:auto}}.http-request-response-section__mapping-headers{display:flex;align-items:center;gap:8px;margin-bottom:8px}@media(max-width:767px){.http-request-response-section__mapping-headers{display:none}}.http-request-response-section__mapping-header-first{width:calc(50% - 20px);font-size:14px;line-height:19px;font-weight:400;color:#737378}.http-request-response-section__mapping-header-second{flex:1;font-size:14px;line-height:19px;font-weight:400;color:#737378}.http-request-response-section__mapping-item{display:flex;flex-direction:column;margin-bottom:8px}@media(max-width:767px){.http-request-response-section__mapping-item{margin-bottom:20px}}.http-request-response-section__mapping-row{display:flex;align-items:flex-start;gap:8px}@media(max-width:767px){.http-request-response-section__mapping-row{flex-direction:column;align-items:stretch}}.http-request-response-section__mapping-column_first{width:calc(50% - 20px);display:flex;align-items:center;gap:8px;position:relative}@media(max-width:767px){.http-request-response-section__mapping-column_first{width:100%;flex-direction:column;align-items:stretch}}.http-request-response-section__mapping-column_second{width:calc(50% + 12px);display:flex;flex-direction:column;gap:8px}@media(max-width:767px){.http-request-response-section__mapping-column_second{width:100%}}.http-request-response-section__mapping-label-wrapper{display:none}@media(max-width:767px){.http-request-response-section__mapping-label-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}}.http-request-response-section__mapping-label{display:none;font-size:14px;line-height:19px;font-weight:400;color:#737378}@media(max-width:767px){.http-request-response-section__mapping-label{display:block;margin-bottom:0}}.http-request-response-section__mapping-variable-row{display:flex;align-items:center;gap:8px}.http-request-response-section__mapping-path-select,.http-request-response-section__mapping-variable{flex:1}.http-request-response-section__remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0}.http-request-response-section__remove-btn:hover{color:#f44}.http-request-response-section__remove-btn svg{width:20px;height:20px;color:#d9d9d9}.http-request-response-section__remove-btn svg:hover{color:var(--color-black,#000)}@media(max-width:767px){.http-request-response-section__remove-btn{display:none}}.http-request-response-section__remove-btn-mobile{width:24px;height:24px;display:none;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;flex-shrink:0}.http-request-response-section__remove-btn-mobile svg{width:20px;height:20px;color:#d9d9d9}.http-request-response-section__remove-btn-mobile:hover svg{color:var(--color-black,#000)}@media(max-width:767px){.http-request-response-section__remove-btn-mobile{display:flex}}.http-request-response-section__add-mapping{width:100%;margin-top:8px;font-size:14px;line-height:18px;font-weight:400;padding:9.5px;border-radius:8px;border:1px dashed #c7c7cc;background:transparent;color:#000;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.http-request-response-section__add-mapping:hover{background-color:#f2f2f7}.http-request-response-section__add-mapping-icon{width:20px;height:20px}.http-request-response-section__placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f9f9fb;border-radius:8px;font-size:16px;line-height:21px;color:#8e8e93;text-align:center;font-weight:400}@media(max-width:767px){.http-request-response-section__placeholder{min-height:150px;font-size:14px;line-height:19px;padding:20px}}