.query-tool-main{display:grid;grid-template-columns:380px minmax(0,1fr);min-height:920px;background:#fff;font-family:"Source Sans 3",sans-serif}.database-sidebar{padding:78px 38px;background:#181161;color:#fff}.database-sidebar h2{margin:0 0 45px 16px;font-size:36px;line-height:1.2}.database-columns{display:flex;justify-content:space-between;font-size:21px}.database-sidebar>p{margin:96px 0 0;text-align:center;font-size:19px;font-weight:600}.query-workspace{padding:76px 7% 55px}.query-header{text-align:center}.query-header h1{margin:0;color:#444;font-size:clamp(50px, 4vw, 60px);font-weight:400;line-height:1.2}.query-header p{margin:82px 0 40px;color:#aaa;font-size:20px;line-height:1.4}.database-select-wrap{display:flex;justify-content:flex-end;margin-bottom:20px}.database-select{width:min(370px,100%);height:68px;padding:0 48px 0 14px;border:1px solid #d7d7d7;border-radius:2px;background:#fff;color:#222;font:600 17px "Source Sans 3",sans-serif;cursor:pointer}.editor-panel{padding:36px 18px 24px;background:#f0f0f0;text-align:center}.editor-shell{position:relative;height:260px;background:#fff}.editor-shell textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:34px 38px;background:0 0;color:#333;font:18px/1.6 monospace}.editor-cursor{position:absolute;z-index:1;top:36px;left:38px;width:3px;height:185px;background:#3877ee;pointer-events:none}.editor-shell:focus-within .editor-cursor{display:none}.run-sql{min-width:205px;min-height:68px;margin-top:36px;border:0;background:#fff;color:#8f8f8f;font:20px "Source Sans 3",sans-serif}.subscription-message{margin:22px 0 0;color:#ff2020;font-size:18px}.subscription-message a{color:#1685f5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.query-tool-main{grid-template-columns:290px minmax(0,1fr)}.database-sidebar{padding-inline:25px}.database-sidebar h2{margin-left:0;font-size:30px}.query-workspace{padding-inline:4%}}@media (max-width:700px){.query-tool-main{display:block;min-height:auto}.database-sidebar{padding:38px 24px 45px}.database-sidebar h2{margin-bottom:28px;text-align:center}.database-sidebar>p{margin-top:40px}.query-workspace{padding:46px 18px 55px}.query-header p{margin:48px 0 32px}.query-header p br{display:none}.database-select-wrap{justify-content:stretch}.database-select{width:100%}.editor-panel{padding:18px 12px 22px}.editor-shell{height:230px}}@media (max-width:420px){.query-header h1{font-size:44px}.database-columns{font-size:18px}.query-header p{font-size:18px}.subscription-message{font-size:16px}}