.gb-qc__header{align-items:end;display:grid;gap:var(--gb-space-12);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--gb-space-16)}.gb-qc__header>div{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-qc__header p{margin:0}.gb-qc__row{align-items:start;display:grid;gap:var(--gb-space-8);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.gb-qc__builder{background:var(--gb-white);border:1px solid var(--gb-light-hairline);border-radius:var(--gb-radius-md);overflow:hidden}.gb-on-dark .gb-qc__builder{background:var(--gb-black);border-color:var(--gb-dark-hairline)}.gb-qc__builder-header{border-bottom:1px solid var(--gb-light-hairline);color:var(--gb-light-text-muted);padding:var(--gb-space-4) var(--gb-space-5)}.gb-on-dark .gb-qc__builder-header{border-bottom-color:var(--gb-dark-hairline);color:var(--gb-dark-text-muted)}.gb-qc__builder-body{display:flex;flex-direction:column;padding:var(--gb-space-6)}.gb-qc__step{align-items:center;border:1px solid var(--gb-light-hairline);border-radius:var(--gb-radius-sm);display:flex;font-size:.9375rem;gap:var(--gb-space-3);padding:var(--gb-space-3) 14px}.gb-on-dark .gb-qc__step{border-color:var(--gb-dark-hairline)}.gb-qc__step--emphasis{border-color:var(--gb-border-interactive)}.gb-qc__term{font-weight:var(--gb-weight-medium)}.gb-qc__connector{background:var(--gb-edge-on-light);display:block;height:var(--gb-space-5);margin-left:var(--gb-space-5);width:1px}.gb-on-dark .gb-qc__connector{background:var(--gb-edge-on-dark)}.gb-qc__result{margin:var(--gb-space-4) 0 0}.gb-qc__queries{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-qc__note{font-size:.9375rem;line-height:var(--gb-leading-body);margin:0}@media (max-width:767px){.gb-qc__header{margin-bottom:var(--gb-space-12)}}