@import"https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Bungee+Inline&family=Bagel+Fat+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";._holder_1y3j7_1{display:flex;flex-direction:row;gap:2rem;margin-bottom:5rem}._contentHolder_1y3j7_8{margin:auto;padding:1rem;width:100vw}@media screen and (max-width: 800px){._contentHolder_1y3j7_8{margin:2rem 0 0;width:100%}}._container_ltbz5_1{position:fixed;width:100vw;height:45px;background:var(--color-brand-primary);color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem 0 2rem;z-index:100}._title_ltbz5_15{font-weight:500;font-size:1.25rem;letter-spacing:.025rem;color:#fff;font-style:italic}._rightSection_ltbz5_23{display:flex;flex-direction:row;align-items:center;gap:1rem;height:20px}._themeToggle_ltbz5_31{color:#fff!important;padding:.25rem;border-radius:50%}._themeToggle_ltbz5_31:hover{background-color:#ffffff1a}._themeIcon_ltbz5_40{font-size:1.25rem;color:#fff}._themeSVG_ltbz5_45{border:none}._zuubaDigital_ltbz5_49{font-weight:200;font-size:1rem;letter-spacing:.125rem;color:#fff;font-style:italic}@media screen and (max-width: 800px){._container_ltbz5_1{padding:0 .5rem 0 3.5rem}._title_ltbz5_15{font-weight:500;font-size:1rem}._zuubaDigital_ltbz5_49{font-size:.5rem}._rightSection_ltbz5_23{gap:.5rem}}._darkMode_ltbz5_72{width:20px;height:20px;background-image:url(/moon.svg);background-position:center;background-repeat:no-repeat}._lightMode_ltbz5_80{width:20px;height:20px;background-image:url(/sun.svg);background-position:center;background-repeat:no-repeat}._holder_xh7dl_1{position:relative;width:100%;display:flex;flex-direction:column;height:fit-content;font-size:1rem}._holder_xh7dl_1:hover{background-color:var(--color-bg-hover)}._buttonContents_xh7dl_13{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}._subholder_xh7dl_20{position:relative;margin-left:2rem;display:flex;flex-direction:column}._link_xh7dl_27{color:var(--color-text-primary);text-decoration:none;padding:0 .125rem}._link_xh7dl_27:hover{background-color:var(--color-bg-hover)}._activeLink_xh7dl_36{font-weight:600}._buttonNumber_xh7dl_40{font-weight:600;margin-right:.5rem;color:var(--color-link)}._iconHolder_xh7dl_46{height:1rem;color:var(--color-text-primary)}._desktopContainer_s5868_1{position:fixed;display:flex;flex-direction:column;justify-content:right;gap:.2rem;width:fit-content;padding:1rem 0 0;margin:3rem 0;height:calc(100vh - 5rem);overflow:scroll}@media screen and (max-width: 800px){._desktopContainer_s5868_1{display:none}}._hamburgerHolder_s5868_19{position:fixed;top:0;left:0;z-index:1000;width:2.5rem;height:2.5rem;margin:.25rem;color:#fff}._hamburgerHolder_s5868_19 svg{border:none}._mobileNavHolder_s5868_34{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;pointer-events:none}._mobileNavHolder_s5868_34._open_s5868_43{pointer-events:auto}._container_s5868_47{position:absolute;top:0;left:0;width:100%;height:100%}._bg_s5868_55{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-nav-overlay);opacity:0;transition:opacity .3s ease}._open_s5868_43 ._bg_s5868_55{opacity:1}._mobileButtonContainer_s5868_69{position:absolute;display:flex;flex-direction:column;justify-content:right;gap:.2rem;width:275px;height:100%;padding:4rem 0 0 1rem;margin:0;background:var(--color-bg-nav);border-right:4px solid var(--color-border-nav);transition:transform .3s ease-in-out}._open_s5868_43 ._mobileButtonContainer_s5868_69{transform:translate(0)}._closed_s5868_86 ._mobileButtonContainer_s5868_69{transform:translate(-100%)}@media screen and (min-width: 801px){._mobileNavHolder_s5868_34,._hamburgerHolder_s5868_19{display:none}}._holder_1y98h_1{display:flex;flex-direction:row;justify-content:center;width:100%;margin-top:3rem;gap:1rem}._linkStyle_1y98h_10{color:var(--color-link);font-weight:200;text-decoration:none;border-bottom:1px solid var(--color-link)}._toc_1v6l6_1{position:fixed;top:100px;right:2rem;max-height:calc(100vh - 140px);overflow-y:auto;padding:1rem 1rem 1rem 2rem;width:250px;font-size:.875rem;background-color:var(--color-bg-primary);border-radius:8px;border:1px solid var(--color-border-light);transition:background-color .3s ease,border-color .3s ease;z-index:50;scrollbar-width:thin;scrollbar-color:transparent transparent}._toc_1v6l6_1:hover{scrollbar-color:var(--color-border-medium) transparent}._title_1v6l6_22{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.75rem;padding-left:.5rem;transition:color .3s ease}._list_1v6l6_33{list-style:none;padding:0;margin:0}._item_1v6l6_39{margin:0;border-left:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}._item_1v6l6_39 a{display:block;padding:.4rem .5rem;color:var(--color-text-secondary);text-decoration:none;line-height:1.4;transition:color .2s ease}._item_1v6l6_39 a:hover{color:var(--color-text-primary)}._item_1v6l6_39._nested_1v6l6_55 a{padding-left:1.25rem;font-size:.8125rem}._item_1v6l6_39._active_1v6l6_59{border-left-color:var(--color-link);background-color:var(--color-bg-secondary)}._item_1v6l6_39._active_1v6l6_59 a{color:var(--color-link);font-weight:500}._mobileToggle_1v6l6_68{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background-color:var(--color-brand-primary);color:#fff;border:none;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0003;transition:background-color .3s ease,transform .2s ease}._mobileToggle_1v6l6_68:hover{transform:scale(1.05)}._mobileToggle_1v6l6_68:active{transform:scale(.95)}._mobileToggle_1v6l6_68 svg{width:24px;height:24px;border:none}._overlay_1v6l6_96{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:90;opacity:0;transition:opacity .3s ease}._overlay_1v6l6_96._visible_1v6l6_105{opacity:1}._drawer_1v6l6_109{display:none;position:fixed;bottom:0;left:0;right:0;max-height:60vh;background-color:var(--color-bg-primary);border-top-left-radius:16px;border-top-right-radius:16px;padding:1.5rem 1.5rem 2rem;z-index:95;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease,background-color .3s ease;box-shadow:0 -4px 20px #00000026}._drawer_1v6l6_109._open_1v6l6_127{transform:translateY(0)}._drawer_1v6l6_109 ._drawerHeader_1v6l6_130{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light)}._drawer_1v6l6_109 ._drawerTitle_1v6l6_138{font-weight:600;font-size:1rem;color:var(--color-text-primary)}._drawer_1v6l6_109 ._closeButton_1v6l6_143{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease}._drawer_1v6l6_109 ._closeButton_1v6l6_143:hover{color:var(--color-text-primary)}._drawer_1v6l6_109 ._closeButton_1v6l6_143 svg{width:20px;height:20px}._drawer_1v6l6_109 ._list_1v6l6_33 ._item_1v6l6_39 a{padding:.6rem .5rem;font-size:1rem}._drawer_1v6l6_109 ._list_1v6l6_33 ._item_1v6l6_39._nested_1v6l6_55 a{padding-left:1.5rem;font-size:.9375rem}@media screen and (max-width: 1100px){._toc_1v6l6_1{display:none}._mobileToggle_1v6l6_68{display:flex;align-items:center;justify-content:center}._overlay_1v6l6_96{display:block;pointer-events:none}._overlay_1v6l6_96._visible_1v6l6_105{pointer-events:auto}._drawer_1v6l6_109{display:block}}@media screen and (max-width: 1400px) and (min-width: 1101px){._toc_1v6l6_1{right:1rem;min-width:180px;max-width:200px;font-size:.8125rem}}._holder_100x6_1{display:flex;flex-direction:row;gap:2rem;margin-bottom:5rem}._contentHolder_100x6_8{position:relative;margin:2rem 1rem 1rem;padding:1rem;margin-left:250px;width:calc(100vw - 530px - 2rem);max-width:800px;min-width:0}._contentHolder_100x6_8 svg{background:#fff}@media screen and (max-width: 1100px){._contentHolder_100x6_8{width:calc(100vw - 250px - 2rem);max-width:900px}}@media screen and (max-width: 800px){._contentHolder_100x6_8{margin:2rem 0 0;margin-left:0;width:100%;max-width:100%}}._svgHolder_1ipi0_1{position:fixed;opacity:1;top:0;left:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;-moz-user-select:none;pointer-events:none;background:linear-gradient(to bottom,#7f009b,#25002c)}._svgHolder_1ipi0_1>svg{width:100%;max-width:100%;border:none;max-height:none!important}._particleHolder_m9g69_1{z-index:-100}._title_m9g69_5{font-family:Bungee Inline,sans-serif;font-size:3rem;margin-bottom:0;line-height:1.1;text-align:left;line-height:.9;z-index:100;text-shadow:0px 0px 10px rgba(255,255,255,.3)}._subheading_m9g69_16{font-size:1.25rem;margin:1rem 0;opacity:.9}@media screen and (max-width: 600px){._subheading_m9g69_16{font-size:1rem;margin:1rem 0 2rem}._title_m9g69_5{font-size:2.5rem}}._main_m9g69_33{font-size:1.5rem}._list_m9g69_37 li{list-style-type:circle;list-style-position:outside;font-size:1.5rem}._holder_m9g69_43{height:calc(100vh - 100px);width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:auto;z-index:100}._changeAnimation_m9g69_55{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3rem;opacity:.9}._animationName_m9g69_68{font-family:IBM Plex Mono,monospace;font-variant:small-caps;color:#fff;cursor:pointer;font-size:1.2rem;opacity:.5;transition:opacity .3s}._animationName_m9g69_68._selected_m9g69_78{opacity:1;text-decoration:underline;text-underline-offset:.3em}._buttonHolder_m9g69_84{display:flex;justify-content:center;margin-top:2rem}._holder_5q34m_1{margin:1rem 0}._title_5q34m_5{font-weight:600;margin-bottom:.25rem}._caption_5q34m_10{font-size:.8rem;margin-top:.25rem;opacity:.8}._codeContainer_5q34m_16{border-radius:6px;overflow:hidden}._pre_5q34m_21{margin:0;padding:.75rem 0;overflow-x:auto}._code_5q34m_16{display:block;font-family:Fira Code,Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5}._line_5q34m_34{display:block;padding:0 1rem}._lineNumber_5q34m_39{display:inline-block;width:2.5rem;padding-right:1rem;text-align:right;-webkit-user-select:none;user-select:none;opacity:.5}._lineContent_5q34m_48{display:inline}._dark_5q34m_52{background:#282c34;color:#abb2bf}._dark_5q34m_52 ._highlighted_5q34m_56{background:#ffffff1a}._dark_5q34m_52 ._lineNumber_5q34m_39{color:#636d83}._dark_5q34m_52 .hljs-comment,._dark_5q34m_52 .hljs-quote{color:#5c6370;font-style:italic}._dark_5q34m_52 .hljs-doctag,._dark_5q34m_52 .hljs-keyword,._dark_5q34m_52 .hljs-formula{color:#c678dd}._dark_5q34m_52 .hljs-section,._dark_5q34m_52 .hljs-name,._dark_5q34m_52 .hljs-selector-tag,._dark_5q34m_52 .hljs-deletion,._dark_5q34m_52 .hljs-subst{color:#e06c75}._dark_5q34m_52 .hljs-literal{color:#56b6c2}._dark_5q34m_52 .hljs-string,._dark_5q34m_52 .hljs-regexp,._dark_5q34m_52 .hljs-addition,._dark_5q34m_52 .hljs-attribute,._dark_5q34m_52 .hljs-meta .hljs-string{color:#98c379}._dark_5q34m_52 .hljs-attr,._dark_5q34m_52 .hljs-variable,._dark_5q34m_52 .hljs-template-variable,._dark_5q34m_52 .hljs-type,._dark_5q34m_52 .hljs-selector-class,._dark_5q34m_52 .hljs-selector-attr,._dark_5q34m_52 .hljs-selector-pseudo,._dark_5q34m_52 .hljs-number{color:#d19a66}._dark_5q34m_52 .hljs-symbol,._dark_5q34m_52 .hljs-bullet,._dark_5q34m_52 .hljs-link,._dark_5q34m_52 .hljs-meta,._dark_5q34m_52 .hljs-selector-id,._dark_5q34m_52 .hljs-title{color:#61aeee}._dark_5q34m_52 .hljs-built_in,._dark_5q34m_52 .hljs-title.class_,._dark_5q34m_52 .hljs-class .hljs-title{color:#e6c07b}._dark_5q34m_52 .hljs-emphasis{font-style:italic}._dark_5q34m_52 .hljs-strong{font-weight:700}._dark_5q34m_52 .hljs-link{text-decoration:underline}._light_5q34m_122{background:#282c34;color:#abb2bf}._light_5q34m_122 ._highlighted_5q34m_56{background:#ffffff1a}._light_5q34m_122 ._lineNumber_5q34m_39{color:#636d83}._light_5q34m_122 .hljs-comment,._light_5q34m_122 .hljs-quote{color:#5c6370;font-style:italic}._light_5q34m_122 .hljs-doctag,._light_5q34m_122 .hljs-keyword,._light_5q34m_122 .hljs-formula{color:#c678dd}._light_5q34m_122 .hljs-section,._light_5q34m_122 .hljs-name,._light_5q34m_122 .hljs-selector-tag,._light_5q34m_122 .hljs-deletion,._light_5q34m_122 .hljs-subst{color:#e06c75}._light_5q34m_122 .hljs-literal{color:#56b6c2}._light_5q34m_122 .hljs-string,._light_5q34m_122 .hljs-regexp,._light_5q34m_122 .hljs-addition,._light_5q34m_122 .hljs-attribute,._light_5q34m_122 .hljs-meta .hljs-string{color:#98c379}._light_5q34m_122 .hljs-attr,._light_5q34m_122 .hljs-variable,._light_5q34m_122 .hljs-template-variable,._light_5q34m_122 .hljs-type,._light_5q34m_122 .hljs-selector-class,._light_5q34m_122 .hljs-selector-attr,._light_5q34m_122 .hljs-selector-pseudo,._light_5q34m_122 .hljs-number{color:#d19a66}._light_5q34m_122 .hljs-symbol,._light_5q34m_122 .hljs-bullet,._light_5q34m_122 .hljs-link,._light_5q34m_122 .hljs-meta,._light_5q34m_122 .hljs-selector-id,._light_5q34m_122 .hljs-title{color:#61aeee}._light_5q34m_122 .hljs-built_in,._light_5q34m_122 .hljs-title.class_,._light_5q34m_122 .hljs-class .hljs-title{color:#e6c07b}._light_5q34m_122 .hljs-emphasis{font-style:italic}._light_5q34m_122 .hljs-strong{font-weight:700}._light_5q34m_122 .hljs-link{text-decoration:underline}._tire_i309z_1{animation-name:_spin_i309z_1;animation-duration:.4s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse}._body_i309z_9{animation-name:_jiggle_i309z_1;animation-duration:.33s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-origin:50% 100%;animation-direction:alternate-reverse}._rangeMid_i309z_18{animation-name:_parallax_i309z_1;animation-duration:45s;animation-timing-function:linear;animation-iteration-count:infinite}._rangeBack_i309z_25{animation-name:_parallax_i309z_1;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite}._rangeFront_i309z_32{animation-name:_parallax_i309z_1;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}._inner_i309z_39{animation-name:_pulse_i309z_1;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}._middle_i309z_46{animation-name:_pulse_i309z_1;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:2s}._outer_i309z_54{animation-name:_pulse_i309z_1;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:4s}._car_i309z_62{animation-name:_rev_i309z_1;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes _parallax_i309z_1{0%{transform:translate(-200%)}to{transform:translate(0)}}@keyframes _spin_i309z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _jiggle_i309z_1{0%{transform:translateY(-.15%)}to{transform:translateY(.15%)}}@keyframes _pulse_i309z_1{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes _rev_i309z_1{0%{transform:translate(40%) translateY(67%)}to{transform:translate(45%) translateY(67%)}}._translateFirst_1h9gx_1{fill:#00f;transform:translate(200px,100px) rotate(15deg)}._rotateFirst_1h9gx_6{fill:red;transform:rotate(15deg) translate(200px,100px)}._circle_o54jf_1{fill:orange;stroke:#000;stroke-width:1;transition-property:stroke-width fill;transition-duration:.33s;transition-timing-function:linear;transition-delay:0}._circle_o54jf_1:hover{stroke-width:10;fill:red}._strokeDash_o54jf_16{fill:"orange";stroke:#000;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:none}._strokeDashHover_o54jf_25{fill:"orange";stroke:#000;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:none;transition-property:stroke-dashoffset;transition-duration:.33s;transition-timing-function:linear;transition-delay:0}._strokeDashHover_o54jf_25:hover{stroke-dashoffset:0}._s_o54jf_16{stroke:#000;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:0}._v_o54jf_55{stroke:#000;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:.5s}._g_o54jf_68{stroke:#000;fill:red;fill-opacity:0;stroke-width:0;stroke-dasharray:100;stroke-dashoffset:100;transition-property:stroke-dashoffset,fill-opacity,stroke-width;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:1s}._letter_o54jf_81:hover>:is(._s_o54jf_16,._v_o54jf_55,._g_o54jf_68){fill-opacity:1;stroke-width:5;stroke-dashoffset:0}._geoPropAnimation_o54jf_87{cx:250px;cy:250px;r:150px;transition-property:all;transition-duration:.33s}._geoPropAnimation_o54jf_87:hover{r:200px;cy:225px}@keyframes _zoom_o54jf_120{0%{fill:red;cx:250px;cy:125px}33%{cx:375px;cy:375px}66%{cx:125px;cy:375px}to{fill:#00f;cx:250px;cy:125px}}._zoomCircle_o54jf_120{cx:250px;cy:125px;animation-name:_zoom_o54jf_120;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}._balloon_o54jf_130{animation-name:_float_o54jf_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}._balloonEase_o54jf_138{animation-name:_float_o54jf_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate}._clouds_o54jf_146{animation-name:_stream_o54jf_1;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes _stream_o54jf_1{0%{transform:translate(0)}to{transform:translate(-500px)}}@keyframes _float_o54jf_1{0%{transform:translate(175px,200px) scale(2)}to{transform:translate(175px,50px) scale(2)}}._exampleImage_o54jf_169{width:300px;height:300px}@keyframes _backAndForth_o54jf_1{0%{cy:280}to{cy:20}}._exampleAnimation_o54jf_182{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeIn_o54jf_191{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in}._easeOut_o54jf_200{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-out}._easeInOut_o54jf_209{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in-out}._easeLinear_o54jf_218{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeCustom_o54jf_227{animation-name:_backAndForth_o54jf_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:cubic-bezier(.13,.74,0,1)}._on_o54jf_236{stroke-dashoffset:0}._off_o54jf_240{stroke-dashoffset:-100}@keyframes _drawLetter_o54jf_1{0%{stroke-dashoffset:-100}to{stroke-dashoffset:0}}@keyframes _grow_rfjr7_1{0%{transform:scale(1)}to{transform:scale(2.5)}}._animDirNormal_rfjr7_9{animation-name:_grow_rfjr7_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:normal}._animDirReverse_rfjr7_19{animation-name:_grow_rfjr7_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:reverse}._animDirAlternate_rfjr7_29{animation-name:_grow_rfjr7_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:alternate}._animDirAlternateReverse_rfjr7_39{animation-name:_grow_rfjr7_1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:3s;transform-box:fill-box;transform-origin:50% 50%;animation-direction:alternate-reverse}._fillStuffContainer_rfjr7_49{display:flex;flex-direction:column;width:100%}@keyframes _growAndFill_rfjr7_1{0%{transform:scale(2);fill:red}to{transform:scale(4);fill:#00f}}._animFillHold_rfjr7_65{transform:scale(1);fill:#d3d3d3}._animFillNone_rfjr7_70{animation-name:_growAndFill_rfjr7_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:none}._animFillForwards_rfjr7_82{animation-name:_growAndFill_rfjr7_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:forwards}._animFillBackwards_rfjr7_94{animation-name:_growAndFill_rfjr7_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:backwards}._animFillBoth_rfjr7_106{animation-name:_growAndFill_rfjr7_1;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-duration:3s;animation-direction:normal;animation-delay:1s;transform-box:fill-box;transform-origin:50% 50%;animation-fill-mode:both}._imageHolder_1t7hn_1{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}._image_1t7hn_1{width:300px;height:300px;border:1px solid black}._squareStyle_1t7hn_14{fill:#6495ed;transform:rotate(0);transition:.5s ease-in-out}._spinStyleTransition_1t7hn_20{transform:rotate(360deg)}._spinStyleAnimation_1t7hn_24{animation-name:_spin_1t7hn_20;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes _spin_1t7hn_20{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._shrinkAnimation_1t7hn_39{animation-name:_shrink_1t7hn_39;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes _shrink_1t7hn_39{0%{transform:scale(1);fill:#6495ed}to{transform:scale(.5);fill:red}}._expandAnimation_1t7hn_56{animation-name:_expand_1t7hn_56;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes _expand_1t7hn_56{0%{transform:scale(.5);fill:red}to{transform:scale(1);fill:#6495ed}}._containerWithButton_1i69m_1{display:flex;flex-direction:column;width:fit-content;margin:2rem 0}._modalContainer_1i69m_8{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:500;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#0003}@keyframes _backAndForth_1xwbq_9{0%{cy:290}to{cy:10}}._backAndForthAnimation_1xwbq_9{animation-name:_backAndForth_1xwbq_9;animation-duration:2s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._fillStuffContainer_1y4rf_1{display:flex;flex-direction:column;width:100%}._holder_d199n_1{animation-name:_walk_d199n_1;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(8,jump-none)}@keyframes _walk_d199n_1{0%{transform:translate(0)}to{transform:translate(-1400px)}}._bounceHolderNoStep_d199n_16{animation-name:_bounceNoStep_d199n_1;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes _bounceNoStep_d199n_1{0%{transform:translate(0)}to{transform:translate(-300px)}}._bounceHolder_d199n_16{animation-name:_bounce_d199n_16;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:steps(7,jump-none);animation-direction:alternate-reverse}@keyframes _bounce_d199n_16{0%{transform:translate(0)}to{transform:translate(-300px)}}._creative_coding_hs3sx_2{font-family:Roboto,serif;font-weight:400;font-size:30px;font-weight:300;letter-spacing:3px}._svgText_hs3sx_10{font-family:Bagel Fat One,serif}._letter_hs3sx_14{font-size:35px;fill:#fff;color:#fff}._playbackControls_hs3sx_20{width:500px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;border:none}._playback_hs3sx_20{padding:.5rem 1rem}.zuubaDigital{font-family:Roboto,serif;font-size:20px;font-weight:400;text-anchor:middle;dominant-baseline:middle;font-variant:small-caps}._svg_gdws1_1{border:1px solid black}:root{--color-brand-primary: rgb(36, 1, 44);--color-brand-secondary: rgb(52, 1, 63);--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-nav: rgb(253, 243, 255);--color-bg-nav-overlay: rgba(39, 0, 43, .4);--color-bg-code: #282c34;--color-bg-hover: rgba(255, 165, 255, .2);--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #666666;--color-border-light: #eaeaea;--color-border-medium: #d3d2d2;--color-border-nav: rgba(32, 0, 37, .3);--color-link: rgb(36, 1, 44);--color-table-header-bg: #fff5ff;--color-table-text: #000000}[data-theme=dark]{--color-brand-secondary: rgb(235, 209, 245);--color-bg-primary: #181818;--color-bg-secondary: #16213e;--color-bg-nav: #1f1f3a;--color-bg-nav-overlay: rgba(0, 0, 0, .6);--color-bg-code: #282c34;--color-bg-hover: rgba(255, 165, 255, .15);--color-text-primary: #f0f0f0;--color-text-secondary: #c4c4c9;--color-text-muted: #a0a0a8;--color-border-light: #3d3d5c;--color-border-medium: #4d4d6c;--color-border-nav: rgba(100, 60, 110, .5);--color-link: #c99fd4;--color-table-header-bg: #161627;--color-table-text: #ffffff}*{font-family:IBM Plex Sans,sans-serif;font-weight:400;box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}h1{font-variant:all-small-caps;font-weight:800;margin:1rem 0;color:var(--color-brand-secondary);z-index:100;font-size:3.25rem;line-height:1.22222;margin:10px 0}h2{font-weight:600;font-variant:all-petite-caps;font-size:2rem;line-height:1.5;letter-spacing:.1px}h3{font-size:1.15rem;line-height:1.5;font-weight:600;margin:1rem 0 0rem}p{font-size:1.125rem;margin:0 0 1rem}ol{list-style:number inside;margin-left:1rem;margin-bottom:2rem}ul{list-style:circle inside;list-style-type:" - ";margin-left:1.5rem}li{font-weight:300;font-size:1rem;padding:.1rem 0;list-style-type:circle;list-style-position:outside}ol li{font-weight:300;font-size:1rem;padding-left:.5rem;list-style-position:outside;list-style-type:decimal}strong{font-weight:500}img{margin-bottom:1.5rem;width:100%;height:auto;border:1px solid var(--color-border-light);border-radius:10px}svg{position:relative;border:1px solid var(--color-border-light);margin-bottom:1.5rem;width:100%;max-height:500px;border-radius:10px}svg text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}svg text::selection{background:none}span svg{margin:0;border:none;padding:none;margin-left:.5rem;height:1rem}pre{background-color:var(--color-bg-code);margin:1rem 0;padding:1rem;font-family:monospace;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}hr{margin-top:1rem;border-top:1px solid var(--color-border-medium)}code span{font-family:monospace;font-size:.9rem}video{margin:1.5rem 0;border:1px solid rgb(77,77,77)}@media screen and (max-width: 500px){h1{font-size:3rem;margin:1rem 0;line-height:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem;font-weight:500;margin:2rem 0 .5rem}p{font-size:1rem;margin:0 0 1rem}}.codepenLink{color:var(--color-link);font-weight:200;text-decoration:none;border-bottom:1px solid var(--color-link)}.codepenLink:after{position:relative;content:" >"}.attribution{transform:translateY(-30px);font-size:.8rem;font-style:italic}.attributionLink{color:var(--color-link);font-weight:600;text-decoration:none;border-bottom:1px solid var(--color-link)}blockquote>p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;unicode-bidi:isolate;font-size:1rem}.shapesContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.shapesContainer img{max-width:30%;height:auto;margin:0}.comparisonTable{width:100%;border-collapse:collapse;margin:0 0 1.5rem}.comparisonTable th,.comparisonTable td{border:1px solid var(--color-border-medium);padding:.75rem;text-align:left}.comparisonTable th{background-color:var(--color-table-header-bg);color:var(--color-table-text);font-weight:600}.comparisonTable tr:nth-child(2n){background-color:var(--color-bg-secondary)}.videoStyle{width:100%;max-width:400px;height:auto;max-height:400px;display:block;margin:2rem auto}