@import"https://fonts.googleapis.com/css2?family=Inter:wght@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&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Quicksand:wght@300..700&family=Shrikhand&display=swap";@import"https://fonts.googleapis.com/css2?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_17tqq_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_17tqq_1:hover{scrollbar-color:var(--color-border-medium) transparent}._title_17tqq_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_17tqq_33{list-style:none;padding:0;margin:0}._item_17tqq_39{margin:0;border-left:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}._item_17tqq_39 a{display:block;padding:.4rem .5rem;color:var(--color-text-secondary);text-decoration:none;line-height:1.4;transition:color .2s ease}._item_17tqq_39 a:hover{color:var(--color-text-primary)}._item_17tqq_39._nested_17tqq_55 a{padding-left:1.25rem;font-size:.8125rem}._item_17tqq_39._active_17tqq_59{border-left-color:var(--color-link);background-color:var(--color-bg-secondary)}._item_17tqq_39._active_17tqq_59 a{color:var(--color-link);font-weight:500}._mobileToggle_17tqq_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_17tqq_68:hover{transform:scale(1.05)}._mobileToggle_17tqq_68:active{transform:scale(.95)}._mobileToggle_17tqq_68 svg{width:24px;height:24px}._overlay_17tqq_95{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_17tqq_95._visible_17tqq_104{opacity:1}._drawer_17tqq_108{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_17tqq_108._open_17tqq_126{transform:translateY(0)}._drawer_17tqq_108 ._drawerHeader_17tqq_129{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border-light)}._drawer_17tqq_108 ._drawerTitle_17tqq_137{font-weight:600;font-size:1rem;color:var(--color-text-primary)}._drawer_17tqq_108 ._closeButton_17tqq_142{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease}._drawer_17tqq_108 ._closeButton_17tqq_142:hover{color:var(--color-text-primary)}._drawer_17tqq_108 ._closeButton_17tqq_142 svg{width:20px;height:20px}._drawer_17tqq_108 ._list_17tqq_33 ._item_17tqq_39 a{padding:.6rem .5rem;font-size:1rem}._drawer_17tqq_108 ._list_17tqq_33 ._item_17tqq_39._nested_17tqq_55 a{padding-left:1.5rem;font-size:.9375rem}@media screen and (max-width: 1100px){._toc_17tqq_1{display:none}._mobileToggle_17tqq_68{display:flex;align-items:center;justify-content:center}._overlay_17tqq_95{display:block;pointer-events:none}._overlay_17tqq_95._visible_17tqq_104{pointer-events:auto}._drawer_17tqq_108{display:block}}@media screen and (max-width: 1400px) and (min-width: 1101px){._toc_17tqq_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_1a52z_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_1a52z_1>svg{width:100%;max-width:100%;border:none}._particleHolder_95vco_1{z-index:-100}._subheading_95vco_5{font-size:1.5rem;margin:1rem 0;opacity:.8}@media screen and (max-width: 800px){._subheading_95vco_5{font-size:1.25rem;margin:1rem 0 2rem}}._main_95vco_18{font-size:1.5rem}._list_95vco_22 li{list-style-type:circle;list-style-position:outside;font-size:1.5rem}._holder_95vco_28{height:calc(100vh - 100px);width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;z-index:100}._title_95vco_40{font-family:Shrikhand,sans-serif;font-size:3.5rem;margin-bottom:0;line-height:1.1;text-align:center;z-index:100}._holder_jppwq_1{margin:1rem 0}._title_jppwq_5{font-weight:600}._caption_jppwq_9{font-size:.8rem}._translateFirst_1h9gx_1{fill:#00f;transform:translate(200px,100px) rotate(15deg)}._rotateFirst_1h9gx_6{fill:red;transform:rotate(15deg) translate(200px,100px)}._circle_2p74m_1{fill:orange;stroke:#000;stroke-width:1;transition-property:stroke-width fill;transition-duration:.33s;transition-timing-function:linear;transition-delay:0}._circle_2p74m_1:hover{stroke-width:10;fill:red}._strokeDash_2p74m_16{fill:"orange";stroke:#000;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:none}._strokeDashHover_2p74m_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_2p74m_25:hover{stroke-dashoffset:0}._s_2p74m_16{stroke:#fff;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_2p74m_55{stroke:#fff;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_2p74m_68{stroke:#fff;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_2p74m_81:hover>:is(._s_2p74m_16,._v_2p74m_55,._g_2p74m_68){fill-opacity:1;stroke-width:5;stroke-dashoffset:0}._geoPropAnimation_2p74m_87{cx:250px;cy:250px;r:150px;transition-property:all;transition-duration:.33s}._geoPropAnimation_2p74m_87:hover{r:200px;cy:225px}@keyframes _zoom_2p74m_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_2p74m_120{cx:250px;cy:125px;animation-name:_zoom_2p74m_120;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse}._balloon_2p74m_130{animation-name:_float_2p74m_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}._balloonEase_2p74m_138{animation-name:_float_2p74m_1;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate}._clouds_2p74m_146{animation-name:_stream_2p74m_1;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes _stream_2p74m_1{0%{transform:translate(0)}to{transform:translate(-500px)}}@keyframes _float_2p74m_1{0%{transform:translate(175px,200px) scale(2)}to{transform:translate(175px,50px) scale(2)}}._exampleImage_2p74m_169{width:300px;height:300px}@keyframes _backAndForth_2p74m_1{0%{cy:280}to{cy:20}}._exampleAnimation_2p74m_182{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeIn_2p74m_191{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in}._easeOut_2p74m_200{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-out}._easeInOut_2p74m_209{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in-out}._easeLinear_2p74m_218{animation-name:_backAndForth_2p74m_1;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:linear}._easeCustom_2p74m_227{animation-name:_backAndForth_2p74m_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_2p74m_236{stroke-dashoffset:0}._off_2p74m_240{stroke-dashoffset:-100}@keyframes _drawLetter_2p74m_1{0%{stroke-dashoffset:-100}to{stroke-dashoffset:0}}@keyframes _grow_1g9rp_1{0%{transform:scale(1)}to{transform:scale(2.5)}}._animDir_normal_1g9rp_9{animation-name:_grow_1g9rp_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}._animDir_reverse_1g9rp_19{animation-name:_grow_1g9rp_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}._animDir_alternate_1g9rp_29{animation-name:_grow_1g9rp_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}._animDir_alternate_reverse_1g9rp_39{animation-name:_grow_1g9rp_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_1g9rp_49{display:flex;flex-direction:column;width:fit-content}@keyframes _growAndFill_1g9rp_1{0%{transform:scale(2);fill:red}to{transform:scale(4);fill:#00f}}._animFill_hold_1g9rp_65{transform:scale(1);fill:#d3d3d3}._animFill_none_1g9rp_70{animation-name:_growAndFill_1g9rp_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}._animFill_forwards_1g9rp_82{animation-name:_growAndFill_1g9rp_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}._animFill_backwards_1g9rp_94{animation-name:_growAndFill_1g9rp_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}._animFill_both_1g9rp_106{animation-name:_growAndFill_1g9rp_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_eourm_1{display:flex;flex-direction:column;width:fit-content}._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: #eaeaea;--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)}[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: #2d2d44;--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}*{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-width: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;font-weight:400;margin:3rem 0 1rem}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{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}