._home_1od5m_54{--accent-color:var(--bg-magenta-70)}._reference-item_1od5m_59,._reference_1od5m_58{--accent-color:var(--bg-yellow)}._tutorials_1od5m_63{--accent-color:var(--bg-taupe)}._example_1od5m_67,._examples_1od5m_67{--accent-color:var(--bg-orange)}._contribute_1od5m_72{--accent-color:var(--bg-blue)}._community_1od5m_76,._events_1od5m_81,._libraries_1od5m_80,._sketches_1od5m_82{--accent-color:var(--bg-green)}._about_1od5m_86{--accent-color:var(--bg-magenta-20)}._search_1od5m_90,._text-detail_1od5m_91{--accent-color:var(--bg-magenta-70)}._light-theme_1od5m_95{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-type-color:var(--type-black)}._monochrome-theme_1od5m_103{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-color:var(--bg-black);--accent-type-color:var(--type-white);--logo-color:var(--type-black)}._dark-theme_1od5m_113{--bg-color:var(--bg-black);--type-color:var(--accent-color);--sidebar-bg-color:var(--bg-black);--sidebar-type-color:var(--accent-color);--accent-type-color:var(--type-black)}._monochrome-theme_1od5m_103._dark-theme_1od5m_113{--body-color:var(--bg-black);--type-color:var(--type-white);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-white);--accent-color:var(--bg-white);--accent-type-color:var(--type-black);--logo-color:var(--type-white)}._reduced-motion_1od5m_131{--spin-degrees:0deg;scroll-behavior:auto}@media (prefers-reduced-motion:no-preference){@keyframes _spin_1od5m_1{to{transform:rotate(var(--spin-degrees))}}}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:400;src:url(/fonts/NationalPark-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:700;src:url(/fonts/NationalPark-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:800;src:url(/fonts/NationalPark-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:500;src:url(/fonts/NationalPark-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:600;src:url(/fonts/NationalPark-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:300;src:url(/fonts/NationalPark-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:200;src:url(/fonts/NationalPark-ExtraLight.woff2) format("woff2")}._text-body-caption_1od5m_344,._text-body-large_1od5m_339,._text-body-mono_1od5m_340,._text-body_1od5m_339,body,code,h1,h2,h3,h4{letter-spacing:.0125rem}._text-h2_1od5m_364,h2{font-size:2rem;line-height:1.125;-webkit-text-stroke-width:.2px;font-family:var(--font-sans);margin-top:var(--spacing-lg)}@media (min-width:770px){._text-h2_1od5m_364,h2{font-size:2.5rem;line-height:1.1;-webkit-text-stroke-width:.2px}}._text-h3_1od5m_381,h3{font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px;font-family:var(--font-sans);margin-top:var(--spacing-md)}@media (min-width:770px){._text-h3_1od5m_381,h3{font-size:1.875rem;line-height:1.1333;-webkit-text-stroke-width:.2px}}._text-h4_1od5m_398,h4{font-size:1.25rem;line-height:1.167;-webkit-text-stroke-width:.1px;font-family:var(--font-sans);margin-top:var(--spacing-md)}@media (min-width:770px){._text-h4_1od5m_398,h4{font-size:1.5rem;line-height:1.1333;-webkit-text-stroke-width:.15px}}._text-body-large_1od5m_339{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.1px;font-family:var(--font-sans)}@media (min-width:770px){._text-body-large_1od5m_339{font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px}}._text-body-mono_1od5m_340,code{font-size:1rem;line-height:1.25;-webkit-text-stroke-width:.05px;font-family:var(--font-serif)}@media (min-width:770px){._text-body-mono_1od5m_340,code{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.1px}}._text-body_1od5m_339,body{font-size:1rem;line-height:1.25;-webkit-text-stroke-width:.05px;font-family:var(--font-sans)}@media (min-width:770px){._text-body_1od5m_339,body{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.15px}}._text-body-caption_1od5m_344{font-size:.75rem;line-height:1.33;-webkit-text-stroke-width:.05px;font-family:var(--font-sans)}@media (min-width:770px){._text-body-caption_1od5m_344{font-size:.875rem;line-height:1.42;-webkit-text-stroke-width:.1px}}._dark-theme_1od5m_113 code:not(._code-box_1od5m_493){color:var(--type-black)}._section_1od5m_502,section{border-bottom-width:1px;border-color:var(--type-color);margin-top:var(--gutter-sm);padding-bottom:var(--gutter-lg)}._section_1od5m_502:last-child,section:last-child{border-width:0}._section_1od5m_502 ._text-h2_1od5m_364,._section_1od5m_502 h2,section ._text-h2_1od5m_364,section h2{margin-bottom:0;margin-top:var(--gutter-md)}._section_1od5m_502 ._text-h2_1od5m_364,._section_1od5m_502 ._text-h2_1od5m_364>*,._section_1od5m_502 h2,._section_1od5m_502 h2>*,._section_1od5m_502 h3,._section_1od5m_502 h3>*,._section_1od5m_502 text-h3,._section_1od5m_502 text-h3>*,section ._text-h2_1od5m_364,section ._text-h2_1od5m_364>*,section h2,section h2>*,section h3,section h3>*,section text-h3,section text-h3>*{scroll-margin-top:var(--gutter-md)}@media (min-width:770px){._section_1od5m_502 ._text-h2_1od5m_364,._section_1od5m_502 ._text-h2_1od5m_364>*,._section_1od5m_502 h2,._section_1od5m_502 h2>*,._section_1od5m_502 h3,._section_1od5m_502 h3>*,._section_1od5m_502 text-h3,._section_1od5m_502 text-h3>*,section ._text-h2_1od5m_364,section ._text-h2_1od5m_364>*,section h2,section h2>*,section h3,section h3>*,section text-h3,section text-h3>*{scroll-margin-top:var(--gutter-sm)}}._astro-code_1od5m_556,._reference-item_1od5m_59 pre{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}._astro-code_1od5m_556 code,._code-box_1od5m_493 code{background-color:transparent;border-radius:0;padding:0}._astro-code_1od5m_556,._code-box_1od5m_493,._reference-item_1od5m_59 pre{background-color:var(--bg-gray-40)!important;border-radius:20px;max-width:100%;overflow-x:auto;padding:var(--spacing-sm)}@media (max-width:770px){._astro-code_1od5m_556,._code-box_1od5m_493,._reference-item_1od5m_59 pre{border-radius:10px}}._dark-theme_1od5m_113 ._astro-code_1od5m_556,._dark-theme_1od5m_113 ._code-box_1od5m_493,._dark-theme_1od5m_113 ._reference-item_1od5m_59 pre{background-color:#ddd!important;filter:invert(100%)}._reference-item_1od5m_59 pre code{background-color:transparent}._astro-code_1od5m_556 pre,._code-box_1od5m_493 pre,._reference-item_1od5m_59 pre,pre._astro-code_1od5m_556,pre._code-box_1od5m_493{white-space:break-spaces}._callout_1od5m_604,._deprecated_1od5m_604,._experimental_1od5m_604{background-color:var(--bg-magenta-20);border-radius:20px;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm)}._dark-theme_1od5m_113 ._callout_1od5m_604,._dark-theme_1od5m_113 ._deprecated_1od5m_604,._dark-theme_1od5m_113 ._experimental_1od5m_604{color:var(--type-black)}._callout_1od5m_604 h5,._deprecated_1od5m_604 h5,._experimental_1od5m_604 h5{font-weight:700;margin-bottom:var(--spacing-sm)}._deprecated_1od5m_604,._experimental_1od5m_604{background-color:var(--bg-yellow)}._callout_1od5m_604._callout-note_1od5m_623{background-color:var(--bg-blue)}._sidebar_1od5m_627{background-color:var(--sidebar-bg-color);color:var(--sidebar-type-color)}._top-layout-grid_1od5m_633{--nav-width:100%;--nav-offset-x:0}@media (min-width:770px){._top-layout-grid_1od5m_633{--nav-width:200px;--nav-offset-x:var(--nav-width)}}._top-layout-grid_1od5m_633 nav{background-color:var(--bg-color);position:sticky;top:0;width:var(--nav-width);z-index:10000}@media (min-width:770px){._top-layout-grid_1od5m_633 nav{height:100vh;position:fixed}}._top-layout-grid_1od5m_633 ._banner_1od5m_656,._top-layout-grid_1od5m_633 ._settings_1od5m_657,._top-layout-grid_1od5m_633 footer,._top-layout-grid_1od5m_633 header,._top-layout-grid_1od5m_633 main{margin-left:var(--nav-offset-x)}._top-layout-grid_1od5m_633 ._banner_1od5m_656{border-top:1px solid var(--type-color);bottom:0;display:flex;flex-direction:row;padding:var(--spacing-xs) var(--spacing-md);position:sticky}._top-layout-grid_1od5m_633 ._banner_1od5m_656 ._banner-content_1od5m_671{flex:1;margin-right:var(--pacing-sm)}@media (min-width:770px){._top-layout-grid_1od5m_633 ._banner_1od5m_656{padding:var(--spacing-sm) var(--spacing-lg)}}._top-layout-grid_1od5m_633 ._banner_1od5m_656 p{margin:0}._top-layout-grid_1od5m_633 header ._homepage-header-top_1od5m_683{display:flex;flex-direction:column;height:calc(50vh - var(--spacing-5xl) - 43px);justify-content:space-between;max-height:calc(50vh - var(--spacing-5xl) - 43px)}@media (min-width:770px){._top-layout-grid_1od5m_633 header ._homepage-header-top_1od5m_683{height:calc(50vh - var(--spacing-5xl));max-height:calc(50vh - var(--spacing-5xl));min-height:300px}}@media (min-width:1024px){._top-layout-grid_1od5m_633 header ._homepage-header-top_1od5m_683{height:calc(50vh - var(--spacing-3xl));max-height:calc(50vh - var(--spacing-3xl))}}@media (min-width:770px){._top-layout-grid_1od5m_633 header{margin-top:0}}._monochrome-theme_1od5m_103 img{filter:grayscale(100%)}._dark-theme_1od5m_113 ._invert-in-dark_1od5m_713{filter:invert(100%)}._content-grid_1od5m_717{-moz-column-gap:var(--gutter-sm);column-gap:var(--gutter-sm);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:var(--gutter-md)}@media (min-width:770px){._content-grid_1od5m_717{gap:var(--gutter-md)}}@media (min-width:1024px){._content-grid_1od5m_717{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width:1280px){._content-grid_1od5m_717{grid-template-columns:repeat(12,minmax(0,1fr))}}._content-grid-simple_1od5m_739{-moz-column-gap:var(--gutter-sm);column-gap:var(--gutter-sm);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--gutter-md)}@media (min-width:770px){._content-grid-simple_1od5m_739{gap:var(--gutter-md)}}@media (min-width:1280px){._content-grid-simple_1od5m_739{grid-template-columns:repeat(4,minmax(0,1fr))}}._hero-image_1od5m_761{border-bottom-width:1px;border-color:var(--type-color);border-top-width:1px;height:50vh;left:calc(var(--spacing-lg)*-1);max-height:50vh;max-width:calc(100% + var(--spacing-lg)*2);-o-object-fit:cover;object-fit:cover;position:relative;width:calc(100% + var(--spacing-lg)*2)}@media (min-width:770px){._hero-image_1od5m_761{left:calc(var(--spacing-lg)*-1);max-width:calc(100% + var(--spacing-lg)*2);min-height:250px;width:calc(100% + var(--spacing-lg)*2)}}hr._full-bleed_1od5m_782{left:-2.5rem;max-width:calc(100% + 5rem);position:relative;width:calc(100% + 5rem)}@media (min-width:770px){hr._full-bleed_1od5m_782{left:calc(var(--spacing-lg)*-1);max-width:calc(100% + var(--spacing-lg)*2);width:calc(100% + var(--spacing-lg)*2)}}._no-scrollbar_1od5m_803::-webkit-scrollbar{display:none}._no-scrollbar_1od5m_803{-ms-overflow-style:none;scrollbar-width:none}._renderable-alt_1od5m_814{display:none}._show-alt-text_1od5m_818 ._renderable-alt_1od5m_814{display:-webkit-box}._dark-theme_1od5m_113._monochrome-theme_1od5m_103 ._renderable-alt_1od5m_814{color:var(--type-black)}._skip-to-main_1od5m_826{height:1px;left:-1000px;overflow:hidden;position:absolute;top:auto;width:1px}._skip-to-main_1od5m_826:focus{background:#fff;border:2px solid #000;height:auto;left:0;overflow:visible;padding:10px;top:0;width:auto;z-index:1000}._container_1od5m_852{height:-moz-fit-content;height:fit-content}@media (min-width:770px){._container_1od5m_852{border-color:var(--sidebar-type-color);border-right-width:1px;display:flex;flex-direction:column;position:fixed}}._mainlinks_1od5m_865{border-bottom-width:1px;border-color:var(--sidebar-type-color);display:grid;grid-template-columns:1fr 1fr;height:calc(var(--nav-height)/2);height:43px;overflow:hidden;padding:var(--spacing-xs) 1.25rem}._mainlinks_1od5m_865.noJumpTo{max-height:unset}._mainlinks_1od5m_865 ._logo_1od5m_878{display:flex;grid-column:1/3;height:35px;justify-content:space-between;width:100%}._mainlinks_1od5m_865 ._logo_1od5m_878 a{height:25px}._mainlinks_1od5m_865.open{height:unset}._mainlinks_1od5m_865 ul{font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px;margin-bottom:var(--spacing-xs)}@media (min-width:770px){._mainlinks_1od5m_865{border-bottom-width:0;display:grid;flex-grow:0;grid-auto-flow:column;grid-template-columns:1fr;grid-template-rows:2fr 2fr 2fr;height:80px;justify-content:space-between;max-height:calc(50vh - 1px);overflow:hidden;padding:1.25rem;width:100%}._mainlinks_1od5m_865 ._logo_1od5m_878{display:flex;gap:var(--spacing-xs);height:50px;margin-bottom:10px;padding:0}._mainlinks_1od5m_865 ._logo_1od5m_878 a{height:unset}._mainlinks_1od5m_865 ._toggle_1od5m_922{display:grid}._mainlinks_1od5m_865 ul{font-size:1.25rem;grid-column:1/2;line-height:1.2;-webkit-text-stroke-width:.15px}._mainlinks_1od5m_865.noJumpTo,._mainlinks_1od5m_865.open{grid-template-rows:min-content 2fr;height:100%;min-height:350px}}._mainlinks_1od5m_865 ._mobileMenuLabel_1od5m_937{align-items:center;display:flex;gap:1rem;position:relative;top:-.25rem}._mainlinks_1od5m_865 ._mobileMenuLabel_1od5m_937 svg{height:1rem;width:1.25rem}@media (min-width:770px){._mainlinks_1od5m_865 ._mobileMenuLabel_1od5m_937{display:none!important}}._mainlinks_1od5m_865 ._desktopMenuLabel_1od5m_953{display:none}@media (min-width:770px){._mainlinks_1od5m_865 ._desktopMenuLabel_1od5m_953{display:block;margin-top:7.5px}}._mainlinks_1od5m_865.noJumpTo ._mobileMenuLabel_1od5m_937{display:flex}@media (min-width:770px){._mainlinks_1od5m_865.noJumpTo ._desktopMenuLabel_1od5m_953{display:none}}._jumpto_1od5m_971{animation:_height_1od5m_1 .3s ease-in-out;border-bottom-width:1px;border-color:var(--sidebar-type-color);flex-grow:0;height:40px;-ms-overflow-styles:none;scrollbar-width:none}._jumpto_1od5m_971::-webkit-scrollbar{background:transparent;width:0}._jumpto_1od5m_971 ul{display:grid;font-size:1.5rem;grid-template-columns:1fr 1fr;line-height:1.167;overflow-x:hidden;padding:0 1.25rem var(--spacing-sm);-webkit-text-stroke-width:.15px;max-height:300px;-ms-overflow-styles:none;scrollbar-width:none}._jumpto_1od5m_971 ul::-webkit-scrollbar{background:transparent;width:0}._jumpto_1od5m_971 ._toggle_1od5m_922{display:flex;justify-content:space-between;padding:var(--spacing-xs) 1.25rem;width:100%}@media (min-width:770px){._jumpto_1od5m_971{border-top-width:1px;height:-moz-fit-content;height:fit-content;margin-top:auto}._jumpto_1od5m_971.open{height:100%;overflow-y:scroll}._jumpto_1od5m_971 ._toggle_1od5m_922{padding:20px}._jumpto_1od5m_971 ul{display:inline-block;font-size:1rem;line-height:1.25;padding-bottom:var(--spacing-md);-webkit-text-stroke-width:.05px;max-height:none}}._buttonlink_1od5m_1031{align-items:center;border:1px solid var(--sidebar-type-color);border-radius:9999px;display:flex;flex-wrap:nowrap;font-size:1.5rem;line-height:1.167;padding:.5rem;width:100%;-webkit-text-stroke-width:.15px}._buttonlink_1od5m_1031:hover{background-color:var(--sidebar-type-color);color:var(--bg-color);text-decoration:none}@media (min-width:770px){._buttonlink_1od5m_1031{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.15px}}._linklabel_1od5m_1056.current{text-decoration-line:underline}._linklabel_1od5m_1056:not(.small){font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px}._linklabel_1od5m_1056.small{font-size:1rem;line-height:1.25;-webkit-text-stroke-width:.05px}@media (min-width:770px){._linklabel_1od5m_1056.small{font-size:.875rem;line-height:1.42;-webkit-text-stroke-width:.1px}._linklabel_1od5m_1056:not(._linklabel_1od5m_1056.small){font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.15px}}._linklabel_1od5m_1056:not(.small)+._linklabel_1od5m_1056.small{margin-top:4px}._jumpto_1od5m_971.open{flex-grow:1;height:unset}@media (min-width:770px){._jumpto_1od5m_971.open{height:100%;overflow-y:scroll}._jumpto_1od5m_971.open ul{display:inline-block}}.reference-item ._jumpto_1od5m_971 ul{grid-template-columns:1fr}._jumpto_1od5m_971 ul li._linklabel_1od5m_1056:not(.small,:first-child){margin-top:10px}._home_1u0mp_54{--accent-color:var(--bg-magenta-70)}._reference-item_1u0mp_59,._reference_1u0mp_58{--accent-color:var(--bg-yellow)}._tutorials_1u0mp_63{--accent-color:var(--bg-taupe)}._example_1u0mp_67,._examples_1u0mp_67{--accent-color:var(--bg-orange)}._contribute_1u0mp_72{--accent-color:var(--bg-blue)}._community_1u0mp_76,._events_1u0mp_81,._libraries_1u0mp_80,._sketches_1u0mp_82{--accent-color:var(--bg-green)}._about_1u0mp_86{--accent-color:var(--bg-magenta-20)}._search_1u0mp_90,._text-detail_1u0mp_91{--accent-color:var(--bg-magenta-70)}._light-theme_1u0mp_95{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-type-color:var(--type-black)}._monochrome-theme_1u0mp_103{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-color:var(--bg-black);--accent-type-color:var(--type-white);--logo-color:var(--type-black)}._dark-theme_1u0mp_113{--bg-color:var(--bg-black);--type-color:var(--accent-color);--sidebar-bg-color:var(--bg-black);--sidebar-type-color:var(--accent-color);--accent-type-color:var(--type-black)}._monochrome-theme_1u0mp_103._dark-theme_1u0mp_113{--body-color:var(--bg-black);--type-color:var(--type-white);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-white);--accent-color:var(--bg-white);--accent-type-color:var(--type-black);--logo-color:var(--type-white)}._reduced-motion_1u0mp_131{--spin-degrees:0deg;scroll-behavior:auto}@media (prefers-reduced-motion:no-preference){@keyframes _spin_1u0mp_1{to{transform:rotate(var(--spin-degrees))}}}._container_1u0mp_143{display:inline-block;height:100%;position:relative;width:100%}._options_1u0mp_151,._selected_1u0mp_150{background-color:var(--accent-color);border:1px solid var(--accent-type-color);border-radius:20px;color:var(--accent-type-color);height:-moz-fit-content;height:fit-content}._selected_1u0mp_150{cursor:pointer;height:100%;width:100%}._selected_1u0mp_150:hover{background-color:var(--accent-type-color);border:1px solid var(--accent-color);color:var(--accent-color)}._options_1u0mp_151{list-style-type:none;position:absolute;width:100%;z-index:1}._option_1u0mp_151{cursor:pointer;padding:7px 0;position:relative}._option_1u0mp_151 button{background:none;border:none;cursor:pointer;height:100%;width:100%}._chevron_1u0mp_192,._iconTop_1u0mp_193,._icon_1u0mp_191{pointer-events:none;position:absolute}._icon_1u0mp_191{left:10px;top:8px}@media (min-width:770px){._icon_1u0mp_191{left:11px;top:8px}}@media (min-width:1280px){._icon_1u0mp_191{left:11px;top:10px}}._iconTop_1u0mp_193{left:10px;top:8px}@media (min-width:1024px){._iconTop_1u0mp_193{left:11px;top:10px}}._chevron_1u0mp_192{right:10px;top:12px}@media (min-width:770px){._chevron_1u0mp_192{right:12px;top:14px}}@media (min-width:1280px){._chevron_1u0mp_192{right:12px;top:16px}}li[aria-selected=false]:hover ._icon_1u0mp_191 svg{background:var(--accent-type-color);border-radius:2rem}button._chevron_1u0mp_192{padding:12px 10px 2px 2px;pointer-events:all;right:0;top:0}._option_1u0mp_151>button>span,._selected_1u0mp_150>span{display:inline-block;padding-left:44px;padding-right:10px;text-align:left;width:100%}._home_v7u0u_54{--accent-color:var(--bg-magenta-70)}._reference-item_v7u0u_59,._reference_v7u0u_58{--accent-color:var(--bg-yellow)}._tutorials_v7u0u_63{--accent-color:var(--bg-taupe)}._example_v7u0u_67,._examples_v7u0u_67{--accent-color:var(--bg-orange)}._contribute_v7u0u_72{--accent-color:var(--bg-blue)}._community_v7u0u_76,._events_v7u0u_81,._libraries_v7u0u_80,._sketches_v7u0u_82{--accent-color:var(--bg-green)}._about_v7u0u_86{--accent-color:var(--bg-magenta-20)}._search_v7u0u_90,._text-detail_v7u0u_91{--accent-color:var(--bg-magenta-70)}._light-theme_v7u0u_95{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-type-color:var(--type-black)}._monochrome-theme_v7u0u_103{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-color:var(--bg-black);--accent-type-color:var(--type-white);--logo-color:var(--type-black)}._dark-theme_v7u0u_113{--bg-color:var(--bg-black);--type-color:var(--accent-color);--sidebar-bg-color:var(--bg-black);--sidebar-type-color:var(--accent-color);--accent-type-color:var(--type-black)}._monochrome-theme_v7u0u_103._dark-theme_v7u0u_113{--body-color:var(--bg-black);--type-color:var(--type-white);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-white);--accent-color:var(--bg-white);--accent-type-color:var(--type-black);--logo-color:var(--type-white)}._reduced-motion_v7u0u_131{--spin-degrees:0deg;scroll-behavior:auto}@media (prefers-reduced-motion:no-preference){@keyframes _spin_v7u0u_1{to{transform:rotate(var(--spin-degrees))}}}._container_v7u0u_143{position:relative}@media (min-width:770px){._container_v7u0u_143{margin-top:0}}._wrapper_v7u0u_152{-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,var(--settings-container-height-touch));padding:var(--spacing-sm) 1.25rem;position:absolute;row-gap:20px;width:100%;z-index:9999}@media (min-width:770px){._wrapper_v7u0u_152{padding:1.25rem var(--spacing-lg) var(--spacing-sm);width:calc(100% - var(--nav-offset-x))}}@media (min-width:1024px){._wrapper_v7u0u_152{gap:40px;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:var(--settings-container-height-laptop)}}@media (min-width:1280px){._wrapper_v7u0u_152{grid-template-columns:repeat(12,minmax(0,1fr))}}._localeselect_v7u0u_182 button{text-transform:capitalize}._a11yselect_v7u0u_187,._localeselect_v7u0u_182{grid-column:span 3}@media (min-width:770px){._a11yselect_v7u0u_187,._localeselect_v7u0u_182{grid-column:span 3}}@media (min-width:1024px){._a11yselect_v7u0u_187,._localeselect_v7u0u_182{grid-column:span 3}}._searchform_v7u0u_203{grid-column:span 6;grid-row:1}@media (min-width:770px){._searchform_v7u0u_203{grid-column:span 6}}@media (min-width:1024px){._searchform_v7u0u_203{grid-column:span 3;grid-row:unset}}@media (min-width:1280px){._searchform_v7u0u_203{grid-column:span 6}}._hitbox_v7u0u_224{height:20px;position:fixed;width:100%;z-index:9998}._placeholder_v7u0u_231{height:80px;pointer-events:none;position:absolute;width:100%;z-index:9999}._wrapper_v7u0u_152.scrolled-outside-view{position:fixed;top:-120px;transition:top .3s,position .3s}._container_v7u0u_143.noJumpTo ._wrapper_v7u0u_152.open{top:40px}@media (min-width:770px){._container_v7u0u_143.noJumpTo ._wrapper_v7u0u_152.open{top:0}}._wrapper_v7u0u_152.open{top:80px}@media (min-width:770px){._wrapper_v7u0u_152.open{top:0}}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:400;src:url(/fonts/NationalPark-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:700;src:url(/fonts/NationalPark-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:800;src:url(/fonts/NationalPark-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:500;src:url(/fonts/NationalPark-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:600;src:url(/fonts/NationalPark-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:300;src:url(/fonts/NationalPark-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:National Park;font-style:normal;font-weight:200;src:url(/fonts/NationalPark-ExtraLight.woff2) format("woff2")}.text-body,.text-body-caption,.text-body-large,.text-body-mono,body,code,h1,h2,h3,h4{letter-spacing:.0125rem}h1{font-size:2.5rem;line-height:1.1;-webkit-text-stroke-width:.2px;font-family:var(--font-sans);margin-bottom:var(--spacing-md)}@media (min-width:770px){h1{font-size:3.5rem;line-height:1;-webkit-text-stroke-width:.25px}}.text-h2,h2{font-size:2rem;line-height:1.125;-webkit-text-stroke-width:.2px;font-family:var(--font-sans);margin-top:var(--spacing-lg)}@media (min-width:770px){.text-h2,h2{font-size:2.5rem;line-height:1.1;-webkit-text-stroke-width:.2px}}.text-h3,h3{font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px;font-family:var(--font-sans);margin-top:var(--spacing-md)}@media (min-width:770px){.text-h3,h3{font-size:1.875rem;line-height:1.1333;-webkit-text-stroke-width:.2px}}.text-h4,h4{font-size:1.25rem;line-height:1.167;-webkit-text-stroke-width:.1px;font-family:var(--font-sans);margin-top:var(--spacing-md)}@media (min-width:770px){.text-h4,h4{font-size:1.5rem;line-height:1.1333;-webkit-text-stroke-width:.15px}}.text-body-large{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.1px;font-family:var(--font-sans)}@media (min-width:770px){.text-body-large{font-size:1.5rem;line-height:1.167;-webkit-text-stroke-width:.15px}}.text-body-mono,code{font-size:1rem;line-height:1.25;-webkit-text-stroke-width:.05px;font-family:var(--font-serif)}@media (min-width:770px){.text-body-mono,code{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.1px}}.text-body,body{font-size:1rem;line-height:1.25;-webkit-text-stroke-width:.05px;font-family:var(--font-sans)}@media (min-width:770px){.text-body,body{font-size:1.25rem;line-height:1.2;-webkit-text-stroke-width:.15px}}.text-body-caption{font-size:.75rem;line-height:1.33;-webkit-text-stroke-width:.05px;font-family:var(--font-sans)}@media (min-width:770px){.text-body-caption{font-size:.875rem;line-height:1.42;-webkit-text-stroke-width:.1px}}body{background-color:var(--bg-color);color:var(--type-color);-webkit-text-stroke-color:currentcolor;font-weight:400}p{margin-top:1.25rem}a:hover{text-decoration:underline}code{background-color:var(--bg-gray-80);border-radius:20px;font-size:inherit;padding:0 var(--spacing-xxs)}.dark-theme code:not(.code-box){color:var(--type-black)}hr{border-top:1px solid var(--type-color)}.section,section{border-bottom-width:1px;border-color:var(--type-color);margin-top:var(--gutter-sm);padding-bottom:var(--gutter-lg)}.section:last-child,section:last-child{border-width:0}.section .text-h2,.section h2,section .text-h2,section h2{margin-bottom:0;margin-top:var(--gutter-md)}.section .text-h2,.section .text-h2>*,.section h2,.section h2>*,.section h3,.section h3>*,.section text-h3,.section text-h3>*,section .text-h2,section .text-h2>*,section h2,section h2>*,section h3,section h3>*,section text-h3,section text-h3>*{scroll-margin-top:var(--gutter-md)}@media (min-width:770px){.section .text-h2,.section .text-h2>*,.section h2,.section h2>*,.section h3,.section h3>*,.section text-h3,.section text-h3>*,section .text-h2,section .text-h2>*,section h2,section h2>*,section h3,section h3>*,section text-h3,section text-h3>*{scroll-margin-top:var(--gutter-sm)}}.astro-code,.reference-item pre{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.astro-code code,.code-box code{background-color:transparent;border-radius:0;padding:0}.astro-code,.code-box,.reference-item pre{background-color:var(--bg-gray-40)!important;border-radius:20px;max-width:100%;overflow-x:auto;padding:var(--spacing-sm)}@media (max-width:770px){.astro-code,.code-box,.reference-item pre{border-radius:10px}}.dark-theme .astro-code,.dark-theme .code-box,.dark-theme .reference-item pre{background-color:#ddd!important;filter:invert(100%)}.reference-item pre code{background-color:transparent}.astro-code pre,.code-box pre,.reference-item pre,pre.astro-code,pre.code-box{white-space:break-spaces}.callout,.deprecated,.experimental{background-color:var(--bg-magenta-20);border-radius:20px;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.dark-theme .callout,.dark-theme .deprecated,.dark-theme .experimental{color:var(--type-black)}.callout h5,.deprecated h5,.experimental h5{font-weight:700;margin-bottom:var(--spacing-sm)}.deprecated,.experimental{background-color:var(--bg-yellow)}.callout.callout-note{background-color:var(--bg-blue)}.sidebar{background-color:var(--sidebar-bg-color);color:var(--sidebar-type-color)}.top-layout-grid{--nav-width:100%;--nav-offset-x:0}@media (min-width:770px){.top-layout-grid{--nav-width:200px;--nav-offset-x:var(--nav-width)}}.top-layout-grid nav{background-color:var(--bg-color);position:sticky;top:0;width:var(--nav-width);z-index:10000}@media (min-width:770px){.top-layout-grid nav{height:100vh;position:fixed}}.top-layout-grid .banner,.top-layout-grid .settings,.top-layout-grid footer,.top-layout-grid header,.top-layout-grid main{margin-left:var(--nav-offset-x)}.top-layout-grid .banner{border-top:1px solid var(--type-color);bottom:0;display:flex;flex-direction:row;padding:var(--spacing-xs) var(--spacing-md);position:sticky}.top-layout-grid .banner .banner-content{flex:1;margin-right:var(--pacing-sm)}@media (min-width:770px){.top-layout-grid .banner{padding:var(--spacing-sm) var(--spacing-lg)}}.top-layout-grid .banner p{margin:0}.top-layout-grid header .homepage-header-top{display:flex;flex-direction:column;height:calc(50vh - var(--spacing-5xl) - 43px);justify-content:space-between;max-height:calc(50vh - var(--spacing-5xl) - 43px)}@media (min-width:770px){.top-layout-grid header .homepage-header-top{height:calc(50vh - var(--spacing-5xl));max-height:calc(50vh - var(--spacing-5xl));min-height:300px}}@media (min-width:1024px){.top-layout-grid header .homepage-header-top{height:calc(50vh - var(--spacing-3xl));max-height:calc(50vh - var(--spacing-3xl))}}@media (min-width:770px){.top-layout-grid header{margin-top:0}}.monochrome-theme img{filter:grayscale(100%)}.dark-theme .invert-in-dark{filter:invert(100%)}.content-grid{-moz-column-gap:var(--gutter-sm);column-gap:var(--gutter-sm);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:var(--gutter-md)}@media (min-width:770px){.content-grid{gap:var(--gutter-md)}}@media (min-width:1024px){.content-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width:1280px){.content-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.content-grid-simple{-moz-column-gap:var(--gutter-sm);column-gap:var(--gutter-sm);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--gutter-md)}@media (min-width:770px){.content-grid-simple{gap:var(--gutter-md)}}@media (min-width:1280px){.content-grid-simple{grid-template-columns:repeat(4,minmax(0,1fr))}}td,th{padding:var(--spacing-xs)}.hero-image{border-bottom-width:1px;border-color:var(--type-color);border-top-width:1px;height:50vh;left:calc(var(--spacing-lg)*-1);max-height:50vh;max-width:calc(100% + var(--spacing-lg)*2);-o-object-fit:cover;object-fit:cover;position:relative;width:calc(100% + var(--spacing-lg)*2)}@media (min-width:770px){.hero-image{left:calc(var(--spacing-lg)*-1);max-width:calc(100% + var(--spacing-lg)*2);min-height:250px;width:calc(100% + var(--spacing-lg)*2)}}hr.full-bleed{left:-2.5rem;max-width:calc(100% + 5rem);position:relative;width:calc(100% + 5rem)}@media (min-width:770px){hr.full-bleed{left:calc(var(--spacing-lg)*-1);max-width:calc(100% + var(--spacing-lg)*2);width:calc(100% + var(--spacing-lg)*2)}}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.renderable-alt{display:none}.show-alt-text .renderable-alt{display:-webkit-box}.dark-theme.monochrome-theme .renderable-alt{color:var(--type-black)}.skip-to-main{height:1px;left:-1000px;overflow:hidden;position:absolute;top:auto;width:1px}.skip-to-main:focus{background:#fff;border:2px solid #000;height:auto;left:0;overflow:visible;padding:10px;top:0;width:auto;z-index:1000}body{--donate-banner-dark:#c01c4c;--donate-banner-background:var(--donate-p5-background)}.cm-editor{background-color:var(--bg-gray-40);padding:var(--spacing-sm)}.dark-theme .cm-editor{background-color:#ddd;color:#000}.dark-theme .code-editor-container,.dark-theme .code-editor-container .circle-button{filter:invert(100%)}.cm-editor *{font-family:var(--font-serif),monospace}.cm-editor,.cm-scroller{border-radius:20px}.cm-focused{outline-offset:-1px}html{--font-sans:"National Park",sans-serif;--font-serif:"Courier",monospace;--bg-yellow:#dfed33;--bg-taupe:#b2b19d;--bg-orange:#f56a3a;--bg-magenta-70:#f1678e;--bg-magenta-20:#f9b2c6;--bg-green:#47b28f;--bg-blue:#dbe3f5;--bg-white:#fff;--bg-black:#000;--bg-gray-40:#f7f7f7;--bg-gray-80:#eaeaea;--type-black:#000;--type-white:#fff;--type-magenta:#eb285f;--type-magenta-dark:#b20046;--type-blue:#1b9ad1;--type-gray:#545454;--logo-color:#ed225d;--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-color:var(--bg-magenta-70);--accent-type-color:var(--type-black);--spin-degrees:360deg;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:5rem;--spacing-4xl:6rem;--spacing-5xl:8rem;--settings-container-height-laptop:40px;--settings-container-height-touch:35px;--gutter-sm:20px;--gutter-md:40px;--gutter-lg:80px}.home{--accent-color:var(--bg-magenta-70)}.reference,.reference-item{--accent-color:var(--bg-yellow)}.tutorials{--accent-color:var(--bg-taupe)}.example,.examples{--accent-color:var(--bg-orange)}.contribute{--accent-color:var(--bg-blue)}.community,.events,.libraries,.sketches{--accent-color:var(--bg-green)}.about{--accent-color:var(--bg-magenta-20)}.search,.text-detail{--accent-color:var(--bg-magenta-70)}.light-theme{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-type-color:var(--type-black)}.monochrome-theme{--bg-color:var(--bg-white);--type-color:var(--type-black);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-black);--accent-color:var(--bg-black);--accent-type-color:var(--type-white);--logo-color:var(--type-black)}.dark-theme{--bg-color:var(--bg-black);--type-color:var(--accent-color);--sidebar-bg-color:var(--bg-black);--sidebar-type-color:var(--accent-color);--accent-type-color:var(--type-black)}.monochrome-theme.dark-theme{--body-color:var(--bg-black);--type-color:var(--type-white);--sidebar-bg-color:var(--bg-white);--sidebar-type-color:var(--type-white);--accent-color:var(--bg-white);--accent-type-color:var(--type-black);--logo-color:var(--type-white)}.reduced-motion{--spin-degrees:0deg;scroll-behavior:auto}@media (prefers-reduced-motion:no-preference){@keyframes spin{to{transform:rotate(var(--spin-degrees))}}}.rendered-markdown>*,.rendered-markdown>astro-island>*{max-width:770px}.rendered-markdown>.full-width,.rendered-markdown>astro-island>.full-width{max-width:1280px}.rendered-markdown .full-width td,.rendered-markdown .full-width th{max-width:770px}.rendered-markdown a{color:var(--type-magenta-dark);text-decoration-color:var(--type-magenta-dark)}.dark-theme .rendered-markdown a{color:var(--type-magenta);text-decoration-color:var(--type-magenta)}.rendered-markdown a.button-link{color:var(--sidebar-type-color);margin-top:var(--spacing-md);min-width:180px}@media (min-width:770px){.rendered-markdown a.button-link{min-width:220px}}.rendered-markdown a.button-link:hover{color:var(--bg-color)}.rendered-markdown h1{margin-top:var(--spacing-md)}.rendered-markdown ul:not(.list-none){list-style:disc}.rendered-markdown ol:not(.list-none){list-style:decimal}.rendered-markdown ol:not(.list-none),.rendered-markdown ul:not(.list-none){margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.rendered-markdown ol:not(.list-none) ol,.rendered-markdown ol:not(.list-none) ul,.rendered-markdown ul:not(.list-none) ol,.rendered-markdown ul:not(.list-none) ul{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}.rendered-markdown pre{margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.rendered-markdown pre.code-box{padding:var(--spacing-lg)}.rendered-markdown hr{margin-top:var(--spacing-xl)}.rendered-markdown table{margin:var(--spacing-md) 0}.rendered-markdown td,.rendered-markdown th{vertical-align:top}.rendered-markdown hr+h2,.rendered-markdown hr+h3,.rendered-markdown hr+h4,.rendered-markdown hr+h5,.rendered-markdown hr+h6{margin-top:var(--spacing-sm)}.rendered-markdown hr+*{margin-top:var(--spacing-xl)}.rendered-markdown img,.rendered-markdown>iframe{margin-top:var(--spacing-md)}.rendered-markdown>iframe{width:100%}.rendered-markdown section.footnotes{padding-bottom:0}