.hero-block.s-12vw24o{background:#c25827;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-title.s-12vw24o{color:#040507;margin:.5rem 0 .3rem;padding:0 1rem;font-size:2.5rem}.hero-text.s-12vw24o{color:#040507;padding:0 .5rem;font-size:1.2rem}#sqlJoinControlSvg.s-o3psre{height:12rem}@media (width>=420px) and (width<=1440px){#sqlJoinControlSvg.s-o3psre{height:calc(12rem + .392157vw - 1.64706px)}}@media (width>=1440px){#sqlJoinControlSvg.s-o3psre{height:16rem}}#leftCircle.s-o3psre,#leftCircleText.s-o3psre,#intersectOfCircle.s-o3psre,#rightCircleText.s-o3psre,#rightCircle.s-o3psre{cursor:pointer;-webkit-user-select:none;user-select:none}.visualizer-block.s-z5ic9v{flex-direction:column;justify-content:center;align-items:center;display:flex}.venn-diagram.s-z5ic9v{padding:1rem}.sql-description.s-z5ic9v{color:#c1bebe}.sql-code-block.s-z5ic9v{width:100%}.sql-code-pre.s-z5ic9v{box-sizing:border-box;width:100%;min-height:0;margin:1rem 0;line-height:1.1}.sql-code-text.s-z5ic9v{box-sizing:border-box;width:100%;padding:1rem}.copy-button-block.s-z5ic9v{width:100%}.copy-button.s-z5ic9v{color:#d5d5d5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#4b382e;border:1px solid #ff8e5a;width:100%;line-height:2}.copy-button.s-z5ic9v:hover,.copy-button.s-z5ic9v:active{background:#5c3d2d}.copy-button.s-z5ic9v:disabled,.copy-button[disabled].s-z5ic9v{background:#3b3b3b;border:1px solid #575656}.copy-button-copied.s-z5ic9v,.copy-button-copied.s-z5ic9v:hover,.copy-button.s-z5ic9v:active{background:#c25827}.wrapper.s-9zvsa7{border:1px solid #5d5d5d;flex-direction:column;max-width:51rem;margin:1rem auto;padding:1rem;display:flex}