@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,300;0,400;0,500;1,400;1,500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap";#root{margin:0 auto;padding:1rem;text-align:center}h1{font-size:42px;color:#f5f5f5;font-family:Poppins;margin:0px 0px 3rem}.app-inner{display:flex;flex-direction:column;align-items:center}.react-select{font-family:Lato,sans-serif;font-weight:600;width:600px}.query-input{width:580px;height:8rem;padding:10px;outline:none;font-family:Poppins,sans-serif;font-weight:600;margin-top:20px}.generate-query{margin-top:20px;align-items:center;background-color:#0a66c2;border:0;border-radius:100px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:20px;max-width:480px;min-height:40px;min-width:0px;overflow:hidden;padding:0 20px;text-align:center;touch-action:manipulation;transition:background-color .167s cubic-bezier(.4,0,.2,1) 0s,box-shadow .167s cubic-bezier(.4,0,.2,1) 0s,color .167s cubic-bezier(.4,0,.2,1) 0s;user-select:none;-webkit-user-select:none;vertical-align:middle}.generate-query:hover,.generate-query:focus{background-color:#16437e;color:#fff}.generate-query:active{background:#09223b;color:#ffffffb3}.generate-query:disabled{cursor:not-allowed;background:rgba(0,0,0,.389);color:#e0e0e04d}.copy-btn{background-color:#fff;border:1px solid #8c8f8f;border-radius:8px;box-sizing:border-box;color:#0f1111;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;line-height:29px;padding:0 5px;position:relative;text-align:center;text-decoration:none;height:30px;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;width:auto;float:inline-end}.copy-btn:hover{background-color:#5a5a5c}.copy-btn:focus{border-color:#008296;box-shadow:#d5d9d980 0 2px 5px;outline:0}.clipboard{display:flex;align-items:center;justify-content:space-between}.result-text{color:#f5f5f5;font-family:Poppins,sans-serif;min-width:500px;border:1px solid #ffffff;margin-top:20px;padding:20px;width:31rem}@media only screen and (min-width: 375px){.react-select{font-family:Lato,sans-serif;font-weight:600}.query-input{min-width:300px;padding:10px;outline:none;font-family:Poppins,sans-serif;font-weight:600;margin-top:20px}.result-text{color:#f5f5f5;font-family:Poppins,sans-serif;min-width:200px;border:1px solid #ffffff;margin-top:20px;padding:20px}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#212121;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-height:100vh}