.hero-block.svelte-1elxaub{background:#c25827;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title.svelte-1elxaub{color:#fff;font-size:2rem;padding:0 1rem;margin:.5rem 0 .3rem}#sqlJoinControlSvg.svelte-gpigma{height:12rem}@media(min-width:420px)and (max-width:1440px){#sqlJoinControlSvg.svelte-gpigma{height:calc(12rem + (16 - 12) * ((100vw - 420px) / (1440 - 420)))}}@media(min-width:1440px){#sqlJoinControlSvg.svelte-gpigma{height:16rem}}#leftCircle.svelte-gpigma,#leftCircleText.svelte-gpigma,#intersectOfCircle.svelte-gpigma,#rightCircleText.svelte-gpigma,#rightCircle.svelte-gpigma{cursor:pointer;-webkit-user-select:none;user-select:none}.animation-container.svelte-bf2qys{width:100%;max-width:650px;margin:.75rem auto;padding:.5rem;background:#2a2a2a;border-radius:8px;border:1px solid #444;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.animation-video.svelte-bf2qys{width:100%;height:auto;border-radius:4px;background:#1a1a1a}.animation-video.svelte-bf2qys::-webkit-media-controls-panel{background:#0000}.code-link-button.svelte-bf2qys{position:absolute;top:1rem;right:1rem;padding:.5rem .75rem;background:#1a1a1acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #555;border-radius:6px;color:#ff8e5a;-webkit-text-decoration:none;text-decoration:none;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;z-index:10}.code-link-button.svelte-bf2qys:hover{background:#1a1a1af2;border-color:#ff8e5a;transform:translateY(-1px)}.code-link-button.svelte-bf2qys svg:where(.svelte-bf2qys){width:16px;height:16px}.placeholder.svelte-bf2qys{color:#888;text-align:center;padding:2rem;font-size:1rem}.loading.svelte-bf2qys{color:#ff8e5a;font-size:1rem}.error.svelte-bf2qys{color:#ff6b6b;font-size:.9rem}.hidden.svelte-bf2qys{display:none}@media(max-width:768px){.animation-container.svelte-bf2qys{max-width:100%;padding:.5rem;box-sizing:border-box}.code-link-button.svelte-bf2qys{top:.5rem;right:.5rem;padding:.4rem .6rem;font-size:.75rem}.code-link-button.svelte-bf2qys svg:where(.svelte-bf2qys){width:14px;height:14px}}.visualizer-block.svelte-po8gdz{display:flex;flex-direction:column;align-items:center;justify-content:center}.venn-diagram.svelte-po8gdz{padding:.5rem}.sql-description.svelte-po8gdz{color:#c1bebe;margin:.5rem 2rem}.sql-code-block.svelte-po8gdz{width:100%;position:relative}.sql-code-pre.svelte-po8gdz{margin:.5rem 0;min-height:0;line-height:1.1;width:100%;box-sizing:border-box}.sql-code-text.svelte-po8gdz{padding:1rem;width:calc(100% - 20px);margin:auto;box-sizing:border-box}.copy-button.svelte-po8gdz{line-height:1.6;background:#4b382e;border:1px solid #ff8e5a;color:#d5d5d5;cursor:pointer;-webkit-user-select:none;user-select:none}.copy-button.svelte-po8gdz:hover,.copy-button.svelte-po8gdz:active{background:#5c3d2d}.copy-button.svelte-po8gdz:disabled{background:#3b3b3b;border:1px solid #575656}.copy-button-copied.svelte-po8gdz,.copy-button-copied.svelte-po8gdz:hover,.copy-button.svelte-po8gdz:active{background:#c25827}.code-copy-button.svelte-po8gdz{position:absolute;top:0rem;right:0rem;z-index:10;padding:.5rem;font-size:.9rem;border-radius:3px;display:flex;align-items:center;justify-content:center}.code-copy-button.hidden.svelte-po8gdz{display:none}.copy-icon.svelte-po8gdz{width:1.2rem;height:1.2rem;fill:currentColor}.wrapper.svelte-1uha8ag{display:flex;flex-direction:column;margin:.5rem auto;max-width:51rem;padding:.5rem;border:#5d5d5d 1px solid;border-radius:8px}