._Button_l636g_1{transform-origin:50%;appearance:none;white-space:nowrap;font-size:1.2rem;font-family:var(--sans-serif);color:#fff;cursor:url(/pointer.svg),pointer;background-color:#596dff;border:0;border-radius:5px;outline:none;padding:.8rem 2rem}._Button_l636g_1:active{cursor:url(/click.svg),pointer}._Button_l636g_1:focus-visible{box-shadow:0 0 0 3px #a2acff}._Button_l636g_1:hover,._Button_l636g_1:focus{background-color:#5f71fa;transform:scale(1.02)}._Button_l636g_1:active{background-color:#5061e2;transform:scale(1.01)}._CodeEditor_18sbd_1{--background-color:#263038;--border-radius:10px;background-color:var(--background-color);border-radius:var(--border-radius);color:#fff;max-width:850px;margin:0 auto;transition:box-shadow .25s,transform .3s cubic-bezier(.19,1,.22,1)}@media (prefers-color-scheme:dark){._CodeEditor_18sbd_1{--background-color:#1b1f27}}@media (max-width:540px){._CodeEditor_18sbd_1{margin:0 -.8rem}}._dragging_18sbd_26{opacity:.98;transition:box-shadow .25s;box-shadow:0 30px 60px -12px #32325c4d,0 18px 36px -18px #0000004d}._Circles_18sbd_33{touch-action:none;padding:20px;display:flex}._Circle_18sbd_33{border-radius:50%;width:10px;height:10px}._Circle_18sbd_33:first-child{background-color:#fd5f57;margin-left:0}._Circle_18sbd_33{background-color:#febc3e;margin:0 5px}._Circle_18sbd_33:last-child{background-color:#30c840;margin-right:0}._Header_18sbd_60{cursor:url(/move.svg),move;border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);background-color:#1e272d;align-items:stretch;display:flex}@media (prefers-color-scheme:dark){._Header_18sbd_60{background-color:#171b22}}._Spacer_18sbd_75{flex-grow:1;height:50px}._dragging_18sbd_26 ._Header_18sbd_60{cursor:url(/grabbing.svg),grabbing}._Tabs_18sbd_84{display:flex;overflow-x:auto}._Tabs_18sbd_84 button{appearance:none;color:#97999e;touch-action:pan-x;cursor:url(/pointer.svg),pointer;height:100%;font-size:1rem;font-weight:500;font-family:var(--mono-font-stack);background-color:#0000;border:0;outline:none;padding:0 20px}._Tabs_18sbd_84 button:not(._selected_18sbd_105):active{cursor:url(/click.svg),pointer}._Tabs_18sbd_84 button:focus-visible{z-index:1;outline:none;position:relative;box-shadow:inset 0 0 0 2px #4c9ffe}._Tabs_18sbd_84 button._selected_18sbd_105{cursor:url(/horizontal-sort.svg),grab;color:#fff;background-color:var(--background-color)}._Tabs_18sbd_84 ._dragging_18sbd_26 button{cursor:url(/grabbing.svg),grabbing}._TabContent_18sbd_126{padding:20px 20px 20px 0;overflow:auto}._CodeHighlighter_irgwy_1{font-size:1rem;position:relative}._CodeHighlighter_irgwy_1 pre{margin:0;padding-left:50px;padding-right:20px;display:flex;position:relative;overflow:auto hidden}._CodeHighlighter_irgwy_1 code{-webkit-text-size-adjust:none;flex-shrink:0}._CodeHighlighter_irgwy_1 code,._LineNumbers_irgwy_22{font-weight:500;font-family:var(--mono-font-stack)}._Copy_irgwy_27{appearance:none;background:var(--background-color);cursor:url(/pointer.svg),pointer;border:none;outline:none;padding:20px;position:absolute;top:-10px;right:-10px}._Copy_irgwy_27 img{opacity:.5}._Copy_irgwy_27:active{cursor:url(/click.svg),pointer}._Copy_irgwy_27:hover img{opacity:1}._LineNumbers_irgwy_22{color:#fff3;-webkit-user-select:none;user-select:none;font-weight:300;position:absolute;left:20px}._CodeHighlighter_irgwy_1 .tag .token.spread .attr-value{color:#fff}._CodeHighlighter_irgwy_1 .keyword,._CodeHighlighter_irgwy_1 .operator,._CodeHighlighter_irgwy_1 .tag .script.language-javascript .punctuation,._CodeHighlighter_irgwy_1 .tag .token.spread .punctuation{color:#eb2b78}._CodeHighlighter_irgwy_1 .comment{color:#959595}._CodeHighlighter_irgwy_1 .keyword.function,._CodeHighlighter_irgwy_1 .keyword.const,._CodeHighlighter_irgwy_1 .class-name{color:#70dcee}._CodeHighlighter_irgwy_1 .operator+.keyword,._CodeHighlighter_irgwy_1 .boolean,._CodeHighlighter_irgwy_1 .token.keyword.null,._CodeHighlighter_irgwy_1 .number{color:#fc8bf5}._CodeHighlighter_irgwy_1 .string,._CodeHighlighter_irgwy_1 .tag .attr-value{color:#fdf0a2}._CodeHighlighter_irgwy_1 .function,._CodeHighlighter_irgwy_1 .attr-name{color:#4bff83}._CodeHighlighter_irgwy_1 .punctuation,._CodeHighlighter_irgwy_1 .tag .script.language-javascript{color:#f9f9f4}._CodeHighlighter_irgwy_1 .tag{color:#fa2b7d}._CopyPaste_v3l73_1{color:#333;appearance:none;cursor:url(/pointer.svg),pointer;white-space:nowrap;font-family:var(--mono-font-stack);background:#f7fafd;border:none;border-radius:5px;outline:none;align-items:center;padding:.9rem 1.5rem;font-size:1rem;display:flex;position:relative;box-shadow:0 0 0 1px #e7edf2}._CopyPaste_v3l73_1:active{color:#666;cursor:url(/click.svg),pointer}._CopyPaste_v3l73_1:focus{box-shadow:0 0 0 2px #b8c0c6}._CopyPaste_v3l73_1 img{opacity:.5;margin-left:1rem}._CopyPaste_v3l73_1:hover img{opacity:1}._Flex_ozsvb_1,._FlexItem_ozsvb_2{align-items:center;display:flex}._FlexItem_ozsvb_2{margin:0 .5rem}._extraSpacing_ozsvb_11{margin:0 1rem}._FlexItem_ozsvb_2:first-child{margin-left:0}._FlexItem_ozsvb_2:last-child{margin-right:0}._Heading_1m3c7_1{margin-bottom:1.5rem;font-size:3rem;font-weight:400;line-height:3.5rem}@media (max-width:600px){._Heading_1m3c7_1 br{display:none}}._strong_1m3c7_14{font-weight:600}._Heading_1m3c7_1 span{text-transform:uppercase;opacity:.5;margin-bottom:-1rem;font-size:1.3rem;display:block}._Link_1jeyi_1{--color:#596dff;color:var(--color);border-radius:3px;outline:none;margin:0 -5px;padding:5px;font-weight:600;transition:color .25s;display:table}._Link_1jeyi_1:focus-visible{box-shadow:0 0 0 4px #0000,0 0 0 2px var(--color)}._Link_1jeyi_1:hover{--color:#3e4cb3}._Link_1jeyi_1 svg{margin-left:10px}._Link_1jeyi_1 svg g{fill:var(--color);transition:fill .25s}._Logo_vxblz_1{--border-width:4px;outline:none;height:64px;display:flex;position:relative}._Logo_vxblz_1 img{z-index:1;position:relative}._hint_vxblz_14{--border-width:6px}._glowing_vxblz_18{--border-width:12px;--border-radius:10px}._Logo_vxblz_1:after,._hint_vxblz_14:after,._glowing_vxblz_18:after{content:"";top:calc(-1*var(--border-width));left:calc(-1*var(--border-width));z-index:0;width:calc(100% + var(--border-width)*2.1);height:calc(100% + var(--border-width)*2);border-radius:var(--border-radius,calc(1.8*var(--border-width)));background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f) 0/300% 300%;animation:4s infinite alternate _moveGradient_vxblz_1,.2s _appear_vxblz_1;position:absolute}._Logo_vxblz_1:focus-visible:after{background:#a2acff}@keyframes _appear_vxblz_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _moveGradient_vxblz_1{50%{background-position:100%}}._Wrapper_1cpmh_1{--padding:2rem;max-width:var(--max-content-width);padding-top:var(--padding);padding-left:var(--padding);padding-right:var(--padding);margin:0 auto}@media (max-width:540px){._Wrapper_1cpmh_1{--padding:1.6rem}}._paddingBottom_1cpmh_17{padding-bottom:var(--padding)}._HeaderWrapper_1xxpd_1{display:flex}._Menu_1xxpd_5{flex-grow:1;justify-content:flex-end;display:flex}@media (max-width:800px){._HeaderWrapper_1xxpd_1,._FooterWrapper_1xxpd_13{flex-direction:column;align-items:center}._Menu_1xxpd_5{justify-content:flex-start;margin-top:2rem}}._Menu_1xxpd_5 ul{margin:0;padding:0;display:flex}._Menu_1xxpd_5 li{list-style:none;display:flex}._Menu_1xxpd_5 li a{flex-grow:1;align-items:center;padding:1rem;font-size:1.25rem;display:flex}._Menu_1xxpd_5 li a:hover,._Footer_1xxpd_13 ._Menu_1xxpd_5 li a:hover{color:#596cff}._Menu_1xxpd_5 li a:focus-visible,._Footer_1xxpd_13 ._Menu_1xxpd_5 li a:focus-visible{border-radius:4px;outline:none;box-shadow:0 0 0 3px #596cff}._Footer_1xxpd_13{background-color:#f7f9fa;width:100%;padding:.4rem 0}@media (prefers-color-scheme:dark){._Footer_1xxpd_13{background-color:#14151c}}._Footer_1xxpd_13 ._Menu_1xxpd_5{padding:1.5rem}._Footer_1xxpd_13 ._Menu_1xxpd_5 li a{color:#333;font-size:1.05rem}@media (prefers-color-scheme:dark){._Footer_1xxpd_13 ._Menu_1xxpd_5 li a{color:#ccc}}._FooterWrapper_1xxpd_13{align-items:center;display:flex}._Footer_1xxpd_13 ._Logo_1xxpd_88{transform:scale(.8)}._glowing_1xxpd_92{cursor:url(/rock.svg),auto;background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f) 0/300% 300%;animation:4s 5 alternate _moveGradient_1xxpd_1}@keyframes _moveGradient_1xxpd_1{50%{background-position:100%}}._SubHeading_p1duc_1{color:#404040;font-size:1.4rem;font-weight:300;line-height:2.2rem}@media (prefers-color-scheme:dark){._SubHeading_p1duc_1{color:#ccc}}p._SubHeading_p1duc_1{margin:0;font-size:1.3rem}._Documentation_12vrz_1{padding-bottom:8rem}._Interactive_yitk7_1{max-width:700px;height:450px;margin:4rem auto 5rem;position:relative}._Draggable_yitk7_9{z-index:1;-webkit-user-select:none;user-select:none;transition:transform .25s;display:inline-block;position:relative}._Draggable_yitk7_9 label{text-align:center;color:#8d8d8d;cursor:url(/cursor.svg),auto;width:100%;font-size:1rem;font-weight:300;transition:opacity .25s;animation-name:_pulse_yitk7_1;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:2s;display:block;position:absolute;bottom:-40px}@keyframes _pulse_yitk7_1{0%{opacity:0}to{opacity:1}}._Draggable_yitk7_9._dragging_yitk7_47{transition:none;position:fixed}._hidden_yitk7_52{opacity:0}._Draggable_yitk7_9._dragging_yitk7_47 label{opacity:0;animation:none}._Draggable_yitk7_9 button{appearance:none;touch-action:none;cursor:url(/grab.svg),grab;background-color:#181a22;border:0;border-radius:5px;outline:none;padding:10px 20px;transition:transform .25s cubic-bezier(.18,.67,.6,1.22),box-shadow .3s;transform:scale(1)}@media (prefers-color-scheme:dark){._Draggable_yitk7_9 button{background-color:#fee08e;border:4px solid #efce79}._Draggable_yitk7_9 button path{fill:#f4a622}}._Draggable_yitk7_9 button:hover{transform:scale(1.04)}._Draggable_yitk7_9 button:focus-visible{box-shadow:0 0 0 3px #4c9ffe}._Draggable_yitk7_9._dragging_yitk7_47 button{--scale:1.06;--box-shadow:-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140;transform:scale(var(--scale));box-shadow:var(--box-shadow);animation:.25s cubic-bezier(.18,.67,.6,1.22) _pop_yitk7_1}@media (prefers-color-scheme:dark){._Draggable_yitk7_9._dragging_yitk7_47 button{--box-shadow:-1px 0 15px 0 #22215103,0px 15px 15px 0 #00000040}}._Draggable_yitk7_9._dragging_yitk7_47 button,._Draggable_yitk7_9._dragging_yitk7_47 button *{cursor:url(/grabbing.svg),grabbing}._Draggable_yitk7_9._dragging_yitk7_47 button:focus-visible{--box-shadow:0 0 0 2px #4c9ffe}._Droppable_yitk7_121{text-align:center;background-color:#fff;border-radius:10px;width:100%;max-width:400px;height:300px;padding-top:80px;transition:box-shadow .25s;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1px #fff0,20px 14px 24px #c9d3db66}._over_yitk7_137{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px #c9d3db80}._over_yitk7_137._dropped_yitk7_141{box-shadow:inset 0 0 0 3px #c9d3db80,20px 14px 24px #c9d3db80}@media (prefers-color-scheme:dark){._Droppable_yitk7_121{background-color:#dee4e9;box-shadow:0 0 0 1px #fff0,20px 14px 24px #0003}._over_yitk7_137{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px #0000004d}._over_yitk7_137._dropped_yitk7_141{box-shadow:inset 0 0 0 3px #c9d3db80,20px 14px 24px #0000004d}}._DroppableImage_yitk7_163{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none;width:75%;transition:opacity .3s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._dropped_yitk7_141 ._DroppableImage_yitk7_163{opacity:.2;transform:translate(-50%,100%)scale(.5)}._Droppable_yitk7_121._dragging_yitk7_47 ._DroppableImage_yitk7_163{opacity:.5}@keyframes _pop_yitk7_1{0%{transform:scale(1)}to{transform:scale(var(--scale));box-shadow:var(--box-shadow)}}._Example_1hb3i_1{background-color:#f7f9fa;min-height:600px}@media (prefers-color-scheme:dark){._Example_1hb3i_1{background-color:#14151c}}._Wrapper_1hb3i_12{max-width:var(--max-content-width);margin:0 auto;padding:2rem}._Example_1hb3i_1 h4 a{margin-top:1rem}._Features_2qlsp_1{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:2rem;margin:4rem 0 0;padding:0;display:grid}@media (max-width:800px){._Features_2qlsp_1{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){._Features_2qlsp_1{grid-template-columns:1fr}}._Feature_2qlsp_1:focus-visible{box-shadow:0 0 0 3px #4c9ffe,0 30px 60px -12px #32325d1a,0 18px 36px -18px #00000026,0 -12px 36px -8px #00000004}._Feature_2qlsp_1{background-color:#f7fafd;border-radius:10px;outline:none;height:100%;padding:2rem;list-style:none;transform:translate(0,0)}@media (prefers-color-scheme:dark){._Feature_2qlsp_1{background-color:#252835}}@media (min-width:740px){._Feature_2qlsp_1{touch-action:none}}._Feature_2qlsp_1:hover,._clone_2qlsp_52,._wasDragging_2qlsp_53{transform:translateY(1px);box-shadow:0 30px 60px -12px #32325d1a,0 18px 36px -18px #00000026,0 -12px 36px -8px #00000004}@media (prefers-color-scheme:dark){._Feature_2qlsp_1:hover,._clone_2qlsp_52,._wasDragging_2qlsp_53{transform:translateY(1px);box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #00000026,0 -12px 36px -8px #00000004}}._Feature_2qlsp_1,._Feature_2qlsp_1 *{cursor:url(/move.svg),move}._dragging_2qlsp_76{opacity:.3}._clone_2qlsp_52,._clone_2qlsp_52 *,._dragging_2qlsp_76,._dragging_2qlsp_76 *{cursor:url(/grabbing.svg),grabbing}._sorting_2qlsp_87{transition:transform .3s cubic-bezier(.19,1,.22,1)}._Feature_2qlsp_1 h4{margin:0;font-size:1.5rem}._Feature_2qlsp_1 p{margin:0;font-weight:300}._Light_dpx2v_1{cursor:url(/grab.svg),grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:6.5%;left:15%}@media (max-width:1500px){._Light_dpx2v_1{left:15.5%}}@media (max-width:1450px){._Light_dpx2v_1{left:15.2%}}@media (max-width:1100px){._Light_dpx2v_1{left:14.5%}}@media (max-width:1050px){._Light_dpx2v_1{top:7%;left:14%}}@media (max-width:1000px){._Light_dpx2v_1{top:8%;left:13%}}@media (max-width:965px){._Light_dpx2v_1{top:8%;left:12%}}@media (max-width:940px){._Light_dpx2v_1{top:6%;left:10vw}}@media (max-width:855px){._Light_dpx2v_1{top:6%;left:9.5vw}}@media (max-width:740px){._Light_dpx2v_1{top:7%;left:calc(10vw - 2%)}}@media (max-width:620px){._Light_dpx2v_1{top:8%;left:calc(10vw - 3%)}}@media (max-width:540px){._Light_dpx2v_1{top:8.5%;left:calc(10vw - 4.5%)}}@media (max-width:500px){._Light_dpx2v_1{top:7%;left:13.5%}}@media (max-width:455px){._Light_dpx2v_1{top:8%;left:12.5%}}@media (max-width:410px){._Light_dpx2v_1{top:8%;left:11.5%}}@media (max-width:370px){._Light_dpx2v_1{top:8%;left:10.5%}}@media (max-width:350px){._Light_dpx2v_1{display:none}}._Light_dpx2v_1 span{border-radius:50%;animation-duration:1.5s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-iteration-count:infinite;animation-direction:alternate;animation-delay:.5s;display:block;position:absolute}._Light_dpx2v_1 span:first-child{background-color:#596dff;width:23px;height:23px;animation-name:_blink-one_dpx2v_1}._Light_dpx2v_1 span:nth-child(2){background-color:#5991ff66;width:42px;height:42px;animation-name:_blink-two_dpx2v_1}._Light_dpx2v_1 span:nth-child(3){background-color:#59a8ff33;width:62px;height:62px;animation-name:_blink-three_dpx2v_1}._Light_dpx2v_1 span:nth-child(4){opacity:0;background-color:#59a9ff1a;width:80px;height:80px}._dragging_dpx2v_165{cursor:url(/grabbing.svg),grabbing;transition:none}._Light_dpx2v_1._dragging_dpx2v_165 span{animation:none}._Light_dpx2v_1._dragging_dpx2v_165 span:first-child{background-color:#598eff}._Light_dpx2v_1._dragging_dpx2v_165 span:nth-child(2){background-color:#59b4ff66}._Light_dpx2v_1._dragging_dpx2v_165 span:nth-child(3){background-color:#59a9ff46}._Light_dpx2v_1._dragging_dpx2v_165 span:nth-child(4){opacity:1;background-color:#59a9ff1a}@keyframes _blink-one_dpx2v_1{0%{opacity:0;transform:scale(0)}50%,to{opacity:1;transform:scale(1)}}@keyframes _blink-two_dpx2v_1{0%,15%{opacity:0;transform:scale(0)}60%,to{opacity:1;transform:scale(1)}}@keyframes _blink-three_dpx2v_1{0%,30%{opacity:0;transform:scale(0)}70%,to{opacity:1;transform:scale(1)}}._Hero_17xe5_1{justify-content:space-between;align-items:flex-end;display:flex}._Wrapper_17xe5_7{z-index:1;padding-top:5vw;padding-bottom:5vw;position:relative}._Wrapper_17xe5_7 h2{margin-bottom:3rem}._Concepts_17xe5_18{padding-top:60px;position:relative}@media (max-width:940px){._Hero_17xe5_1{flex-direction:column;align-items:center}._Hero_17xe5_1 br{display:none}._Hero_17xe5_1 h2{max-width:80%}._Concepts_17xe5_18{width:65vw;margin:0 auto;position:relative}}@media (max-width:500px){._CallToAction_17xe5_45{flex-direction:column}._CallToAction_17xe5_45 a{margin-bottom:1.5rem}._Hero_17xe5_1 h2{max-width:100%}._Concepts_17xe5_18{width:100%;margin:0 auto;position:relative}}._Concepts_17xe5_18 img{width:100%;position:relative;bottom:-7px}html,body{-webkit-font-smoothing:antialiased;--max-content-width:1200px;--mono-font-stack:"Roboto Mono",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;cursor:url(/cursor.svg),auto;margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:calc(.25vw + 13px)}@media (prefers-color-scheme:dark){html{color:#fff;background-color:#181a22}}h1,h2,h3,h4,h5,h6,p,code{cursor:url(/text.svg),text}a{color:inherit;cursor:url(/pointer.svg),pointer;text-decoration:none}a:active{cursor:url(/click.svg),pointer}*{box-sizing:border-box}