:root,::backdrop{--sl-color-white: hsl(0, 0%, 100%);--sl-color-gray-1: hsl(224, 20%, 94%);--sl-color-gray-2: hsl(224, 6%, 77%);--sl-color-gray-3: hsl(224, 6%, 56%);--sl-color-gray-4: hsl(224, 7%, 36%);--sl-color-gray-5: hsl(224, 10%, 23%);--sl-color-gray-6: hsl(224, 14%, 16%);--sl-color-black: hsl(224, 10%, 10%);--sl-hue-orange: 41;--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);--sl-hue-green: 101;--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);--sl-hue-blue: 234;--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);--sl-hue-purple: 281;--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);--sl-hue-red: 339;--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);--sl-color-accent-low: hsl(224, 54%, 20%);--sl-color-accent: hsl(224, 100%, 60%);--sl-color-accent-high: hsl(224, 100%, 85%);--sl-color-text: var(--sl-color-gray-2);--sl-color-text-accent: var(--sl-color-accent-high);--sl-color-text-invert: var(--sl-color-accent-low);--sl-color-bg: var(--sl-color-black);--sl-color-bg-nav: var(--sl-color-gray-6);--sl-color-bg-sidebar: var(--sl-color-gray-6);--sl-color-bg-inline-code: var(--sl-color-gray-5);--sl-color-bg-accent: var(--sl-color-accent-high);--sl-color-hairline-light: var(--sl-color-gray-5);--sl-color-hairline: var(--sl-color-gray-6);--sl-color-hairline-shade: var(--sl-color-black);--sl-color-backdrop-overlay: hsla(223, 13%, 10%, .66);--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, .12), 0px 2px 1px hsla(0, 0%, 0%, .24);--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, .08), 0px 5px 2px hsla(0, 0%, 0%, .08), 0px 3px 2px hsla(0, 0%, 0%, .12), 0px 1px 1px hsla(0, 0%, 0%, .15);--sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, .03), 0px 16px 6px hsla(0, 0%, 0%, .1), 0px 9px 5px hsla(223, 13%, 10%, .33), 0px 4px 4px hsla(0, 0%, 0%, .75), 0px 4px 2px hsla(0, 0%, 0%, .25);--sl-text-xs: .8125rem;--sl-text-sm: .875rem;--sl-text-base: 1rem;--sl-text-lg: 1.125rem;--sl-text-xl: 1.25rem;--sl-text-2xl: 1.5rem;--sl-text-3xl: 1.8125rem;--sl-text-4xl: 2.1875rem;--sl-text-5xl: 2.625rem;--sl-text-6xl: 4rem;--sl-text-body: var(--sl-text-base);--sl-text-body-sm: var(--sl-text-xs);--sl-text-code: var(--sl-text-sm);--sl-text-code-sm: var(--sl-text-xs);--sl-text-h1: var(--sl-text-4xl);--sl-text-h2: var(--sl-text-3xl);--sl-text-h3: var(--sl-text-2xl);--sl-text-h4: var(--sl-text-xl);--sl-text-h5: var(--sl-text-lg);--sl-line-height: 1.8;--sl-line-height-headings: 1.2;--sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--__sl-font: var(--sl-font, ""), var(--sl-font-system);--__sl-font-mono: var(--sl-font-mono, ""), var(--sl-font-system-mono);--sl-nav-height: 3.5rem;--sl-nav-pad-x: 1rem;--sl-nav-pad-y: .75rem;--sl-mobile-toc-height: 3rem;--sl-sidebar-width: 18.75rem;--sl-sidebar-pad-x: 1rem;--sl-content-width: 45rem;--sl-content-pad-x: 1rem;--sl-menu-button-size: 2rem;--sl-nav-gap: var(--sl-content-pad-x);--sl-outline-offset-inside: -.1875rem;--sl-z-index-toc: 4;--sl-z-index-menu: 5;--sl-z-index-navbar: 10;--sl-z-index-skiplink: 20}:root[data-theme=light],[data-theme=light] ::backdrop{--sl-color-white: hsl(224, 10%, 10%);--sl-color-gray-1: hsl(224, 14%, 16%);--sl-color-gray-2: hsl(224, 10%, 23%);--sl-color-gray-3: hsl(224, 7%, 36%);--sl-color-gray-4: hsl(224, 6%, 56%);--sl-color-gray-5: hsl(224, 6%, 77%);--sl-color-gray-6: hsl(224, 20%, 94%);--sl-color-gray-7: hsl(224, 19%, 97%);--sl-color-black: hsl(0, 0%, 100%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);--sl-color-accent-high: hsl(234, 80%, 30%);--sl-color-accent: hsl(234, 90%, 60%);--sl-color-accent-low: hsl(234, 88%, 90%);--sl-color-text-accent: var(--sl-color-accent);--sl-color-text-invert: var(--sl-color-black);--sl-color-bg-nav: var(--sl-color-gray-7);--sl-color-bg-sidebar: var(--sl-color-bg);--sl-color-bg-inline-code: var(--sl-color-gray-6);--sl-color-bg-accent: var(--sl-color-accent);--sl-color-hairline-light: var(--sl-color-gray-6);--sl-color-hairline-shade: var(--sl-color-gray-6);--sl-color-backdrop-overlay: hsla(225, 9%, 36%, .66);--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, .06), 0px 2px 1px hsla(0, 0%, 0%, .06);--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, .03), 0px 5px 2px hsla(0, 0%, 0%, .03), 0px 3px 2px hsla(0, 0%, 0%, .06), 0px 1px 1px hsla(0, 0%, 0%, .06);--sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, .01), 0px 16px 6px hsla(0, 0%, 0%, .03), 0px 9px 5px hsla(223, 13%, 10%, .08), 0px 4px 4px hsla(0, 0%, 0%, .16), 0px 4px 2px hsla(0, 0%, 0%, .04)}@media (min-width: 50em){:root{--sl-nav-height: 4rem;--sl-nav-pad-x: 1.5rem;--sl-text-h1: var(--sl-text-5xl);--sl-text-h2: var(--sl-text-4xl);--sl-text-h3: var(--sl-text-3xl);--sl-text-h4: var(--sl-text-2xl)}}@media (min-width: 72rem){:root{--sl-content-pad-x: 1.5rem;--sl-mobile-toc-height: 0rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;accent-color:var(--sl-color-accent)}html[data-theme=light]{color-scheme:light}body{font-family:var(--__sl-font);line-height:var(--sl-line-height);-webkit-font-smoothing:antialiased;color:var(--sl-color-text);background-color:var(--sl-color-bg)}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,code{overflow-wrap:anywhere}code{font-family:var(--__sl-font-mono)}:root{--astro-code-color-text: var(--sl-color-white);--astro-code-color-background: var(--sl-color-gray-6);--astro-code-token-constant: var(--sl-color-blue-high);--astro-code-token-string: var(--sl-color-green-high);--astro-code-token-comment: var(--sl-color-gray-2);--astro-code-token-keyword: var(--sl-color-purple-high);--astro-code-token-parameter: var(--sl-color-red-high);--astro-code-token-function: var(--sl-color-red-high);--astro-code-token-string-expression: var(--sl-color-green-high);--astro-code-token-punctuation: var(--sl-color-gray-2);--astro-code-token-link: var(--sl-color-blue-high)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sl-hidden{display:none}.sl-flex{display:flex}.sl-block{display:block}@media (min-width: 50rem){.md\:sl-hidden{display:none}.md\:sl-flex{display:flex}.md\:sl-block{display:block}}@media (min-width: 72rem){.lg\:sl-hidden{display:none}.lg\:sl-flex{display:flex}.lg\:sl-block{display:block}}[data-theme=light] .light\:sl-hidden,[data-theme=dark] .dark\:sl-hidden{display:none}[dir=rtl] .rtl\:flip:not(:where([dir=rtl] [dir=ltr] *)){transform:scaleX(-1)}:root{--ns-hue-teal: 202;--ns-hue-red: 348;--ns-hue-orange: 17;--ns-hue-pink: 327;--ns-hue-magenta: 327;--ns-hue-purple: 273;--ns-hue-indigo: 223;--ns-hue-blue: 226;--ns-hue-green: 151;--ns-hue-navy: 228;--ns-color-white: hsl(0, 0%, 100%);--ns-color-teal: hsl(var(--ns-hue-teal), 40%, 32%);--ns-color-red: hsl(var(--ns-hue-red), 99%, 66%);--ns-color-orange: hsl(var(--ns-hue-orange), 74%, 66%);--ns-color-pink: hsl(var(--ns-hue-pink), 60%, 54%);--ns-color-magenta: hsl(var(--ns-hue-magenta), 52%, 41%);--ns-color-purple: hsl(var(--ns-hue-purple), 43%, 66%);--ns-color-indigo: hsl(var(--ns-hue-indigo), 43%, 66%);--ns-color-blue: hsl(var(--ns-hue-blue), 57%, 29%);--ns-color-green: hsl(var(--ns-hue-green), 43%, 66%);--ns-color-navy: hsl(var(--ns-hue-navy), 75%, 23%);--ns-color-black: hsl(var(--ns-hue-teal), 40%, 5%);--ns-hue-base: var(--ns-hue-teal);--ns-color-base-100: hsl(var(--ns-hue-base), 22%, 96%);--ns-color-base-200: hsl(var(--ns-hue-base), 21%, 88%);--ns-color-base-300: hsl(var(--ns-hue-base), 19%, 66%);--ns-color-base-400: hsl(var(--ns-hue-base), 19%, 51%);--ns-color-base-500: hsl(var(--ns-hue-base), 33%, 37%);--ns-color-base-600: hsl(var(--ns-hue-base), 40%, 32%);--ns-color-base-700: hsl(var(--ns-hue-base), 40%, 23%);--ns-color-base-800: hsl(var(--ns-hue-base), 40%, 16%);--ns-color-base-900: hsl(var(--ns-hue-base), 40%, 9%);--ns-color-orange-low: hsl(var(--ns-hue-orange), 74%, 16%);--ns-color-orange-high: hsl(var(--ns-hue-orange), 74%, 97%);--ns-color-indigo-low: hsl(var(--ns-hue-indigo), 43%, 16%);--ns-color-indigo-high: hsl(var(--ns-hue-indigo), 43%, 97%);--ns-color-purple-low: hsl(var(--ns-hue-purple), 43%, 16%);--ns-color-purple-high: hsl(var(--ns-hue-purple), 43%, 97%);--ns-color-red-low: hsl(var(--ns-hue-red), 99%, 16%);--ns-color-red-high: hsl(var(--ns-hue-red), 99%, 97%);--ns-color-green-low: hsl(var(--ns-hue-green), 43%, 16%);--ns-color-green-high: hsl(var(--ns-hue-green), 43%, 97%);--sl-color-white: var(--ns-color-white);--sl-color-gray-1: var(--ns-color-base-100);--sl-color-gray-2: var(--ns-color-base-200);--sl-color-gray-3: var(--ns-color-base-300);--sl-color-gray-4: var(--ns-color-base-400);--sl-color-gray-5: var(--ns-color-base-500);--sl-color-gray-6: var(--ns-color-base-800);--sl-color-gray-7: var(--ns-color-base-900);--sl-color-black: var(--ns-color-black);--sl-color-bg-sidebar: var(--ns-color-base-900);--sl-color-bg-nav: var(--ns-color-base-900);--sl-color-bg-config: var(--ns-color-base-900);--sl-color-accent-low: hsl(var(--ns-hue-orange), 54%, 20%);--sl-color-accent: var(--ns-color-orange);--sl-color-accent-high: hsl(var(--ns-hue-pink), 100%, 85%);--sl-color-text-accent: var(--sl-color-accent-high);--sl-color-text: var(--sl-color-gray-2);--sl-color-heading: var(--sl-color-gray-2);--sl-text-xs: .875rem;--sl-text-sm: .9375rem;--sl-text-base: 1rem;--sl-text-lg: 1.0625rem;--sl-text-xl: 1.125rem;--sl-text-2xl: 1.125rem;--sl-text-3xl: 1.3125rem;--sl-text-4xl: 1.75rem;--sl-text-5xl: 2.25rem;--sl-text-code: var(--sl-text-xs);--sl-line-height: 1.5;--sl-sidebar-width: 16rem;--sl-content-width: 50rem;--ns-masthead-height: 8.75rem;--ns-section-tabs-height: 3.5rem;--ns-color-masthead-components: var(--ns-color-teal);--ns-color-masthead-experience: var(--ns-color-blue);--ns-color-masthead-form: var(--ns-color-teal);--ns-color-masthead-deprecated: var(--ns-color-teal);--ns-color-masthead-guidelines: var(--ns-color-orange);--ns-color-masthead-patterns: var(--ns-color-purple);--ns-color-masthead-page-types: var(--ns-color-magenta);--ns-section-tab-overview: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');--ns-section-tab-implementation: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m234-480-12-60q-12-5-22.5-10.5T178-564l-58 18-40-68 46-40q-2-13-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T222-820l12-60h80l12 60q12 5 22.5 10.5T370-796l58-18 40 68-46 40q2 13 2 26t-2 26l46 40-40 68-58-18q-11 8-21.5 13.5T326-540l-12 60h-80Zm40-120q33 0 56.5-23.5T354-680q0-33-23.5-56.5T274-760q-33 0-56.5 23.5T194-680q0 33 23.5 56.5T274-600ZM592-40l-18-84q-17-6-31.5-14.5T514-158l-80 26-56-96 64-56q-2-18-2-36t2-36l-64-56 56-96 80 26q14-11 28.5-19.5T574-516l18-84h112l18 84q17 6 31.5 14.5T782-482l80-26 56 96-64 56q2 18 2 36t-2 36l64 56-56 96-80-26q-14 11-28.5 19.5T722-124l-18 84H592Zm56-160q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>');--ns-section-tab-guidance: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m260-260 300-140 140-300-300 140-140 300Zm220-180q-17 0-28.5-11.5T440-480q0-17 11.5-28.5T480-520q17 0 28.5 11.5T520-480q0 17-11.5 28.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');--ns-section-tab-accessibility: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-720q-33 0-56.5-23.5T400-800q0-33 23.5-56.5T480-880q33 0 56.5 23.5T560-800q0 33-23.5 56.5T480-720ZM360-80v-520q-60-5-122-15t-118-25l20-80q78 21 166 30.5t174 9.5q86 0 174-9.5T820-720l20 80q-56 15-118 25t-122 15v520h-80v-240h-80v240h-80Z"/></svg>');--ns-icon-link: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>');--ns-icon-configure: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"/></svg>');--ns-icon-reset: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M160-160v-80h110l-16-14q-52-46-73-105t-21-119q0-111 66.5-197.5T400-790v84q-72 26-116 88.5T240-478q0 45 17 87.5t53 78.5l10 10v-98h80v240H160Zm400-10v-84q72-26 116-88.5T720-482q0-45-17-87.5T650-648l-10-10v98h-80v-240h240v80H690l16 14q49 49 71.5 106.5T800-482q0 111-66.5 197.5T560-170Z"/></svg>');--ns-icon-run: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m380-300 280-180-280-180v360ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}:root[data-theme=light]{--ns-color-indigo: hsl(var(--ns-hue-indigo), 43%, 35%);--ns-color-orange: hsl(var(--ns-hue-orange), 74%, 43%);--ns-color-purple: hsl(var(--ns-hue-purple), 43%, 35%);--ns-color-green: hsl(var(--ns-hue-green), 43%, 35%);--ns-color-red: hsl(var(--ns-hue-red), 99%, 39%);--sl-color-white: var(--ns-color-black);--sl-color-gray-1: var(--ns-color-base-700);--sl-color-gray-2: var(--ns-color-base-600);--sl-color-gray-3: var(--ns-color-base-500);--sl-color-gray-4: var(--ns-color-base-400);--sl-color-gray-5: var(--ns-color-base-300);--sl-color-gray-6: var(--ns-color-base-200);--sl-color-gray-7: var(--ns-color-base-100);--sl-color-black: var(--ns-color-white);--sl-color-bg-sidebar: var(--ns-color-base-100);--sl-color-bg-nav: var(--ns-color-base-100);--sl-color-bg-config: var(--ns-color-base-100);--sl-color-accent-low: hsl(var(--ns-hue-orange), 88%, 90%);--sl-color-accent: var(--ns-color-orange);--sl-color-accent-high: hsl(var(--ns-hue-pink), 60%, 54%);--sl-color-text-accent: var(--sl-color-accent-high);--sl-color-text: var(--ns-color-navy);--sl-color-heading: var(--ns-color-navy);--ns-color-orange-high: hsl(var(--ns-hue-orange), 74%, 23%);--ns-color-orange-low: hsl(var(--ns-hue-orange), 74%, 97%);--ns-color-indigo-high: hsl(var(--ns-hue-indigo), 43%, 23%);--ns-color-indigo-low: hsl(var(--ns-hue-indigo), 43%, 97%);--ns-color-purple-high: hsl(var(--ns-hue-purple), 43%, 23%);--ns-color-purple-low: hsl(var(--ns-hue-purple), 43%, 97%);--ns-color-red-high: hsl(var(--ns-hue-red), 99%, 23%);--ns-color-red-low: hsl(var(--ns-hue-red), 99%, 97%);--ns-color-green-high: hsl(var(--ns-hue-green), 43%, 23%);--ns-color-green-low: hsl(var(--ns-hue-green), 43%, 97%)}main{:is(button,input,optgroup,select,textarea){background-color:transparent;font-size:inherit;line-height:inherit;font-family:inherit;margin:0;padding:0;border:0}:is(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button;-webkit-border-radius:0}fieldset{padding:0;margin:0;border:0}legend{padding:0}.button{color:var(--sl-color-gray-3)!important;text-decoration:none;font-weight:500;cursor:pointer;position:relative;display:inline-block;padding-inline-start:3rem;padding-inline-end:2rem;padding-block:.85rem;font-size:var(--sl-text-base);border-radius:100px;transition-property:color,background-color;transition-delay:0ms;transition-duration:1s;transition-timing-function:ease-in-out;&.primary{background-color:var(--sl-color-text-accent);color:var(--sl-color-black)!important}&.secondary{background-color:var(--sl-color-gray-7);&:hover{color:var(--sl-color-gray-1)}&:focus{background-color:var(--sl-color-gray-6)}}&:before{content:"";position:absolute;top:50%;left:1em;transform:translateY(-50%);width:1.5em;height:1.5em;background-color:currentColor}&.configure{&:before{mask-image:var(--ns-icon-configure)}}&.reset{&:before{mask-image:var(--ns-icon-reset)}}&.run{&:before{mask-image:var(--ns-icon-run)}}}}.header{border-block-end-style:none}body{font-size:var(--sl-text-body)}main{font-family:Roboto,sans-serif;padding-block-end:0!important}h1{font-weight:400}.masthead{&.components{background-color:var(--ns-color-masthead-components)}&.experience{background-color:var(--ns-color-masthead-experience)}&.form{background-color:var(--ns-color-masthead-form)}&.deprecated{background-color:var(--ns-color-masthead-deprecated)}&.guidelines{background-color:var(--ns-color-masthead-guidelines)}&.patterns{background-color:var(--ns-color-masthead-patterns)}&.page-types{background-color:var(--ns-color-masthead-page-types)}}:root[data-has-hero]{.masthead{display:none}.hero{display:block}.footer{display:none}}:root[data-has-sidebar]{.content-panel{padding-inline-start:calc(var(--sl-content-pad-x) * 2);padding-inline-end:var(--sl-content-pad-x);padding-block-start:1rem;padding-block-end:1rem}.content-panel{padding-block-end:0}.content-panel:nth-child(1){display:none}.content-panel:nth-child(2){border-top-width:0}.sl-markdown-content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:-.5rem;font-weight:500}:has(section-tabs){.sl-markdown-content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--ns-section-tabs-height) + 1rem)}}@media (width < 72em){.content-panel{padding-inline-start:var(--sl-content-pad-x)}}@media (width >= 72em){.content-panel{.sl-container{margin-inline:auto}}}}.header{.social-icons:after{border-inline-end-width:0}}:has(section-tabs){.right-sidebar{top:calc(var(--sl-nav-height) + var(--ns-section-tabs-height) + var(--sl-content-pad-x) + var(--sl-content-pad-x));margin-block-start:calc(var(--ns-section-tabs-height) * -1)}}.sl-markdown-content{:is(h1,h2,h3,h4,h5,h6){color:var(--sl-color-heading);&:hover{.icon-link{opacity:1}}.icon-link{display:inline-block;background-color:currentColor;margin-inline-start:.25em;width:1em;height:1em;mask-image:var(--ns-icon-link);mask-size:cover;vertical-align:middle;opacity:.25;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-in-out}}h2:is(:not(:first-child)){margin-block-start:6rem}[id^=key]+table thead{display:none}code{border-radius:.2rem;padding-inline-start:.25rem;padding-inline-end:.25rem;padding-block-start:.125rem;padding-block-end:.125rem}table{display:table;width:100%;code{white-space:nowrap}tr:nth-child(2n){background-color:initial}th,td{text-align:left}}}.purpose{position:relative;padding-inline-start:var(--sl-nav-pad-y);border-inline-start-style:solid;border-inline-start-width:.25rem;border-inline-start-color:var(--sl-color-accent)}.purpose p{font-size:var(--sl-text-h4);font-weight:500}.spec-list{margin-block-end:4rem;p{padding-block-end:.5em;border-block-end-style:solid;border-block-end-width:1px;border-block-end-color:var(--sl-color-gray-6);font-weight:500}div{display:grid;grid-template-columns:1fr 5fr;grid-column-gap:1rem;margin-block-start:.25rem!important;margin-inline-start:1rem}dl:not(empty){margin-block-start:0!important;margin-block-end:2.5rem!important}dt{font-weight:400;color:var(--sl-color-gray-3)}dd{margin-block-start:0!important;margin-inline-start:0}}.storybook-embed iframe{display:block;width:auto;min-height:544px;height:auto;border-style:solid;border-color:#4d4d4d;border-top-width:64px;border-right-width:12px;border-bottom-width:64px;border-left-width:12px;resize:both;background:#fff;overflow:auto;position:relative;min-width:399px;min-height:795px;border-radius:50px}.sidebar-pane{border-inline-end-style:none}.sidebar-content{padding-inline-start:0;.top-level{padding-block-end:50vh;>li{margin-block-start:0}}.group-label{.large{font-weight:500;color:var(--sl-color-gray-3)}}details{summary{padding-block-start:.75rem;padding-block-end:.75rem}ul{li{border-inline-start-style:none;&:has(ul){padding-inline-start:0}}}a{position:relative;font-size:var(--sl-text-base);padding-inline-start:0;padding-inline-end:0;padding-block-start:.25rem;padding-block-end:.25rem;span{display:block;border-radius:.25rem;padding-inline-start:1rem;padding-inline-end:.5rem;padding-block-start:.5rem;padding-block-end:.5rem}&:hover{span{color:var(--sl-color-white)}}&[aria-current=page]{font-weight:400;background-color:transparent;color:var(--sl-color-text);span{background-color:var(--sl-color-gray-6)}&:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:-1rem;width:.25rem;background-color:var(--sl-color-accent);border-radius:.25rem}}}}}.right-sidebar-panel{padding-inline-start:1rem;padding-inline-end:var(--sl-content-pad-x);padding-block-start:0;padding-block-end:0;.sl-container{width:inherit}h2{font-weight:500;color:var(--sl-color-text);font-size:var(--sl-text-lg)}li{margin-block:.5rem}a{font-size:var(--sl-text-base)}}.layout:has(.homepage){display:block;.main-pane{max-width:100vw;width:100%}}.form{display:grid;gap:1rem;:is(input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea){margin:0;padding-block-start:.25rem;padding-block-end:.25rem;padding-inline-start:1rem;padding-inline-end:1rem;background-color:var(--sl-color-bg);border-width:1px;border-style:solid;border-color:var(--sl-color-gray-6);border-radius:1rem}label{display:inline-block;padding-block-start:.25rem;padding-block-end:.25rem}[class*=elements]{display:flex;align-items:start;>label{display:inline-block;font-weight:500;min-width:8rem;&:first-letter{text-transform:capitalize}}>input,>textarea{flex:1 1 auto;&:focus-visible{outline-color:var(--sl-color-gray-5)}}}.radio-element{display:inline-block;margin-inline-end:1rem;&:last-of-type{margin-inline-end:0}label{display:flex;align-items:center;gap:.5rem;cursor:pointer;&:first-letter{text-transform:capitalize}}input{width:1rem;height:1rem}}textarea{font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;padding-block:.36278125rem!important;resize:vertical}}