/* Use all available space for the content container */
div:has(#content-container) {
    max-width: 100%;
}

div#navbar > div {
    max-width: 100%;
}

h2.header-home {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
}

ul.list-home {
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    list-style-type: none;
    font-size: 16px;
}

ul.list-home a::after {
    content: " >";
}

.list-home li {
    margin-bottom: 10px;
}


.query-window {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    font-size: inherit;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    margin: 1.5rem 0;
}
.query-toolbar {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    font-size: inherit;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    margin-top: 0;
    padding: 12px 16px;
    border-bottom: 1px solid #e1e4e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.query-window .window-title {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    font-size: 0.95em;
    color: #24292e;
    font-weight: 500;
}
.query-window .run-button {
    text-size-adjust: 100%;
    color-scheme: light;
    overflow-wrap: break-word;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
    appearance: button;
    background: #ff0820;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s ease;
}
.query-window .run-button:disabled {
    background: darkgrey;
    cursor: not-allowed;
}
.query-window .query-content {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    font-size: inherit;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    margin-top: 0;
}
.query-window pre {
    text-size-adjust: 100%;
    color-scheme: dark;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    font-family: monospace;
    margin: 0;
    padding: 0;
    border: 0;
    min-height: 4em;
    font-size: 0;
    background: #f5f2f0;
}
.query-window code.firebolt-sql {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    min-height: 4em;
    padding: 16px;
    cursor: text;
    width: 100%;
    box-sizing: border-box;
    transition: background-color 0.2s ease;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    display: block;
    height: 100%;
    margin: 0; !important;
    font-family: var(--mono-font);
}
.query-window .server-unavailable-banner {
    text-size-adjust: 100%;
    color-scheme: light;
    overflow-wrap: break-word;
    box-sizing: border-box;
    display: none !important;
    background-color: #fff8e6;
    border: 1px solid #ffd666;
    border-radius: 4px;
    color: #664d03;
    padding: 12px;
    margin: 8px 16px;
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.query-window .server-unavailable-banner::before {
    content: "⚠️";
    margin-right: 8px;
    font-size: 16px;
}
.query-window .query-window-hidden {
    display: none; !important;
}
.query-window .query-results {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    font-size: inherit;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    padding: 16px;
    border-top: 1px solid #e1e4e8;
    margin: 0;
}
.query-window .results-table {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    margin-top: 0;
    display: table;
    min-width: 100%;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
}
.query-window .results-table thead {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
.query-window .results-table thead tr {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
.query-window .results-table thead th {
    text-size-adjust: 100%;
    color-scheme: light;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    box-sizing: border-box;
    min-width: 7.5rem;
    font-size: 14px !important;
    border-left: 0;
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #e1e4e8;
    background-color: #f6f8fa;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1;
    cursor: default;
    padding-right: 24px;
    color: #24292e;
}
.query-window .results-table thead th::before {
    content: "ⓘ";
    position: absolute;
    right: 8px;
    opacity: 0.5;
    font-size: 12px;
}
.query-window .results-table thead th:hover::before {
    opacity: 1;
}
.query-window .results-table thead th:hover::after {
    content: attr(data-type);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background: #333;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 2;
}
.query-window .results-table tbody {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
.query-window .results-table tbody tr {
    text-size-adjust: 100%;
    color-scheme: light;
    color: #4d3d3e;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
.query-window .results-table tbody td {
    text-size-adjust: 100%;
    color-scheme: light;
    overflow-wrap: break-word;
    line-height: 1.6;
    border-collapse: collapse;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    box-sizing: border-box;
    min-width: 7.5rem;
    background-color: #fff;
    font-size: 14px !important;
    border-left: 0;
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #e1e4e8;
    color: #24292e;
}
.query-window .query-stats {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    margin-top: 0;
    font-size: 0.9em;
    color: #666;
    padding: 8px;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
}
.query-window .error-message {
    text-size-adjust: 100%;
    color-scheme: light;
    font-family: "Inter",sans-serif;
    font-size: inherit;
    overflow-wrap: break-word;
    line-height: 1.6;
    box-sizing: border-box;
    background-color: #fdf2f2;
    border: 1px solid #fde8e8;
    border-radius: 4px;
    color: #9b1c1c;
    padding: 12px;
    margin: 8px 0;
}
.query-window .error-description {
    text-size-adjust: 100%;
    color-scheme: light;
    overflow-wrap: break-word;
    color: #9b1c1c;
    box-sizing: border-box;
    margin-top: 0;
    font-family: 'SF Mono', 'Roboto Mono', Consolas, monospace;
    font-size: 14px;
    line-height: 1.5;
}


Learn about integrating your applications with Firebolt.

Overview

Integrate with Firebolt

Firebolt Documentation

What is Firebolt?

Platform capabilities

Learn about Firebolt architecture and concepts

Discover how the decoupled compute and storage architecture of the Firebolt data warehouse enables sub-second query performance on terabyte-scale data sets.

Architecture

Pricing and billing

Learn about Firebolt organization and account concepts to help you administer and manage your Firebolt account.

What is Firebolt?

Overview

Guides

SQL reference

General reference

API reference

Integrate with Firebolt