@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-modal{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;background:var(--color-white,#fff);padding:24px;z-index:5;border:1px solid var(--color-gray-f7,#f2f2f7);box-shadow:0 8px 16px rgba(var(--color-gray-b4,#b1b1b4),.2);border-radius:12px;display:flex;flex-direction:column}@media(max-width:767px){.http-request-modal{position:fixed;inset:0;padding:16px;min-height:100dvh;max-height:100dvh;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-touch-action:manipulation;touch-action:manipulation}}@media(min-width:769px){.http-request-modal{width:606px;padding:24px}}.http-request-modal__head{display:flex;align-items:flex-start;justify-content:center;margin-bottom:12px;position:relative;min-height:48px}.http-request-modal__head_icon{width:24px;height:24px;margin-right:8px}.http-request-modal__head_name{height:28px;line-height:28px;font-size:20px;font-weight:600;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;margin:0;white-space:nowrap}.http-request-modal__head_back-mobile{width:26px;height:26px;cursor:pointer;color:var(--color-gray-c7,#c7c7cc);display:flex;align-items:center;position:absolute;left:0;z-index:10}.http-request-modal__head_back-mobile:hover{color:var(--color-blue,#1e5cfb)}.http-request-modal__head_back-mobile--icon{width:20px;height:20px;color:var(--color-black,#000)}@media(min-width:768px){.http-request-modal__head_back-mobile{display:none}}.http-request-modal__head_close{width:26px;height:26px;cursor:pointer;margin-left:auto;color:var(--color-gray-c7,#c7c7cc);display:flex;align-items:center;justify-content:center}.http-request-modal__head_close:hover{color:var(--color-blue,#1e5cfb)}@media(max-width:767px){.http-request-modal__head_close{display:none}}@media(min-width:768px){.http-request-modal__head_name{justify-content:flex-start;position:static;transform:none;left:auto;top:auto;text-align:left;margin-left:0;flex:1;margin-bottom:16px;height:auto}}.http-request-modal__titles{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}@media(min-width:768px){.http-request-modal__titles{gap:4px}}.http-request-modal__title{padding:0 32px;text-align:center}@media(min-width:768px){.http-request-modal__title{padding:0;text-align:left}}.http-request-modal__help-link{align-self:flex-start}.http-request-modal__main{height:calc(100% - 154px);flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:767px){.http-request-modal__main{height:calc(100% - 116px)}}.http-request-modal__header{margin-bottom:24px;height:auto;min-height:120px}@media(min-width:768px){.http-request-modal__header{height:70px;min-height:auto}}.http-request-modal__separator{display:none}@media(min-width:768px){.http-request-modal__separator{display:block;height:1px;background:var(--color-gray-f7,#f2f2f7);margin:16px -24px 24px}}.http-request-modal__content{height:calc(100% - 110px);flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:767px){.http-request-modal__content{height:auto;max-height:70dvh;min-height:300px}}.http-request-modal__content-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;margin-bottom:0;padding-bottom:4px;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.http-request-modal__content-tabs::-webkit-scrollbar{height:4px;-webkit-appearance:none}.http-request-modal__content-tabs::-webkit-scrollbar-track{background:transparent;margin:0;padding:0}.http-request-modal__content-tabs::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:1px;border:none;box-shadow:none}.http-request-modal__content-tabs::-webkit-scrollbar-button{display:none;height:0;width:0}.http-request-modal__content-tabs::-webkit-scrollbar-thumb:hover{background-color:#00000026}.http-request-modal__content-tabs::-webkit-scrollbar-corner{display:none;background:transparent}.http-request-modal__tab-content{margin-top:24px;height:calc(100% - 88px);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}@media(max-width:767px){.http-request-modal__tab-content{height:auto;max-height:60dvh;min-height:200px}}.http-request-modal__headers{display:flex;flex-direction:column;gap:4px}.http-request-modal__body,.http-request-modal__response{height:100%}.http-request-modal__error,.http-request-modal__mapping,.http-request-modal__response{display:flex;flex-direction:column}.http-request-modal__error{gap:24px}.http-request-modal__footer{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;min-height:-moz-fit-content;min-height:fit-content}@media(max-width:767px){.http-request-modal__footer{margin-bottom:0}}@media(min-width:768px){.http-request-modal__footer{padding-top:24px}}.http-request-modal__footer-buttons{display:flex;gap:12px;justify-content:flex-end}.http-request-modal__skeleton{width:100%;animation:pulse 1.5s ease-in-out infinite}.http-request-modal__skeleton-tabs-wrapper{display:flex;gap:8px;margin-bottom:16px;overflow:hidden}.http-request-modal__skeleton-tab{height:32px;min-width:100px;background:var(--color-gray-f7,#f2f2f7);border-radius:20px;flex-shrink:0}.http-request-modal__skeleton-input,.http-request-modal__skeleton-select{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px}.http-request-modal__skeleton-tabs{height:32px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;margin-bottom:16px}.http-request-modal__skeleton-content{height:200px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px}.http-request-modal__skeleton-status{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;margin-bottom:16px}.http-request-modal__skeleton-response{height:200px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px}.http-request-modal__skeleton-info{height:48px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;margin-bottom:16px}.http-request-modal__skeleton-mapping-item{margin-bottom:16px}.http-request-modal__skeleton-mapping-row{display:flex;gap:12px}.http-request-modal__skeleton-mapping-column{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;flex:1}.http-request-modal__skeleton-error-section{margin-bottom:16px}.http-request-modal__skeleton-error-label{height:24px;width:120px;background:var(--color-gray-f7,#f2f2f7);border-radius:4px;margin-bottom:8px}.http-request-modal__skeleton-error-content{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px}.http-request-modal__skeleton-header{margin-bottom:16px}.http-request-modal__skeleton-header-title{height:24px;width:120px;background:var(--color-gray-f7,#f2f2f7);border-radius:4px;margin-bottom:8px}.http-request-modal__skeleton-header-row{display:flex;gap:12px}.http-request-modal__skeleton-header-key,.http-request-modal__skeleton-header-value{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;flex:1}.http-request-modal__skeleton-add-header{height:38px;background:var(--color-gray-f7,#f2f2f7);border-radius:8px;margin-top:16px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}