.SqlJoinsDemo-module__DVlJxq__demo{background-color:var(--card-background);box-sizing:border-box;width:100%;padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color);gap:var(--spacing-md);flex-direction:column;display:flex}.SqlJoinsDemo-module__DVlJxq__tabs{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.SqlJoinsDemo-module__DVlJxq__tab{color:var(--secondary-text-color);border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-default);white-space:nowrap;background-color:#0000;flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.SqlJoinsDemo-module__DVlJxq__tab:hover{border-color:var(--accent-color);color:var(--text-color)}.SqlJoinsDemo-module__DVlJxq__tabActive{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--background-color);font-weight:700}.SqlJoinsDemo-module__DVlJxq__top{align-items:center;gap:var(--spacing-md);display:flex}.SqlJoinsDemo-module__DVlJxq__venn{flex:0 0 160px;width:160px}.SqlJoinsDemo-module__DVlJxq__circle{fill:#0000;stroke:var(--hover-border-color);stroke-width:1px;transition:var(--transition-default)}.SqlJoinsDemo-module__DVlJxq__circleOn{fill:#5eddac40}.SqlJoinsDemo-module__DVlJxq__lens{fill:#5eddac80;stroke:var(--accent-color);stroke-width:.6px}.SqlJoinsDemo-module__DVlJxq__vennLabel{fill:var(--secondary-text-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px}.SqlJoinsDemo-module__DVlJxq__sqlWrap{gap:var(--spacing-xs);flex-direction:column;flex:auto;min-width:0;display:flex}.SqlJoinsDemo-module__DVlJxq__sql{color:var(--text-color);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);white-space:pre;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.SqlJoinsDemo-module__DVlJxq__kw{color:var(--accent-color);font-weight:700}.SqlJoinsDemo-module__DVlJxq__blurb{color:var(--secondary-text-color);margin:0;font-size:.85rem;line-height:1.5}.SqlJoinsDemo-module__DVlJxq__sources{gap:var(--spacing-md);grid-template-columns:1fr 1.4fr;display:grid}.SqlJoinsDemo-module__DVlJxq__tableBlock{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.SqlJoinsDemo-module__DVlJxq__tableName{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);align-items:baseline;gap:var(--spacing-xs);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:flex}.SqlJoinsDemo-module__DVlJxq__count{color:var(--secondary-text-color);text-transform:none;letter-spacing:0}.SqlJoinsDemo-module__DVlJxq__table{border-collapse:collapse;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;font-size:.82rem;overflow:hidden}.SqlJoinsDemo-module__DVlJxq__table th,.SqlJoinsDemo-module__DVlJxq__table td{text-align:left;padding:4px var(--spacing-sm);border-bottom:1px solid var(--border-color);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.SqlJoinsDemo-module__DVlJxq__table th{color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.SqlJoinsDemo-module__DVlJxq__table td{color:var(--text-color);transition:var(--transition-default)}.SqlJoinsDemo-module__DVlJxq__table tbody tr:last-child td{border-bottom:none}.SqlJoinsDemo-module__DVlJxq__rowDropped td{opacity:.3;text-decoration:line-through}.SqlJoinsDemo-module__DVlJxq__rowPadded td{background-color:#ffd1660f}.SqlJoinsDemo-module__DVlJxq__null{color:#ffd166;font-size:.72rem;font-style:italic}.SqlJoinsDemo-module__DVlJxq__result{display:block;overflow-x:auto}.SqlJoinsDemo-module__DVlJxq__hint{color:var(--secondary-text-color);margin:0;font-size:.78rem;font-style:italic}@media (max-width:600px){.SqlJoinsDemo-module__DVlJxq__top{flex-direction:column;align-items:stretch}.SqlJoinsDemo-module__DVlJxq__venn{align-self:center}.SqlJoinsDemo-module__DVlJxq__sources{grid-template-columns:1fr}}