@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lexend:wght@100..900&family=Pacifico&display=swap";.navbar{background:var(--color-b);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--size-4)}.navbar-brand{display:flex;align-items:center;gap:var(--size-4)}.navbar-brand h1{background:var(--color-d);color:var(--color-c);padding:var(--size-3) var(--size-4);border-radius:var(--size-3)}.navbar-brand h2{color:var(--color-d)}.navbar-links{display:flex;gap:var(--size-4)}.navbar-link{cursor:pointer;background:var(--color-c);color:var(--color-d);padding:var(--size-3) var(--size-4);display:flex;align-items:center;justify-content:center;border-radius:var(--size-3);gap:var(--size-3)}.navbar-link:hover{box-shadow:var(--shadow-ds)}.navbar-link:active{box-shadow:var(--shadow-dl);scale:.9}.body{flex:2;background:var(--color-d);border-radius:var(--size-4)}.body-input{width:100%;height:100%;border:none;outline:none;resize:none;padding:12px 16px;font-size:14px;line-height:1.5;border-radius:4px;cursor:text;color:var(--color-b);font-size:var(--size-5);font-family:JetBrains Mono,monospace}.headers{flex:1;background:var(--color-d);border-radius:var(--size-4)}.headers-input{width:100%;height:100%;border:none;outline:none;resize:none;padding:12px 16px;font-size:14px;line-height:1.5;border-radius:4px;cursor:text;color:var(--color-b);font-size:var(--size-5);font-family:JetBrains Mono,monospace}.request-options{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:var(--size-3);overflow:hidden;height:100%}@keyframes hoverUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.request-result{width:100%;max-height:100%;flex:2;display:flex;align-self:stretch;flex-direction:column;align-items:stretch;gap:var(--size-3);background:var(--color-c);border-radius:var(--size-5);overflow:hidden;border:var(--border-2);position:relative}.response-content{width:100%;height:100%;flex:1;display:flex;overflow-x:auto;overflow-y:auto;padding:var(--size-4);font-size:var(--size-6);font-family:var(--font-m)}.response-content:not(.empty){white-space:pre-wrap;text-wrap:nowrap}.response-content.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-d);font-family:var(--font-n);font-size:var(--size-6);font-weight:300;text-align:center;gap:var(--size-4);opacity:.6}.response-content.empty svg{animation:hoverUpDown 3s ease-in-out infinite}.response-content.empty h3{font-weight:200}.request-data{position:absolute;top:var(--size-4);right:var(--size-4);background:var(--color-b);padding:var(--size-3) var(--size-4);border-radius:var(--size-3);display:flex;align-items:center;justify-content:center;width:var(--size-8)}.loader-icon{height:var(--size-5);animation:spin 2s linear infinite}.request-view{display:flex;gap:var(--size-3);flex:1;height:100%;overflow:hidden}.url-bar{align-self:stretch;display:flex;align-items:center;gap:var(--size-3)}.url-input{flex:1;display:flex;gap:var(--size-3)}.url-bar-input{background:var(--color-d);color:var(--color-c);font-size:var(--size-5);border-radius:var(--size-3);padding:var(--size-3) var(--size-4);cursor:text}.url-bar-input:nth-child(1){flex:1}.url-bar-input:nth-child(2){flex:2}.methods{display:flex;gap:var(--size-3);align-items:center}.method-button{background:var(--color-b);color:var(--color-d);font-size:var(--size-5);border-radius:var(--size-3);padding:var(--size-3) var(--size-6);cursor:pointer}.method-button:hover{box-shadow:var(--shadow-cs)}.method-button:active{box-shadow:var(--shadow-cl);scale:.8}.main-container{flex:1;display:flex;flex-direction:column;max-height:100%;width:100%;gap:var(--size-3);padding:var(--size-8);overflow:hidden}:root{--color-a: #C7DB9C;--color-b: #A0C878;--color-c: #7AA874;--color-d: #FAF6E9;--font-n: "Lexend", sans-serif;--font-c: "Pacifico", cursive;--font-m: "JetBrains Mono", monospace;--size-1: .125rem;--size-2: .25rem;--size-3: .5rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 2rem;--size-8: 4rem;--border-1: var(--size-4) solid var(--color-d);--border-2: var(--size-2) solid var(--color-d);--shadow-as: 0 0 0 var(--size-1) var(--color-a);--shadow-al: 0 0 0 var(--size-2) var(--color-a);--shadow-bs: 0 0 0 var(--size-1) var(--color-b);--shadow-bl: 0 0 0 var(--size-2) var(--color-b);--shadow-cs: 0 0 0 var(--size-1) var(--color-c);--shadow-cl: 0 0 0 var(--size-2) var(--color-c);--shadow-ds: 0 0 0 var(--size-1) var(--color-d);--shadow-dl: 0 0 0 var(--size-2) var(--color-d)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-n);background:transparent;color:inherit;text-decoration:none;outline:none;border:none;cursor:inherit;transition:transform .3s ease-in-out,filter .3s ease-in-out,scale .3s ease-in-out,background-color .3s ease-in-out,font-size .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out,translate .3s ease-in-out,box-shadow .3s ease-in-out,outline .3s ease-in-out,border-color .3s ease-in-out,border-radius .3s ease-in-out,filter .3s ease-in-out,text-shadow .3s ease-in-out}html,body,#root{transition:none;height:100%;width:100%;font-size:16px;background-color:var(--color-a);color:var(--color-d);cursor:default;position:relative}html,body{height:100%;background-color:var(--color-a)}body{overflow-x:hidden}#root{display:flex;flex-direction:column}::-webkit-scrollbar{width:var(--size-3);height:var(--size-3);background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-b);border-radius:var(--size-4)}