@property --tasty-second-fill-color { syntax: "<color>"; inherits: false; initial-value: transparent; }
@property --current-color { syntax: "<color>"; inherits: true; initial-value: currentcolor; }
@property --white-color { syntax: "<color>"; inherits: true; initial-value: rgb(255 255 255); }
@property --black-color { syntax: "<color>"; inherits: true; initial-value: rgb(0 0 0); }
@property --clear-color { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --border-color { syntax: "<color>"; inherits: true; initial-value: rgb(0 0 0); }
@property --gap { syntax: "<length>"; inherits: true; initial-value: 4px; }
@property --radius { syntax: "<length>"; inherits: true; initial-value: 6px; }
@property --border-width { syntax: "<length>"; inherits: true; initial-value: 1px; }
@property --outline-width { syntax: "<length>"; inherits: true; initial-value: 3px; }
@property --transition { syntax: "<time>"; inherits: true; initial-value: 80ms; }
@property --sharp-radius { syntax: "<length>"; inherits: true; initial-value: 0px; }
@property --bold-font-weight { syntax: "<number>"; inherits: true; initial-value: 700; }
@property --font-sans-fallback { syntax: "*"; inherits: true; initial-value: system-ui, -apple-system, "segoe ui", roboto, helvetica, arial, "apple color emoji", "segoe ui emoji", sans-serif; }
@property --font-mono-fallback { syntax: "*"; inherits: true; initial-value: ui-monospace, sfmono-regular, menlo, monaco, consolas, "liberation mono", "courier new", monospace; }
@property --margin-block-start { syntax: "<length-percentage> | auto"; inherits: false; initial-value: 0px; }
@property --margin-block-end { syntax: "<length-percentage> | auto"; inherits: false; initial-value: 0px; }
@property --padding-block-start { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --padding-block-end { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --docs-nav-height { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-nav-gap { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-menu-button-size { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-sidebar-pad-x { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-mobile-toc-height { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-nav-pad-x { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --docs-content-pad-x { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --current-color { syntax: "<color>"; inherits: true; initial-value: transparent; }
@property --visually-hidden-size { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --indicator-height { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --popover-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
@property --details-border-width { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --margin-block-start { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --copy-button-size { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --dialog-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
@property --margin-block-start { syntax: "<length-percentage> | auto"; inherits: false; initial-value: 0px; }
@property --margin-block-end { syntax: "<length-percentage> | auto"; inherits: false; initial-value: 0px; }
@property --padding-block-start { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --padding-block-end { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; }
@property --backdrop-blur { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@font-face { font-family: "Onest Variable"; src: url("/_astro/onest-latin-wght-normal.CUIqqgP9.woff2") format("woff2-variations"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono Variable"; src: url("/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2") format("woff2-variations"); font-weight: 100 800; font-display: swap; }
:root { --body-font-size: 1rem; --body-line-height: 1.65; --body-letter-spacing: 0; --body-font-weight: 400; --body-bold-font-weight: 640; --body-font-family: 'onest variable', onest, -apple-system, blinkmacsystemfont, 'segoe ui', sans-serif; --heading-font-size: 1rem; --heading-line-height: 1.15; --heading-letter-spacing: -0.006em; --heading-font-weight: 610; --heading-bold-font-weight: 720; --heading-font-family: 'onest variable', onest, -apple-system, blinkmacsystemfont, 'segoe ui', sans-serif; --h1-font-size: clamp(2.5rem, 5vw, 3.25rem); --h1-line-height: 1.05; --h1-letter-spacing: -0.015em; --h1-font-weight: var(--heading-font-weight); --h1-bold-font-weight: var(--heading-bold-font-weight); --h1-font-family: var(--heading-font-family); --h2-font-size: clamp(1.75rem, 3vw, 2.125rem); --h2-line-height: 1.1; --h2-letter-spacing: -0.01em; --h2-font-weight: var(--heading-font-weight); --h2-bold-font-weight: var(--heading-bold-font-weight); --h2-font-family: var(--heading-font-family); --h3-font-size: 1.5rem; --h3-line-height: 1.15; --h3-letter-spacing: -0.006em; --h3-font-weight: var(--heading-font-weight); --h3-bold-font-weight: var(--heading-bold-font-weight); --h3-font-family: var(--heading-font-family); --h4-font-size: 1.25rem; --h4-line-height: 1.2; --h4-letter-spacing: -0.003em; --h4-font-weight: var(--heading-font-weight); --h4-bold-font-weight: var(--heading-bold-font-weight); --h4-font-family: var(--heading-font-family); --h5-font-size: 1.125rem; --h5-line-height: 1.25; --h5-letter-spacing: 0; --h5-font-weight: var(--heading-font-weight); --h5-bold-font-weight: var(--heading-bold-font-weight); --h5-font-family: var(--heading-font-family); --h6-font-size: 1rem; --h6-line-height: 1.3; --h6-letter-spacing: 0; --h6-font-weight: var(--heading-font-weight); --h6-bold-font-weight: var(--heading-bold-font-weight); --h6-font-family: var(--heading-font-family); --navigation-font-size: 0.9375rem; --navigation-line-height: 1.4; --navigation-letter-spacing: 0; --navigation-font-weight: 450; --navigation-bold-font-weight: 580; --navigation-font-family: var(--body-font-family); --small-font-size: 0.875rem; --small-line-height: 1.45; --small-letter-spacing: -0.002em; --small-font-weight: 420; --small-bold-font-weight: 600; --small-font-family: var(--body-font-family); --code-font-size: 0.875rem; --code-line-height: 1.65; --code-letter-spacing: 0; --code-font-weight: 400; --code-bold-font-weight: 650; --code-font-family: 'jetbrains mono variable', 'jetbrains mono', ui-monospace, sfmono-regular, menlo, monaco, consolas, monospace; --hero-title-font-size: clamp(2.75rem, 7vw, 4.75rem); --hero-title-line-height: var(--h1-line-height); --hero-title-letter-spacing: var(--h1-letter-spacing); --hero-title-font-weight: var(--h1-font-weight); --hero-title-bold-font-weight: var(--h1-bold-font-weight); --hero-title-text-transform: var(--h1-text-transform, var(--default-text-transform)); --hero-title-font-family: var(--h1-font-family); --hero-title-font-style: var(--h1-font-style, var(--default-font-style)); --hero-tagline-font-size: clamp(1.05rem, 2.5vw, 1.35rem); --hero-tagline-line-height: 1.55; --hero-tagline-letter-spacing: var(--body-letter-spacing); --hero-tagline-font-weight: var(--body-font-weight); --hero-tagline-bold-font-weight: var(--body-bold-font-weight); --hero-tagline-text-transform: var(--body-text-transform, var(--default-text-transform)); --hero-tagline-font-family: var(--body-font-family); --hero-tagline-font-style: var(--body-font-style, var(--default-font-style)); --prose-font-size: 1.025rem; --prose-line-height: var(--body-line-height); --prose-letter-spacing: var(--body-letter-spacing); --prose-font-weight: var(--body-font-weight); --prose-bold-font-weight: var(--body-bold-font-weight); --prose-text-transform: var(--body-text-transform, var(--default-text-transform)); --prose-font-family: var(--body-font-family); --prose-font-style: var(--body-font-style, var(--default-font-style)); --inline-code-font-size: 0.875em; --inline-code-line-height: var(--code-line-height); --inline-code-letter-spacing: var(--code-letter-spacing); --inline-code-font-weight: var(--code-font-weight); --inline-code-bold-font-weight: var(--code-bold-font-weight); --inline-code-text-transform: var(--code-text-transform, var(--default-text-transform)); --inline-code-font-family: var(--code-font-family); --inline-code-font-style: var(--code-font-style, var(--default-font-style)); --gap: 0.5rem; --radius: 8px; --header-control-radius: 999px; --card-radius: 16px; --border-width: 1px; --outline-width: 2px; --outline-offset: 2px; --layout-width: 87.5rem; --content-width: 58rem; --sidebar-width: 17.5rem; --control-height: 2.5rem; --overlay-color: oklch(0 0 0 / 0.5); }
@media (not (prefers-color-scheme: dark)) and (not (prefers-contrast: more)) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])) { --surface-color: oklch(0.9799 0.0005 266); --header-color: oklch(0.9799 0.0005 266 / 0.7); --surface-2-color: oklch(0.9592 0.0008 266); --surface-3-color: oklch(0.9388 0.0011 266); --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.4118 0.0053 266); --text-muted-color: oklch(0.4797 0.002 266); --sidebar-text-color: oklch(0.4698 0.0059 266); --surface-2-hover-color: oklch(0.9372 0.0012 266); --surface-2-pressed-color: oklch(0.8932 0.0019 266); --surface-3-hover-color: oklch(0.9174 0.0014 266); --surface-3-pressed-color: oklch(0.8747 0.0019 266); --accent-text-color: oklch(0.4368 0.125 266); --focus-color: oklch(0.5514 0.1393 266); --accent-surface-text-color: oklch(1 0 0); --accent-surface-color: oklch(0.5421 0.1392 266); --logo-mark-color: oklch(1 0 0); --accent-surface-subtle-color: oklch(0.9276 0.0059 266); --accent-surface-2-subtle-color: oklch(0.9094 0.0069 266); --shadow-color: oklch(0.3015 0 0 / 0.1258); --clear-color: oklch(1 0 0 / 0); --info-surface-color: oklch(0.9464 0.0143 278.55); --info-text-color: oklch(0.4501 0.1917 262.88); --success-surface-color: oklch(0.9501 0.0079 154.15); --success-text-color: oklch(0.4387 0.1181 149.21); --warning-surface-color: oklch(0.9523 0.0085 39.1); --warning-text-color: oklch(0.4608 0.1093 58.32); --danger-surface-color: oklch(0.9479 0.0108 14.85); --danger-text-color: oklch(0.4519 0.1711 27.33); --orange-surface-color: oklch(0.9523 0.0085 39.1); --orange-text-color: oklch(0.4608 0.1093 58.32); --green-surface-color: oklch(0.9501 0.0079 154.15); --green-text-color: oklch(0.4387 0.1181 149.21); --blue-surface-color: oklch(0.9464 0.0143 278.55); --blue-text-color: oklch(0.4501 0.1917 262.88); --purple-surface-color: oklch(0.9468 0.0162 300.25); --purple-text-color: oklch(0.4622 0.2222 302.32); --red-surface-color: oklch(0.9479 0.0108 14.85); --red-text-color: oklch(0.4519 0.1711 27.33); --border-color: oklch(0.8894 0.011 266); --border-strong-color: oklch(0.7879 0.0198 266); --syntax-text-color: oklch(0.201 0 0); --syntax-comment-color: oklch(0.5655 0.0017 210); --syntax-punctuation-color: oklch(0.4975 0.0016 210); --syntax-keyword-color: oklch(0.5567 0.092 210); --syntax-string-color: oklch(0.5681 0.1637 40); --syntax-token-color: oklch(0.5571 0.129 125); --syntax-property-color: oklch(0.552 0.1188 155); --syntax-number-color: oklch(0.5681 0.1179 70); --syntax-function-color: oklch(0.5567 0.092 210); --syntax-value-color: oklch(0.5567 0.092 210); --syntax-operator-color: oklch(0.5681 0.2325 340); } }
@media (not (prefers-color-scheme: dark)) and (prefers-contrast: more) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])[data-contrast]) { --surface-color: oklch(0.9799 0.0005 266); --header-color: oklch(0.9799 0.0005 266 / 0.7); --surface-2-color: oklch(0.9592 0.0008 266); --surface-3-color: oklch(0.9388 0.0011 266); --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.4118 0.0053 266); --text-muted-color: oklch(0.4797 0.002 266); --sidebar-text-color: oklch(0.4698 0.0059 266); --surface-2-hover-color: oklch(0.9372 0.0012 266); --surface-2-pressed-color: oklch(0.8932 0.0019 266); --surface-3-hover-color: oklch(0.9174 0.0014 266); --surface-3-pressed-color: oklch(0.8747 0.0019 266); --accent-text-color: oklch(0.4368 0.125 266); --focus-color: oklch(0.5514 0.1393 266); --accent-surface-text-color: oklch(1 0 0); --accent-surface-color: oklch(0.5421 0.1392 266); --logo-mark-color: oklch(1 0 0); --accent-surface-subtle-color: oklch(0.9276 0.0059 266); --accent-surface-2-subtle-color: oklch(0.9094 0.0069 266); --shadow-color: oklch(0.3015 0 0 / 0.1258); --clear-color: oklch(1 0 0 / 0); --info-surface-color: oklch(0.9464 0.0143 278.55); --info-text-color: oklch(0.4501 0.1917 262.88); --success-surface-color: oklch(0.9501 0.0079 154.15); --success-text-color: oklch(0.4387 0.1181 149.21); --warning-surface-color: oklch(0.9523 0.0085 39.1); --warning-text-color: oklch(0.4608 0.1093 58.32); --danger-surface-color: oklch(0.9479 0.0108 14.85); --danger-text-color: oklch(0.4519 0.1711 27.33); --orange-surface-color: oklch(0.9523 0.0085 39.1); --orange-text-color: oklch(0.4608 0.1093 58.32); --green-surface-color: oklch(0.9501 0.0079 154.15); --green-text-color: oklch(0.4387 0.1181 149.21); --blue-surface-color: oklch(0.9464 0.0143 278.55); --blue-text-color: oklch(0.4501 0.1917 262.88); --purple-surface-color: oklch(0.9468 0.0162 300.25); --purple-text-color: oklch(0.4622 0.2222 302.32); --red-surface-color: oklch(0.9479 0.0108 14.85); --red-text-color: oklch(0.4519 0.1711 27.33); --border-color: oklch(0.8894 0.011 266); --border-strong-color: oklch(0.7879 0.0198 266); --syntax-text-color: oklch(0.201 0 0); --syntax-comment-color: oklch(0.5655 0.0017 210); --syntax-punctuation-color: oklch(0.4975 0.0016 210); --syntax-keyword-color: oklch(0.5567 0.092 210); --syntax-string-color: oklch(0.5681 0.1637 40); --syntax-token-color: oklch(0.5571 0.129 125); --syntax-property-color: oklch(0.552 0.1188 155); --syntax-number-color: oklch(0.5681 0.1179 70); --syntax-function-color: oklch(0.5567 0.092 210); --syntax-value-color: oklch(0.5567 0.092 210); --syntax-operator-color: oklch(0.5681 0.2325 340); } }
@media (not (prefers-contrast: more)) and (prefers-color-scheme: dark) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])[data-theme]) { --surface-color: oklch(0.9799 0.0005 266); --header-color: oklch(0.9799 0.0005 266 / 0.7); --surface-2-color: oklch(0.9592 0.0008 266); --surface-3-color: oklch(0.9388 0.0011 266); --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.4118 0.0053 266); --text-muted-color: oklch(0.4797 0.002 266); --sidebar-text-color: oklch(0.4698 0.0059 266); --surface-2-hover-color: oklch(0.9372 0.0012 266); --surface-2-pressed-color: oklch(0.8932 0.0019 266); --surface-3-hover-color: oklch(0.9174 0.0014 266); --surface-3-pressed-color: oklch(0.8747 0.0019 266); --accent-text-color: oklch(0.4368 0.125 266); --focus-color: oklch(0.5514 0.1393 266); --accent-surface-text-color: oklch(1 0 0); --accent-surface-color: oklch(0.5421 0.1392 266); --logo-mark-color: oklch(1 0 0); --accent-surface-subtle-color: oklch(0.9276 0.0059 266); --accent-surface-2-subtle-color: oklch(0.9094 0.0069 266); --shadow-color: oklch(0.3015 0 0 / 0.1258); --clear-color: oklch(1 0 0 / 0); --info-surface-color: oklch(0.9464 0.0143 278.55); --info-text-color: oklch(0.4501 0.1917 262.88); --success-surface-color: oklch(0.9501 0.0079 154.15); --success-text-color: oklch(0.4387 0.1181 149.21); --warning-surface-color: oklch(0.9523 0.0085 39.1); --warning-text-color: oklch(0.4608 0.1093 58.32); --danger-surface-color: oklch(0.9479 0.0108 14.85); --danger-text-color: oklch(0.4519 0.1711 27.33); --orange-surface-color: oklch(0.9523 0.0085 39.1); --orange-text-color: oklch(0.4608 0.1093 58.32); --green-surface-color: oklch(0.9501 0.0079 154.15); --green-text-color: oklch(0.4387 0.1181 149.21); --blue-surface-color: oklch(0.9464 0.0143 278.55); --blue-text-color: oklch(0.4501 0.1917 262.88); --purple-surface-color: oklch(0.9468 0.0162 300.25); --purple-text-color: oklch(0.4622 0.2222 302.32); --red-surface-color: oklch(0.9479 0.0108 14.85); --red-text-color: oklch(0.4519 0.1711 27.33); --border-color: oklch(0.8894 0.011 266); --border-strong-color: oklch(0.7879 0.0198 266); --syntax-text-color: oklch(0.201 0 0); --syntax-comment-color: oklch(0.5655 0.0017 210); --syntax-punctuation-color: oklch(0.4975 0.0016 210); --syntax-keyword-color: oklch(0.5567 0.092 210); --syntax-string-color: oklch(0.5681 0.1637 40); --syntax-token-color: oklch(0.5571 0.129 125); --syntax-property-color: oklch(0.552 0.1188 155); --syntax-number-color: oklch(0.5681 0.1179 70); --syntax-function-color: oklch(0.5567 0.092 210); --syntax-value-color: oklch(0.5567 0.092 210); --syntax-operator-color: oklch(0.5681 0.2325 340); } }
@media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])[data-contrast][data-theme]) { --surface-color: oklch(0.9799 0.0005 266); --header-color: oklch(0.9799 0.0005 266 / 0.7); --surface-2-color: oklch(0.9592 0.0008 266); --surface-3-color: oklch(0.9388 0.0011 266); --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.4118 0.0053 266); --text-muted-color: oklch(0.4797 0.002 266); --sidebar-text-color: oklch(0.4698 0.0059 266); --surface-2-hover-color: oklch(0.9372 0.0012 266); --surface-2-pressed-color: oklch(0.8932 0.0019 266); --surface-3-hover-color: oklch(0.9174 0.0014 266); --surface-3-pressed-color: oklch(0.8747 0.0019 266); --accent-text-color: oklch(0.4368 0.125 266); --focus-color: oklch(0.5514 0.1393 266); --accent-surface-text-color: oklch(1 0 0); --accent-surface-color: oklch(0.5421 0.1392 266); --logo-mark-color: oklch(1 0 0); --accent-surface-subtle-color: oklch(0.9276 0.0059 266); --accent-surface-2-subtle-color: oklch(0.9094 0.0069 266); --shadow-color: oklch(0.3015 0 0 / 0.1258); --clear-color: oklch(1 0 0 / 0); --info-surface-color: oklch(0.9464 0.0143 278.55); --info-text-color: oklch(0.4501 0.1917 262.88); --success-surface-color: oklch(0.9501 0.0079 154.15); --success-text-color: oklch(0.4387 0.1181 149.21); --warning-surface-color: oklch(0.9523 0.0085 39.1); --warning-text-color: oklch(0.4608 0.1093 58.32); --danger-surface-color: oklch(0.9479 0.0108 14.85); --danger-text-color: oklch(0.4519 0.1711 27.33); --orange-surface-color: oklch(0.9523 0.0085 39.1); --orange-text-color: oklch(0.4608 0.1093 58.32); --green-surface-color: oklch(0.9501 0.0079 154.15); --green-text-color: oklch(0.4387 0.1181 149.21); --blue-surface-color: oklch(0.9464 0.0143 278.55); --blue-text-color: oklch(0.4501 0.1917 262.88); --purple-surface-color: oklch(0.9468 0.0162 300.25); --purple-text-color: oklch(0.4622 0.2222 302.32); --red-surface-color: oklch(0.9479 0.0108 14.85); --red-text-color: oklch(0.4519 0.1711 27.33); --border-color: oklch(0.8894 0.011 266); --border-strong-color: oklch(0.7879 0.0198 266); --syntax-text-color: oklch(0.201 0 0); --syntax-comment-color: oklch(0.5655 0.0017 210); --syntax-punctuation-color: oklch(0.4975 0.0016 210); --syntax-keyword-color: oklch(0.5567 0.092 210); --syntax-string-color: oklch(0.5681 0.1637 40); --syntax-token-color: oklch(0.5571 0.129 125); --syntax-property-color: oklch(0.552 0.1188 155); --syntax-number-color: oklch(0.5681 0.1179 70); --syntax-function-color: oklch(0.5567 0.092 210); --syntax-value-color: oklch(0.5567 0.092 210); --syntax-operator-color: oklch(0.5681 0.2325 340); } }
@media (prefers-contrast: more) { :root:where(:is(:not([data-contrast]), [data-contrast="more"][data-contrast])) { --accent-surface-text-color: oklch(1 0 0); --logo-mark-color: oklch(1 0 0); --clear-color: oklch(1 0 0 / 0); } }
@media (not (prefers-contrast: more)) { :root:where([data-contrast="more"]) { --accent-surface-text-color: oklch(1 0 0); --logo-mark-color: oklch(1 0 0); --clear-color: oklch(1 0 0 / 0); } }
@media (not (prefers-color-scheme: dark)) { :root:where(:not([data-theme="dark"])) { --logo-surface-color: oklch(0.5514 0.1393 266); --info-color: oklch(0.5461 0.2152 262.88); --success-color: oklch(0.6271 0.1699 149.21); --warning-color: oklch(0.6658 0.1574 58.32); --danger-color: oklch(0.5771 0.2152 27.33); --orange-color: oklch(0.6658 0.1574 58.32); --green-color: oklch(0.6271 0.1699 149.21); --blue-color: oklch(0.5461 0.2152 262.88); --purple-color: oklch(0.5575 0.2525 302.32); --red-color: oklch(0.5771 0.2152 27.33); --syntax-bg-color: oklch(1 0 0); } }
@media (prefers-color-scheme: dark) { :root:where(:not([data-theme="dark"])[data-theme]) { --logo-surface-color: oklch(0.5514 0.1393 266); --info-color: oklch(0.5461 0.2152 262.88); --success-color: oklch(0.6271 0.1699 149.21); --warning-color: oklch(0.6658 0.1574 58.32); --danger-color: oklch(0.5771 0.2152 27.33); --orange-color: oklch(0.6658 0.1574 58.32); --green-color: oklch(0.6271 0.1699 149.21); --blue-color: oklch(0.5461 0.2152 262.88); --purple-color: oklch(0.5575 0.2525 302.32); --red-color: oklch(0.5771 0.2152 27.33); --syntax-bg-color: oklch(1 0 0); } }
@media (not (prefers-contrast: more)) { :root:where([data-theme="dark"]:not([data-contrast="more"])) { --surface-color: oklch(0.2708 0.0023 266); --header-color: oklch(0.2708 0.0023 266 / 0.7); --surface-2-color: oklch(0.2862 0.0018 266); --surface-3-color: oklch(0.3016 0.0016 266); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7543 0.005 266); --text-muted-color: oklch(0.7282 0.0013 266); --sidebar-text-color: oklch(0.7072 0.0053 266); --surface-2-hover-color: oklch(0.3079 0.0019 266); --surface-2-pressed-color: oklch(0.3503 0.002 266); --surface-3-hover-color: oklch(0.3225 0.0017 266); --surface-3-pressed-color: oklch(0.3637 0.0018 266); --accent-text-color: oklch(0.8689 0.0452 266); --focus-color: oklch(0.5935 0.1228 266); --accent-surface-text-color: oklch(0.9571 0 0); --accent-surface-color: oklch(0.4597 0.1155 266); --logo-mark-color: oklch(0.9571 0 0); --logo-surface-color: oklch(0.5719 0.1241 266); --accent-surface-subtle-color: oklch(0.2946 0.0108 266); --accent-surface-2-subtle-color: oklch(0.3079 0.0107 266); --shadow-color: oklch(0.1367 0 0 / 0.2782); --clear-color: oklch(0.9571 0 0 / 0); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3509 0.0683 267.68); --info-text-color: oklch(0.8853 0.0507 262.88); --success-color: oklch(0.5756 0.1306 149.21); --success-surface-color: oklch(0.3431 0.0418 151.64); --success-text-color: oklch(0.8615 0.195 149.21); --warning-color: oklch(0.599 0.1356 58.32); --warning-surface-color: oklch(0.3512 0.0443 48.75); --warning-text-color: oklch(0.8887 0.0682 58.32); --danger-color: oklch(0.6059 0.1868 27.33); --danger-surface-color: oklch(0.3539 0.0682 21.96); --danger-text-color: oklch(0.8905 0.0526 27.33); --orange-color: oklch(0.599 0.1356 58.32); --orange-surface-color: oklch(0.3512 0.0443 48.75); --orange-text-color: oklch(0.8887 0.0682 58.32); --green-color: oklch(0.5756 0.1306 149.21); --green-surface-color: oklch(0.3431 0.0418 151.64); --green-text-color: oklch(0.8615 0.195 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3509 0.0683 267.68); --blue-text-color: oklch(0.8853 0.0507 262.88); --purple-color: oklch(0.6116 0.2071 302.32); --purple-surface-color: oklch(0.3555 0.0817 301.57); --purple-text-color: oklch(0.8897 0.0584 302.32); --red-color: oklch(0.6059 0.1868 27.33); --red-surface-color: oklch(0.3539 0.0682 21.96); --red-text-color: oklch(0.8905 0.0526 27.33); --border-color: oklch(0.3372 0.0167 266); --border-strong-color: oklch(0.4083 0.0198 266); --syntax-bg-color: oklch(0.2534 0.0021 266); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.7031 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6473 0.159 40); --syntax-token-color: oklch(0.6284 0.1341 125); --syntax-property-color: oklch(0.6284 0.1233 155); --syntax-number-color: oklch(0.6372 0.1237 70); --syntax-function-color: oklch(0.6284 0.0982 210); --syntax-value-color: oklch(0.6284 0.0982 210); --syntax-operator-color: oklch(0.6585 0.2095 340); } }
@media (prefers-contrast: more) { :root:where([data-theme="dark"]:not([data-contrast="more"])[data-contrast]) { --surface-color: oklch(0.2708 0.0023 266); --header-color: oklch(0.2708 0.0023 266 / 0.7); --surface-2-color: oklch(0.2862 0.0018 266); --surface-3-color: oklch(0.3016 0.0016 266); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7543 0.005 266); --text-muted-color: oklch(0.7282 0.0013 266); --sidebar-text-color: oklch(0.7072 0.0053 266); --surface-2-hover-color: oklch(0.3079 0.0019 266); --surface-2-pressed-color: oklch(0.3503 0.002 266); --surface-3-hover-color: oklch(0.3225 0.0017 266); --surface-3-pressed-color: oklch(0.3637 0.0018 266); --accent-text-color: oklch(0.8689 0.0452 266); --focus-color: oklch(0.5935 0.1228 266); --accent-surface-text-color: oklch(0.9571 0 0); --accent-surface-color: oklch(0.4597 0.1155 266); --logo-mark-color: oklch(0.9571 0 0); --logo-surface-color: oklch(0.5719 0.1241 266); --accent-surface-subtle-color: oklch(0.2946 0.0108 266); --accent-surface-2-subtle-color: oklch(0.3079 0.0107 266); --shadow-color: oklch(0.1367 0 0 / 0.2782); --clear-color: oklch(0.9571 0 0 / 0); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3509 0.0683 267.68); --info-text-color: oklch(0.8853 0.0507 262.88); --success-color: oklch(0.5756 0.1306 149.21); --success-surface-color: oklch(0.3431 0.0418 151.64); --success-text-color: oklch(0.8615 0.195 149.21); --warning-color: oklch(0.599 0.1356 58.32); --warning-surface-color: oklch(0.3512 0.0443 48.75); --warning-text-color: oklch(0.8887 0.0682 58.32); --danger-color: oklch(0.6059 0.1868 27.33); --danger-surface-color: oklch(0.3539 0.0682 21.96); --danger-text-color: oklch(0.8905 0.0526 27.33); --orange-color: oklch(0.599 0.1356 58.32); --orange-surface-color: oklch(0.3512 0.0443 48.75); --orange-text-color: oklch(0.8887 0.0682 58.32); --green-color: oklch(0.5756 0.1306 149.21); --green-surface-color: oklch(0.3431 0.0418 151.64); --green-text-color: oklch(0.8615 0.195 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3509 0.0683 267.68); --blue-text-color: oklch(0.8853 0.0507 262.88); --purple-color: oklch(0.6116 0.2071 302.32); --purple-surface-color: oklch(0.3555 0.0817 301.57); --purple-text-color: oklch(0.8897 0.0584 302.32); --red-color: oklch(0.6059 0.1868 27.33); --red-surface-color: oklch(0.3539 0.0682 21.96); --red-text-color: oklch(0.8905 0.0526 27.33); --border-color: oklch(0.3372 0.0167 266); --border-strong-color: oklch(0.4083 0.0198 266); --syntax-bg-color: oklch(0.2534 0.0021 266); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.7031 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6473 0.159 40); --syntax-token-color: oklch(0.6284 0.1341 125); --syntax-property-color: oklch(0.6284 0.1233 155); --syntax-number-color: oklch(0.6372 0.1237 70); --syntax-function-color: oklch(0.6284 0.0982 210); --syntax-value-color: oklch(0.6284 0.0982 210); --syntax-operator-color: oklch(0.6585 0.2095 340); } }
@media (not (prefers-contrast: more)) and (prefers-color-scheme: dark) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"]):not([data-theme])) { --surface-color: oklch(0.2708 0.0023 266); --header-color: oklch(0.2708 0.0023 266 / 0.7); --surface-2-color: oklch(0.2862 0.0018 266); --surface-3-color: oklch(0.3016 0.0016 266); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7543 0.005 266); --text-muted-color: oklch(0.7282 0.0013 266); --sidebar-text-color: oklch(0.7072 0.0053 266); --surface-2-hover-color: oklch(0.3079 0.0019 266); --surface-2-pressed-color: oklch(0.3503 0.002 266); --surface-3-hover-color: oklch(0.3225 0.0017 266); --surface-3-pressed-color: oklch(0.3637 0.0018 266); --accent-text-color: oklch(0.8689 0.0452 266); --focus-color: oklch(0.5935 0.1228 266); --accent-surface-text-color: oklch(0.9571 0 0); --accent-surface-color: oklch(0.4597 0.1155 266); --logo-mark-color: oklch(0.9571 0 0); --logo-surface-color: oklch(0.5719 0.1241 266); --accent-surface-subtle-color: oklch(0.2946 0.0108 266); --accent-surface-2-subtle-color: oklch(0.3079 0.0107 266); --shadow-color: oklch(0.1367 0 0 / 0.2782); --clear-color: oklch(0.9571 0 0 / 0); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3509 0.0683 267.68); --info-text-color: oklch(0.8853 0.0507 262.88); --success-color: oklch(0.5756 0.1306 149.21); --success-surface-color: oklch(0.3431 0.0418 151.64); --success-text-color: oklch(0.8615 0.195 149.21); --warning-color: oklch(0.599 0.1356 58.32); --warning-surface-color: oklch(0.3512 0.0443 48.75); --warning-text-color: oklch(0.8887 0.0682 58.32); --danger-color: oklch(0.6059 0.1868 27.33); --danger-surface-color: oklch(0.3539 0.0682 21.96); --danger-text-color: oklch(0.8905 0.0526 27.33); --orange-color: oklch(0.599 0.1356 58.32); --orange-surface-color: oklch(0.3512 0.0443 48.75); --orange-text-color: oklch(0.8887 0.0682 58.32); --green-color: oklch(0.5756 0.1306 149.21); --green-surface-color: oklch(0.3431 0.0418 151.64); --green-text-color: oklch(0.8615 0.195 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3509 0.0683 267.68); --blue-text-color: oklch(0.8853 0.0507 262.88); --purple-color: oklch(0.6116 0.2071 302.32); --purple-surface-color: oklch(0.3555 0.0817 301.57); --purple-text-color: oklch(0.8897 0.0584 302.32); --red-color: oklch(0.6059 0.1868 27.33); --red-surface-color: oklch(0.3539 0.0682 21.96); --red-text-color: oklch(0.8905 0.0526 27.33); --border-color: oklch(0.3372 0.0167 266); --border-strong-color: oklch(0.4083 0.0198 266); --syntax-bg-color: oklch(0.2534 0.0021 266); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.7031 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6473 0.159 40); --syntax-token-color: oklch(0.6284 0.1341 125); --syntax-property-color: oklch(0.6284 0.1233 155); --syntax-number-color: oklch(0.6372 0.1237 70); --syntax-function-color: oklch(0.6284 0.0982 210); --syntax-value-color: oklch(0.6284 0.0982 210); --syntax-operator-color: oklch(0.6585 0.2095 340); } }
@media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])[data-contrast]:not([data-theme])) { --surface-color: oklch(0.2708 0.0023 266); --header-color: oklch(0.2708 0.0023 266 / 0.7); --surface-2-color: oklch(0.2862 0.0018 266); --surface-3-color: oklch(0.3016 0.0016 266); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7543 0.005 266); --text-muted-color: oklch(0.7282 0.0013 266); --sidebar-text-color: oklch(0.7072 0.0053 266); --surface-2-hover-color: oklch(0.3079 0.0019 266); --surface-2-pressed-color: oklch(0.3503 0.002 266); --surface-3-hover-color: oklch(0.3225 0.0017 266); --surface-3-pressed-color: oklch(0.3637 0.0018 266); --accent-text-color: oklch(0.8689 0.0452 266); --focus-color: oklch(0.5935 0.1228 266); --accent-surface-text-color: oklch(0.9571 0 0); --accent-surface-color: oklch(0.4597 0.1155 266); --logo-mark-color: oklch(0.9571 0 0); --logo-surface-color: oklch(0.5719 0.1241 266); --accent-surface-subtle-color: oklch(0.2946 0.0108 266); --accent-surface-2-subtle-color: oklch(0.3079 0.0107 266); --shadow-color: oklch(0.1367 0 0 / 0.2782); --clear-color: oklch(0.9571 0 0 / 0); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3509 0.0683 267.68); --info-text-color: oklch(0.8853 0.0507 262.88); --success-color: oklch(0.5756 0.1306 149.21); --success-surface-color: oklch(0.3431 0.0418 151.64); --success-text-color: oklch(0.8615 0.195 149.21); --warning-color: oklch(0.599 0.1356 58.32); --warning-surface-color: oklch(0.3512 0.0443 48.75); --warning-text-color: oklch(0.8887 0.0682 58.32); --danger-color: oklch(0.6059 0.1868 27.33); --danger-surface-color: oklch(0.3539 0.0682 21.96); --danger-text-color: oklch(0.8905 0.0526 27.33); --orange-color: oklch(0.599 0.1356 58.32); --orange-surface-color: oklch(0.3512 0.0443 48.75); --orange-text-color: oklch(0.8887 0.0682 58.32); --green-color: oklch(0.5756 0.1306 149.21); --green-surface-color: oklch(0.3431 0.0418 151.64); --green-text-color: oklch(0.8615 0.195 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3509 0.0683 267.68); --blue-text-color: oklch(0.8853 0.0507 262.88); --purple-color: oklch(0.6116 0.2071 302.32); --purple-surface-color: oklch(0.3555 0.0817 301.57); --purple-text-color: oklch(0.8897 0.0584 302.32); --red-color: oklch(0.6059 0.1868 27.33); --red-surface-color: oklch(0.3539 0.0682 21.96); --red-text-color: oklch(0.8905 0.0526 27.33); --border-color: oklch(0.3372 0.0167 266); --border-strong-color: oklch(0.4083 0.0198 266); --syntax-bg-color: oklch(0.2534 0.0021 266); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.7031 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6473 0.159 40); --syntax-token-color: oklch(0.6284 0.1341 125); --syntax-property-color: oklch(0.6284 0.1233 155); --syntax-number-color: oklch(0.6372 0.1237 70); --syntax-function-color: oklch(0.6284 0.0982 210); --syntax-value-color: oklch(0.6284 0.0982 210); --syntax-operator-color: oklch(0.6585 0.2095 340); } }
@media (not (prefers-color-scheme: dark)) { :root:where([data-contrast="more"]:not([data-theme="dark"])) { --surface-color: oklch(0.9789 0.0006 266); --header-color: oklch(0.9789 0.0006 266 / 0.7); --surface-2-color: oklch(0.9581 0.0008 266); --surface-3-color: oklch(0.9378 0.0011 266); --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.2611 0.0035 266); --text-muted-color: oklch(0.4211 0.0018 266); --sidebar-text-color: oklch(0.2611 0.0035 266); --surface-2-hover-color: oklch(0.9091 0.0017 266); --surface-2-pressed-color: oklch(0.8437 0.0025 266); --surface-3-hover-color: oklch(0.89 0.0018 266); --surface-3-pressed-color: oklch(0.8261 0.0024 266); --accent-text-color: oklch(0.2527 0.0744 266); --focus-color: oklch(0.5246 0.1383 266); --accent-surface-color: oklch(0.4029 0.1165 266); --accent-surface-subtle-color: oklch(0.8762 0.0131 266); --accent-surface-2-subtle-color: oklch(0.8591 0.0142 266); --shadow-color: oklch(0.3015 0 0 / 0.2004); --info-surface-color: oklch(0.9278 0.0217 278.45); --info-text-color: oklch(0.1905 0.0819 262.88); --success-surface-color: oklch(0.9336 0.0124 152.96); --success-text-color: oklch(0.2295 0.0616 149.21); --warning-surface-color: oklch(0.937 0.0133 40.25); --warning-text-color: oklch(0.244 0.0579 58.32); --danger-surface-color: oklch(0.9301 0.0169 15.82); --danger-text-color: oklch(0.1888 0.0715 27.33); --orange-surface-color: oklch(0.937 0.0133 40.25); --orange-text-color: oklch(0.244 0.0579 58.32); --green-surface-color: oklch(0.9336 0.0124 152.96); --green-text-color: oklch(0.2295 0.0616 149.21); --blue-surface-color: oklch(0.9278 0.0217 278.45); --blue-text-color: oklch(0.1905 0.0819 262.88); --purple-surface-color: oklch(0.9284 0.0248 300.62); --purple-text-color: oklch(0.1841 0.09 302.32); --red-surface-color: oklch(0.9301 0.0169 15.82); --red-text-color: oklch(0.1888 0.0715 27.33); --border-color: oklch(0.7695 0.021 266); --border-strong-color: oklch(0.6388 0.0267 266); --syntax-text-color: oklch(0 0 0); --syntax-comment-color: oklch(0.4617 0.0015 210); --syntax-punctuation-color: oklch(0.4617 0.0015 210); --syntax-keyword-color: oklch(0.4545 0.075 210); --syntax-string-color: oklch(0.4642 0.1354 40); --syntax-token-color: oklch(0.4548 0.1049 125); --syntax-property-color: oklch(0.4507 0.0965 155); --syntax-number-color: oklch(0.4642 0.0963 70); --syntax-function-color: oklch(0.4545 0.075 210); --syntax-value-color: oklch(0.4545 0.075 210); --syntax-operator-color: oklch(0.4642 0.195 340); } }
@media (prefers-color-scheme: dark) { :root:where([data-contrast="more"]:not([data-theme="dark"])[data-theme]) { --surface-color: oklch(0.9789 0.0006 266); --header-color: oklch(0.9789 0.0006 266 / 0.7); --surface-2-color: oklch(0.9581 0.0008 266); --surface-3-color: oklch(0.9378 0.0011 266); --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.2611 0.0035 266); --text-muted-color: oklch(0.4211 0.0018 266); --sidebar-text-color: oklch(0.2611 0.0035 266); --surface-2-hover-color: oklch(0.9091 0.0017 266); --surface-2-pressed-color: oklch(0.8437 0.0025 266); --surface-3-hover-color: oklch(0.89 0.0018 266); --surface-3-pressed-color: oklch(0.8261 0.0024 266); --accent-text-color: oklch(0.2527 0.0744 266); --focus-color: oklch(0.5246 0.1383 266); --accent-surface-color: oklch(0.4029 0.1165 266); --accent-surface-subtle-color: oklch(0.8762 0.0131 266); --accent-surface-2-subtle-color: oklch(0.8591 0.0142 266); --shadow-color: oklch(0.3015 0 0 / 0.2004); --info-surface-color: oklch(0.9278 0.0217 278.45); --info-text-color: oklch(0.1905 0.0819 262.88); --success-surface-color: oklch(0.9336 0.0124 152.96); --success-text-color: oklch(0.2295 0.0616 149.21); --warning-surface-color: oklch(0.937 0.0133 40.25); --warning-text-color: oklch(0.244 0.0579 58.32); --danger-surface-color: oklch(0.9301 0.0169 15.82); --danger-text-color: oklch(0.1888 0.0715 27.33); --orange-surface-color: oklch(0.937 0.0133 40.25); --orange-text-color: oklch(0.244 0.0579 58.32); --green-surface-color: oklch(0.9336 0.0124 152.96); --green-text-color: oklch(0.2295 0.0616 149.21); --blue-surface-color: oklch(0.9278 0.0217 278.45); --blue-text-color: oklch(0.1905 0.0819 262.88); --purple-surface-color: oklch(0.9284 0.0248 300.62); --purple-text-color: oklch(0.1841 0.09 302.32); --red-surface-color: oklch(0.9301 0.0169 15.82); --red-text-color: oklch(0.1888 0.0715 27.33); --border-color: oklch(0.7695 0.021 266); --border-strong-color: oklch(0.6388 0.0267 266); --syntax-text-color: oklch(0 0 0); --syntax-comment-color: oklch(0.4617 0.0015 210); --syntax-punctuation-color: oklch(0.4617 0.0015 210); --syntax-keyword-color: oklch(0.4545 0.075 210); --syntax-string-color: oklch(0.4642 0.1354 40); --syntax-token-color: oklch(0.4548 0.1049 125); --syntax-property-color: oklch(0.4507 0.0965 155); --syntax-number-color: oklch(0.4642 0.0963 70); --syntax-function-color: oklch(0.4545 0.075 210); --syntax-value-color: oklch(0.4545 0.075 210); --syntax-operator-color: oklch(0.4642 0.195 340); } }
@media (not (prefers-color-scheme: dark)) and (prefers-contrast: more) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"]):not([data-contrast])) { --surface-color: oklch(0.9789 0.0006 266); --header-color: oklch(0.9789 0.0006 266 / 0.7); --surface-2-color: oklch(0.9581 0.0008 266); --surface-3-color: oklch(0.9378 0.0011 266); --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.2611 0.0035 266); --text-muted-color: oklch(0.4211 0.0018 266); --sidebar-text-color: oklch(0.2611 0.0035 266); --surface-2-hover-color: oklch(0.9091 0.0017 266); --surface-2-pressed-color: oklch(0.8437 0.0025 266); --surface-3-hover-color: oklch(0.89 0.0018 266); --surface-3-pressed-color: oklch(0.8261 0.0024 266); --accent-text-color: oklch(0.2527 0.0744 266); --focus-color: oklch(0.5246 0.1383 266); --accent-surface-color: oklch(0.4029 0.1165 266); --accent-surface-subtle-color: oklch(0.8762 0.0131 266); --accent-surface-2-subtle-color: oklch(0.8591 0.0142 266); --shadow-color: oklch(0.3015 0 0 / 0.2004); --info-surface-color: oklch(0.9278 0.0217 278.45); --info-text-color: oklch(0.1905 0.0819 262.88); --success-surface-color: oklch(0.9336 0.0124 152.96); --success-text-color: oklch(0.2295 0.0616 149.21); --warning-surface-color: oklch(0.937 0.0133 40.25); --warning-text-color: oklch(0.244 0.0579 58.32); --danger-surface-color: oklch(0.9301 0.0169 15.82); --danger-text-color: oklch(0.1888 0.0715 27.33); --orange-surface-color: oklch(0.937 0.0133 40.25); --orange-text-color: oklch(0.244 0.0579 58.32); --green-surface-color: oklch(0.9336 0.0124 152.96); --green-text-color: oklch(0.2295 0.0616 149.21); --blue-surface-color: oklch(0.9278 0.0217 278.45); --blue-text-color: oklch(0.1905 0.0819 262.88); --purple-surface-color: oklch(0.9284 0.0248 300.62); --purple-text-color: oklch(0.1841 0.09 302.32); --red-surface-color: oklch(0.9301 0.0169 15.82); --red-text-color: oklch(0.1888 0.0715 27.33); --border-color: oklch(0.7695 0.021 266); --border-strong-color: oklch(0.6388 0.0267 266); --syntax-text-color: oklch(0 0 0); --syntax-comment-color: oklch(0.4617 0.0015 210); --syntax-punctuation-color: oklch(0.4617 0.0015 210); --syntax-keyword-color: oklch(0.4545 0.075 210); --syntax-string-color: oklch(0.4642 0.1354 40); --syntax-token-color: oklch(0.4548 0.1049 125); --syntax-property-color: oklch(0.4507 0.0965 155); --syntax-number-color: oklch(0.4642 0.0963 70); --syntax-function-color: oklch(0.4545 0.075 210); --syntax-value-color: oklch(0.4545 0.075 210); --syntax-operator-color: oklch(0.4642 0.195 340); } }
@media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])[data-theme]:not([data-contrast])) { --surface-color: oklch(0.9789 0.0006 266); --header-color: oklch(0.9789 0.0006 266 / 0.7); --surface-2-color: oklch(0.9581 0.0008 266); --surface-3-color: oklch(0.9378 0.0011 266); --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.2611 0.0035 266); --text-muted-color: oklch(0.4211 0.0018 266); --sidebar-text-color: oklch(0.2611 0.0035 266); --surface-2-hover-color: oklch(0.9091 0.0017 266); --surface-2-pressed-color: oklch(0.8437 0.0025 266); --surface-3-hover-color: oklch(0.89 0.0018 266); --surface-3-pressed-color: oklch(0.8261 0.0024 266); --accent-text-color: oklch(0.2527 0.0744 266); --focus-color: oklch(0.5246 0.1383 266); --accent-surface-color: oklch(0.4029 0.1165 266); --accent-surface-subtle-color: oklch(0.8762 0.0131 266); --accent-surface-2-subtle-color: oklch(0.8591 0.0142 266); --shadow-color: oklch(0.3015 0 0 / 0.2004); --info-surface-color: oklch(0.9278 0.0217 278.45); --info-text-color: oklch(0.1905 0.0819 262.88); --success-surface-color: oklch(0.9336 0.0124 152.96); --success-text-color: oklch(0.2295 0.0616 149.21); --warning-surface-color: oklch(0.937 0.0133 40.25); --warning-text-color: oklch(0.244 0.0579 58.32); --danger-surface-color: oklch(0.9301 0.0169 15.82); --danger-text-color: oklch(0.1888 0.0715 27.33); --orange-surface-color: oklch(0.937 0.0133 40.25); --orange-text-color: oklch(0.244 0.0579 58.32); --green-surface-color: oklch(0.9336 0.0124 152.96); --green-text-color: oklch(0.2295 0.0616 149.21); --blue-surface-color: oklch(0.9278 0.0217 278.45); --blue-text-color: oklch(0.1905 0.0819 262.88); --purple-surface-color: oklch(0.9284 0.0248 300.62); --purple-text-color: oklch(0.1841 0.09 302.32); --red-surface-color: oklch(0.9301 0.0169 15.82); --red-text-color: oklch(0.1888 0.0715 27.33); --border-color: oklch(0.7695 0.021 266); --border-strong-color: oklch(0.6388 0.0267 266); --syntax-text-color: oklch(0 0 0); --syntax-comment-color: oklch(0.4617 0.0015 210); --syntax-punctuation-color: oklch(0.4617 0.0015 210); --syntax-keyword-color: oklch(0.4545 0.075 210); --syntax-string-color: oklch(0.4642 0.1354 40); --syntax-token-color: oklch(0.4548 0.1049 125); --syntax-property-color: oklch(0.4507 0.0965 155); --syntax-number-color: oklch(0.4642 0.0963 70); --syntax-function-color: oklch(0.4545 0.075 210); --syntax-value-color: oklch(0.4545 0.075 210); --syntax-operator-color: oklch(0.4642 0.195 340); } }
@media (prefers-color-scheme: dark) and (prefers-contrast: more) { :root:where(:is(:not([data-contrast]):not([data-theme]), [data-contrast="more"][data-contrast]:not([data-theme]), [data-contrast="more"][data-theme="dark"][data-contrast][data-theme], [data-theme="dark"][data-theme]:not([data-contrast]))) { --surface-color: oklch(0.1464 0.0013 266); --header-color: oklch(0.1464 0.0013 266 / 0.7); --surface-2-color: oklch(0.1864 0.0012 266); --surface-3-color: oklch(0.2156 0.0012 266); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8981 0.0024 266); --text-muted-color: oklch(0.724 0.0013 266); --sidebar-text-color: oklch(0.8981 0.0024 266); --surface-2-hover-color: oklch(0.2454 0.0015 266); --surface-2-pressed-color: oklch(0.3156 0.0017 266); --surface-3-hover-color: oklch(0.2696 0.0014 266); --surface-3-pressed-color: oklch(0.3362 0.0016 266); --accent-text-color: oklch(0.9257 0.0253 266); --focus-color: oklch(0.6098 0.1211 266); --accent-surface-color: oklch(0.4026 0.1035 266); --logo-surface-color: oklch(0.5514 0.1243 266); --accent-surface-subtle-color: oklch(0.2036 0.0105 266); --accent-surface-2-subtle-color: oklch(0.2306 0.0114 266); --shadow-color: oklch(0.0323 0 0 / 0.28); --info-color: oklch(0.6755 0.1498 262.88); --info-surface-color: oklch(0.3872 0.0829 263.3); --info-text-color: oklch(0.9716 0.0121 262.88); --success-color: oklch(0.6547 0.1498 149.21); --success-surface-color: oklch(0.3758 0.0813 149.42); --success-text-color: oklch(0.9658 0.0518 149.21); --warning-color: oklch(0.6815 0.1502 58.32); --warning-surface-color: oklch(0.3905 0.0816 57.23); --warning-text-color: oklch(0.9728 0.0156 58.32); --danger-color: oklch(0.6881 0.1674 27.33); --danger-surface-color: oklch(0.3942 0.0921 26.82); --danger-text-color: oklch(0.9737 0.0117 27.33); --orange-color: oklch(0.6815 0.1502 58.32); --orange-surface-color: oklch(0.3905 0.0816 57.23); --orange-text-color: oklch(0.9728 0.0156 58.32); --green-color: oklch(0.6547 0.1498 149.21); --green-surface-color: oklch(0.3758 0.0813 149.42); --green-text-color: oklch(0.9658 0.0518 149.21); --blue-color: oklch(0.6755 0.1498 262.88); --blue-surface-color: oklch(0.3872 0.0829 263.3); --blue-text-color: oklch(0.9716 0.0121 262.88); --purple-color: oklch(0.6894 0.1738 302.32); --purple-surface-color: oklch(0.3948 0.0962 302.25); --purple-text-color: oklch(0.9728 0.0139 302.32); --red-color: oklch(0.6881 0.1674 27.33); --red-surface-color: oklch(0.3942 0.0921 26.82); --red-text-color: oklch(0.9737 0.0117 27.33); --border-color: oklch(0.3776 0.0185 266); --border-strong-color: oklch(0.4919 0.0227 266); --syntax-bg-color: oklch(0 0 0); --syntax-text-color: oklch(1 0 0); --syntax-comment-color: oklch(0.6719 0.0015 210); --syntax-punctuation-color: oklch(0.6719 0.0015 210); --syntax-keyword-color: oklch(0.6694 0.1043 210); --syntax-string-color: oklch(0.688 0.156 40); --syntax-token-color: oklch(0.6694 0.1429 125); --syntax-property-color: oklch(0.6694 0.1313 155); --syntax-number-color: oklch(0.6786 0.1303 70); --syntax-function-color: oklch(0.6694 0.1043 210); --syntax-value-color: oklch(0.6694 0.1043 210); --syntax-operator-color: oklch(0.6971 0.1917 340); } }
@media (not (prefers-color-scheme: dark)) and (prefers-contrast: more) { :root:where([data-theme="dark"]:is(:not([data-contrast]), [data-contrast="more"][data-contrast])) { --surface-color: oklch(0.1464 0.0013 266); --header-color: oklch(0.1464 0.0013 266 / 0.7); --surface-2-color: oklch(0.1864 0.0012 266); --surface-3-color: oklch(0.2156 0.0012 266); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8981 0.0024 266); --text-muted-color: oklch(0.724 0.0013 266); --sidebar-text-color: oklch(0.8981 0.0024 266); --surface-2-hover-color: oklch(0.2454 0.0015 266); --surface-2-pressed-color: oklch(0.3156 0.0017 266); --surface-3-hover-color: oklch(0.2696 0.0014 266); --surface-3-pressed-color: oklch(0.3362 0.0016 266); --accent-text-color: oklch(0.9257 0.0253 266); --focus-color: oklch(0.6098 0.1211 266); --accent-surface-color: oklch(0.4026 0.1035 266); --logo-surface-color: oklch(0.5514 0.1243 266); --accent-surface-subtle-color: oklch(0.2036 0.0105 266); --accent-surface-2-subtle-color: oklch(0.2306 0.0114 266); --shadow-color: oklch(0.0323 0 0 / 0.28); --info-color: oklch(0.6755 0.1498 262.88); --info-surface-color: oklch(0.3872 0.0829 263.3); --info-text-color: oklch(0.9716 0.0121 262.88); --success-color: oklch(0.6547 0.1498 149.21); --success-surface-color: oklch(0.3758 0.0813 149.42); --success-text-color: oklch(0.9658 0.0518 149.21); --warning-color: oklch(0.6815 0.1502 58.32); --warning-surface-color: oklch(0.3905 0.0816 57.23); --warning-text-color: oklch(0.9728 0.0156 58.32); --danger-color: oklch(0.6881 0.1674 27.33); --danger-surface-color: oklch(0.3942 0.0921 26.82); --danger-text-color: oklch(0.9737 0.0117 27.33); --orange-color: oklch(0.6815 0.1502 58.32); --orange-surface-color: oklch(0.3905 0.0816 57.23); --orange-text-color: oklch(0.9728 0.0156 58.32); --green-color: oklch(0.6547 0.1498 149.21); --green-surface-color: oklch(0.3758 0.0813 149.42); --green-text-color: oklch(0.9658 0.0518 149.21); --blue-color: oklch(0.6755 0.1498 262.88); --blue-surface-color: oklch(0.3872 0.0829 263.3); --blue-text-color: oklch(0.9716 0.0121 262.88); --purple-color: oklch(0.6894 0.1738 302.32); --purple-surface-color: oklch(0.3948 0.0962 302.25); --purple-text-color: oklch(0.9728 0.0139 302.32); --red-color: oklch(0.6881 0.1674 27.33); --red-surface-color: oklch(0.3942 0.0921 26.82); --red-text-color: oklch(0.9737 0.0117 27.33); --border-color: oklch(0.3776 0.0185 266); --border-strong-color: oklch(0.4919 0.0227 266); --syntax-bg-color: oklch(0 0 0); --syntax-text-color: oklch(1 0 0); --syntax-comment-color: oklch(0.6719 0.0015 210); --syntax-punctuation-color: oklch(0.6719 0.0015 210); --syntax-keyword-color: oklch(0.6694 0.1043 210); --syntax-string-color: oklch(0.688 0.156 40); --syntax-token-color: oklch(0.6694 0.1429 125); --syntax-property-color: oklch(0.6694 0.1313 155); --syntax-number-color: oklch(0.6786 0.1303 70); --syntax-function-color: oklch(0.6694 0.1043 210); --syntax-value-color: oklch(0.6694 0.1043 210); --syntax-operator-color: oklch(0.6971 0.1917 340); } }
@media (not (prefers-contrast: more)) and (prefers-color-scheme: dark) { :root:where([data-contrast="more"]:is(:not([data-theme]), [data-theme="dark"][data-theme])) { --surface-color: oklch(0.1464 0.0013 266); --header-color: oklch(0.1464 0.0013 266 / 0.7); --surface-2-color: oklch(0.1864 0.0012 266); --surface-3-color: oklch(0.2156 0.0012 266); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8981 0.0024 266); --text-muted-color: oklch(0.724 0.0013 266); --sidebar-text-color: oklch(0.8981 0.0024 266); --surface-2-hover-color: oklch(0.2454 0.0015 266); --surface-2-pressed-color: oklch(0.3156 0.0017 266); --surface-3-hover-color: oklch(0.2696 0.0014 266); --surface-3-pressed-color: oklch(0.3362 0.0016 266); --accent-text-color: oklch(0.9257 0.0253 266); --focus-color: oklch(0.6098 0.1211 266); --accent-surface-color: oklch(0.4026 0.1035 266); --logo-surface-color: oklch(0.5514 0.1243 266); --accent-surface-subtle-color: oklch(0.2036 0.0105 266); --accent-surface-2-subtle-color: oklch(0.2306 0.0114 266); --shadow-color: oklch(0.0323 0 0 / 0.28); --info-color: oklch(0.6755 0.1498 262.88); --info-surface-color: oklch(0.3872 0.0829 263.3); --info-text-color: oklch(0.9716 0.0121 262.88); --success-color: oklch(0.6547 0.1498 149.21); --success-surface-color: oklch(0.3758 0.0813 149.42); --success-text-color: oklch(0.9658 0.0518 149.21); --warning-color: oklch(0.6815 0.1502 58.32); --warning-surface-color: oklch(0.3905 0.0816 57.23); --warning-text-color: oklch(0.9728 0.0156 58.32); --danger-color: oklch(0.6881 0.1674 27.33); --danger-surface-color: oklch(0.3942 0.0921 26.82); --danger-text-color: oklch(0.9737 0.0117 27.33); --orange-color: oklch(0.6815 0.1502 58.32); --orange-surface-color: oklch(0.3905 0.0816 57.23); --orange-text-color: oklch(0.9728 0.0156 58.32); --green-color: oklch(0.6547 0.1498 149.21); --green-surface-color: oklch(0.3758 0.0813 149.42); --green-text-color: oklch(0.9658 0.0518 149.21); --blue-color: oklch(0.6755 0.1498 262.88); --blue-surface-color: oklch(0.3872 0.0829 263.3); --blue-text-color: oklch(0.9716 0.0121 262.88); --purple-color: oklch(0.6894 0.1738 302.32); --purple-surface-color: oklch(0.3948 0.0962 302.25); --purple-text-color: oklch(0.9728 0.0139 302.32); --red-color: oklch(0.6881 0.1674 27.33); --red-surface-color: oklch(0.3942 0.0921 26.82); --red-text-color: oklch(0.9737 0.0117 27.33); --border-color: oklch(0.3776 0.0185 266); --border-strong-color: oklch(0.4919 0.0227 266); --syntax-bg-color: oklch(0 0 0); --syntax-text-color: oklch(1 0 0); --syntax-comment-color: oklch(0.6719 0.0015 210); --syntax-punctuation-color: oklch(0.6719 0.0015 210); --syntax-keyword-color: oklch(0.6694 0.1043 210); --syntax-string-color: oklch(0.688 0.156 40); --syntax-token-color: oklch(0.6694 0.1429 125); --syntax-property-color: oklch(0.6694 0.1313 155); --syntax-number-color: oklch(0.6786 0.1303 70); --syntax-function-color: oklch(0.6694 0.1043 210); --syntax-value-color: oklch(0.6694 0.1043 210); --syntax-operator-color: oklch(0.6971 0.1917 340); } }
@media (not (prefers-color-scheme: dark)) and (not (prefers-contrast: more)) { :root:where([data-contrast="more"][data-theme="dark"]) { --surface-color: oklch(0.1464 0.0013 266); --header-color: oklch(0.1464 0.0013 266 / 0.7); --surface-2-color: oklch(0.1864 0.0012 266); --surface-3-color: oklch(0.2156 0.0012 266); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8981 0.0024 266); --text-muted-color: oklch(0.724 0.0013 266); --sidebar-text-color: oklch(0.8981 0.0024 266); --surface-2-hover-color: oklch(0.2454 0.0015 266); --surface-2-pressed-color: oklch(0.3156 0.0017 266); --surface-3-hover-color: oklch(0.2696 0.0014 266); --surface-3-pressed-color: oklch(0.3362 0.0016 266); --accent-text-color: oklch(0.9257 0.0253 266); --focus-color: oklch(0.6098 0.1211 266); --accent-surface-color: oklch(0.4026 0.1035 266); --logo-surface-color: oklch(0.5514 0.1243 266); --accent-surface-subtle-color: oklch(0.2036 0.0105 266); --accent-surface-2-subtle-color: oklch(0.2306 0.0114 266); --shadow-color: oklch(0.0323 0 0 / 0.28); --info-color: oklch(0.6755 0.1498 262.88); --info-surface-color: oklch(0.3872 0.0829 263.3); --info-text-color: oklch(0.9716 0.0121 262.88); --success-color: oklch(0.6547 0.1498 149.21); --success-surface-color: oklch(0.3758 0.0813 149.42); --success-text-color: oklch(0.9658 0.0518 149.21); --warning-color: oklch(0.6815 0.1502 58.32); --warning-surface-color: oklch(0.3905 0.0816 57.23); --warning-text-color: oklch(0.9728 0.0156 58.32); --danger-color: oklch(0.6881 0.1674 27.33); --danger-surface-color: oklch(0.3942 0.0921 26.82); --danger-text-color: oklch(0.9737 0.0117 27.33); --orange-color: oklch(0.6815 0.1502 58.32); --orange-surface-color: oklch(0.3905 0.0816 57.23); --orange-text-color: oklch(0.9728 0.0156 58.32); --green-color: oklch(0.6547 0.1498 149.21); --green-surface-color: oklch(0.3758 0.0813 149.42); --green-text-color: oklch(0.9658 0.0518 149.21); --blue-color: oklch(0.6755 0.1498 262.88); --blue-surface-color: oklch(0.3872 0.0829 263.3); --blue-text-color: oklch(0.9716 0.0121 262.88); --purple-color: oklch(0.6894 0.1738 302.32); --purple-surface-color: oklch(0.3948 0.0962 302.25); --purple-text-color: oklch(0.9728 0.0139 302.32); --red-color: oklch(0.6881 0.1674 27.33); --red-surface-color: oklch(0.3942 0.0921 26.82); --red-text-color: oklch(0.9737 0.0117 27.33); --border-color: oklch(0.3776 0.0185 266); --border-strong-color: oklch(0.4919 0.0227 266); --syntax-bg-color: oklch(0 0 0); --syntax-text-color: oklch(1 0 0); --syntax-comment-color: oklch(0.6719 0.0015 210); --syntax-punctuation-color: oklch(0.6719 0.0015 210); --syntax-keyword-color: oklch(0.6694 0.1043 210); --syntax-string-color: oklch(0.688 0.156 40); --syntax-token-color: oklch(0.6694 0.1429 125); --syntax-property-color: oklch(0.6694 0.1313 155); --syntax-number-color: oklch(0.6786 0.1303 70); --syntax-function-color: oklch(0.6694 0.1043 210); --syntax-value-color: oklch(0.6694 0.1043 210); --syntax-operator-color: oklch(0.6971 0.1917 340); } }
:root astro-island { display: contents; }
:root astro-slot { display: contents; }
:root astro-static-slot { display: contents; }
@media (not (prefers-color-scheme: light)) { :root:where(:not([data-theme="light"])) { color-scheme: dark; } }
@media (prefers-color-scheme: light) { :root:where([data-theme]:not([data-theme="light"])) { color-scheme: dark; } }
@media (width >= 50rem) { :root:where(:not(:has([data-element="TopNavigation"]))) { --docs-nav-height: 4.5rem; } }
@media (width >= 50rem) { :root { --docs-nav-pad-x: clamp(1.25rem, 2.5vw, 2rem); --docs-nav-gap: 0.75rem; --docs-content-pad-x: clamp(1.5rem, calc(calc(100% - var(--content-width)) / 2), 4rem); --docs-menu-button-size: 2.5rem; } }
:root { --docs-sidebar-pad-x: 1.5rem; --docs-mobile-toc-height: 0rem; }
@media (not (width >= 50rem)) { :root:where(:has(#cookbook__sidebar:popover-open)) { overflow: hidden; } }
@media (width >= 50rem) { :root:where(:has([data-element="TopNavigation"])) { --docs-nav-height: 7.25rem; } }
@media (not (width >= 50rem)) { :root { --docs-nav-pad-x: 1rem; --docs-nav-gap: 0.5rem; --docs-content-pad-x: 1rem; --docs-menu-button-size: 2.25rem; } }
@media (prefers-color-scheme: light) { :root:where(:is(:not([data-theme]), [data-theme="light"])) { color-scheme: light; } }
@media (not (prefers-color-scheme: light)) { :root:where([data-theme="light"]) { color-scheme: light; } }
@media (not (width >= 50rem)) { :root:where(:not([data-has-sidebar])) { --docs-nav-height: 3.5rem; } }
@media (not (width >= 50rem)) { :root:where([data-has-sidebar]) { --docs-nav-height: 6.5rem; } }
:where(html)::before { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html)::before { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html)::after { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html)::after { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html) * { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html) * { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html) *::before { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html) *::before { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html) *::after { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html) *::after { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html) *:where(:not(:is(h1)):not(:is(h2)):not(:is(h3)):not(:is(h4)):not(:is(h5)):not(:is(h6)):not(:is(hr)):not(:is(p,ul,ol,dl,blockquote,pre,figure))) { --margin-block-start: 0; --margin-block-end: 0; }
:where(html) body { inline-size: auto; min-inline-size: 0; max-inline-size: initial; block-size: auto; min-block-size: 100%; max-block-size: initial; margin: 0; color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-color); font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); }
:where(html) :where(button) { font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); block-size: auto; min-block-size: var(--control-height); max-block-size: initial; border-radius: var(--radius); box-shadow: none ; cursor: pointer; }
:where(html) :where(input) { font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); block-size: auto; min-block-size: var(--control-height); max-block-size: initial; border-radius: var(--radius); box-shadow: none ; }
:where(html) :where(select) { font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); block-size: auto; min-block-size: var(--control-height); max-block-size: initial; border-radius: var(--radius); box-shadow: none ; cursor: pointer; }
:where(html) :where(textarea) { font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); block-size: auto; min-block-size: var(--control-height); max-block-size: initial; border-radius: var(--radius); box-shadow: none ; }
:where(html) :where(summary) { cursor: pointer; }
:where(html) :where(strong) { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
:where(html) :where(b) { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
:where(html) a { color: var(--accent-text-color); --current-color: var(--accent-text-color); }
:where(html) :where(code) { font-size: var(--code-font-size, var(--default-font-size)); line-height: var(--code-line-height, var(--default-line-height)); letter-spacing: var(--code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--code-font-weight, var(--default-font-weight)); font-style: var(--code-font-style, var(--default-font-style)); text-transform: var(--code-text-transform, var(--default-text-transform)); font-family: var(--code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--code-icon-size, var(--default-icon-size)); }
:where(html) :where(kbd) { font-size: var(--code-font-size, var(--default-font-size)); line-height: var(--code-line-height, var(--default-line-height)); letter-spacing: var(--code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--code-font-weight, var(--default-font-weight)); font-style: var(--code-font-style, var(--default-font-style)); text-transform: var(--code-text-transform, var(--default-text-transform)); font-family: var(--code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--code-icon-size, var(--default-icon-size)); }
:where(html) :where(samp) { font-size: var(--code-font-size, var(--default-font-size)); line-height: var(--code-line-height, var(--default-line-height)); letter-spacing: var(--code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--code-font-weight, var(--default-font-weight)); font-style: var(--code-font-style, var(--default-font-style)); text-transform: var(--code-text-transform, var(--default-text-transform)); font-family: var(--code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--code-icon-size, var(--default-icon-size)); }
:where(html) :where(pre) { font-size: var(--code-font-size, var(--default-font-size)); line-height: var(--code-line-height, var(--default-line-height)); letter-spacing: var(--code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--code-font-weight, var(--default-font-weight)); font-style: var(--code-font-style, var(--default-font-style)); text-transform: var(--code-text-transform, var(--default-text-transform)); font-family: var(--code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--code-icon-size, var(--default-icon-size)); }
:where(html) { box-sizing: border-box; --margin-block-start: 0; --margin-block-end: 0; block-size: auto; min-block-size: 100%; max-block-size: initial; scroll-padding-block: calc(1.5rem + var(--docs-nav-height) + var(--docs-mobile-toc-height)) 0; }
@media (prefers-reduced-motion: reduce) { :where(html) { scroll-behavior: auto; transition-duration: 0.01ms; } }
:where(html) *:where(:not(:is(h4)):not(:is(h5)):not(:is(h6)):is(h3)), :where(html) *:where(:not(:is(h1)):not(:is(h2)):not(:is(h3)):not(:is(h4)):not(:is(h5)):not(:is(h6)):not(:is(hr)):is(p,ul,ol,dl,blockquote,pre,figure)) { --margin-block-start: 1em; --margin-block-end: 1em; }
:where(html) img:where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) :where(picture):where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) video:where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) canvas:where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) svg:where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) iframe:where(:is(:is(picture), :not([width]))) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) img:where(:is(:is(picture), :not([height]))) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) :where(picture):where(:is(:is(picture), :not([height]))) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) video:where(:is(:is(picture), :not([height]))) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) canvas:where(:is(:is(picture), :not([height]))) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) svg:where(:is(:is(picture), :not([height]))) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) :where(*):where(:is([data-hidden], [hidden])) { display: none; }
@media print { :where(html) *:where([data-print-hidden]) { display: none; } }
@media (width >= 50rem) { :where(html) *:where([data-desktop-block]) { display: block; } }
@media (width >= 50rem) { :where(html) *:where([data-desktop-flex]) { display: flex; } }
:where(html) *:where([data-sr-only]) { --visually-hidden-size: 1px; position: absolute; inline-size: var(--visually-hidden-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--visually-hidden-size); min-block-size: initial; max-block-size: initial; padding: 0; margin: calc(var(--visually-hidden-size) * -1); overflow: hidden; white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0 solid var(--border-color, currentColor); }
@media (width >= 72rem) { :where(html) *:where([data-narrow]) { display: none; } }
@media (width >= 50rem) { :where(html) *:where([data-mobile]) { display: none; } }
:where(html) :where(a):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(button):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(input):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(select):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(textarea):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(summary):where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) a:where([aria-current="page"]) { border-radius: var(--radius); }
:where(html) body:where([data-search-modal-open]) { overflow: hidden; }
:where(html) *:where(:not(:is(h1)):not(:is(h2)):not(:is(h3)):not(:is(h4)):not(:is(h5)):not(:is(h6)):is(hr)) { --margin-block-start: 0.5em; --margin-block-end: 0.5em; }
@media (not (width >= 50rem)) { :where(html) *:where([data-desktop-block]) { display: none; } }
@media (not (width >= 50rem)) { :where(html) *:where([data-desktop-flex]) { display: none; } }
@media (not (width >= 72rem)) { :where(html) *:where([data-narrow]) { display: block; } }
@media (not (width >= 50rem)) { :where(html) *:where([data-mobile]) { display: block; } }
:where(html) *:where(:not(:is(h2)):not(:is(h3)):not(:is(h4)):not(:is(h5)):not(:is(h6)):is(h1)) { --margin-block-start: 0.67em; --margin-block-end: 0.67em; }
:where(html) *:where(:not(:is(h3)):not(:is(h4)):not(:is(h5)):not(:is(h6)):is(h2)) { --margin-block-start: 0.83em; --margin-block-end: 0.83em; }
:where(html) *:where(:not(:is(h5)):not(:is(h6)):is(h4)) { --margin-block-start: 1.33em; --margin-block-end: 1.33em; }
:where(html) *:where(:not(:is(h6)):is(h5)) { --margin-block-start: 1.67em; --margin-block-end: 1.67em; }
:where(html) *:where(:is(h6)) { --margin-block-start: 2.33em; --margin-block-end: 2.33em; }
:where(h1, h2, h3, h4, h5, h6, .site-title) { color: var(--heading-color); --current-color: var(--heading-color); text-wrap: balance; margin-block: var(--margin-block-start) var(--margin-block-end); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)) { font-size: var(--heading-font-size, var(--default-font-size)); line-height: var(--heading-line-height, var(--default-line-height)); letter-spacing: var(--heading-letter-spacing, var(--default-letter-spacing)); font-weight: var(--heading-font-weight, var(--default-font-weight)); font-style: var(--heading-font-style, var(--default-font-style)); text-transform: var(--heading-text-transform, var(--default-text-transform)); font-family: var(--heading-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--heading-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--heading-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h1):not(h2):not(h3):not(h4):not(h5):not(h6)) { font-size: var(--h1-font-size, var(--default-font-size)); line-height: var(--h1-line-height, var(--default-line-height)); letter-spacing: var(--h1-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h1-font-weight, var(--default-font-weight)); font-style: var(--h1-font-style, var(--default-font-style)); text-transform: var(--h1-text-transform, var(--default-text-transform)); font-family: var(--h1-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h1-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h1-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where([id="_top"]) { --margin-block-start: calc(var(--gap) * 2); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h2):not(h3):not(h4):not(h5):not(h6)) { font-size: var(--h2-font-size, var(--default-font-size)); line-height: var(--h2-line-height, var(--default-line-height)); letter-spacing: var(--h2-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h2-font-weight, var(--default-font-weight)); font-style: var(--h2-font-style, var(--default-font-style)); text-transform: var(--h2-text-transform, var(--default-text-transform)); font-family: var(--h2-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h2-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h2-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h3):not(h4):not(h5):not(h6)) { font-size: var(--h3-font-size, var(--default-font-size)); line-height: var(--h3-line-height, var(--default-line-height)); letter-spacing: var(--h3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h3-font-weight, var(--default-font-weight)); font-style: var(--h3-font-style, var(--default-font-style)); text-transform: var(--h3-text-transform, var(--default-text-transform)); font-family: var(--h3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h3-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h4):not(h5):not(h6)) { font-size: var(--h4-font-size, var(--default-font-size)); line-height: var(--h4-line-height, var(--default-line-height)); letter-spacing: var(--h4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h4-font-weight, var(--default-font-weight)); font-style: var(--h4-font-style, var(--default-font-style)); text-transform: var(--h4-text-transform, var(--default-text-transform)); font-family: var(--h4-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h4-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h5):not(h6)) { font-size: var(--h5-font-size, var(--default-font-size)); line-height: var(--h5-line-height, var(--default-line-height)); letter-spacing: var(--h5-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h5-font-weight, var(--default-font-weight)); font-style: var(--h5-font-style, var(--default-font-style)); text-transform: var(--h5-text-transform, var(--default-text-transform)); font-family: var(--h5-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h5-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h5-icon-size, var(--default-icon-size)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):where(:is(h6)) { font-size: var(--h6-font-size, var(--default-font-size)); line-height: var(--h6-line-height, var(--default-line-height)); letter-spacing: var(--h6-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h6-font-weight, var(--default-font-weight)); font-style: var(--h6-font-style, var(--default-font-style)); text-transform: var(--h6-text-transform, var(--default-text-transform)); font-family: var(--h6-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h6-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h6-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details { --details-border-width: 2px; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content summary:not([data-not-content] *)::marker { display: none; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content summary:not([data-not-content] *)::-webkit-details-marker { display: none; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content summary:not([data-not-content] *)::before { content: ""; display: inline-block; inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; margin-inline: 0 calc(var(--gap) * 0.5); vertical-align: middle; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22m9%206%206%206-6%206%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; transition: transform var(--transition), rotate var(--transition); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details[open] > summary:not([data-not-content] *)::before { rotate: 90deg; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content { font-size: var(--prose-font-size, var(--default-font-size)); line-height: var(--prose-line-height, var(--default-line-height)); letter-spacing: var(--prose-letter-spacing, var(--default-letter-spacing)); font-weight: var(--prose-font-weight, var(--default-font-weight)); font-style: var(--prose-font-style, var(--default-font-style)); text-transform: var(--prose-text-transform, var(--default-text-transform)); font-family: var(--prose-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--prose-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--prose-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(p):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(ul):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); padding-inline: 1.5rem 0; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(ol):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); padding-inline: 1.5rem 0; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(dl):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(blockquote):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(pre):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(table):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(hr):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(details):where(:not([data-not-content] *)) { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + *:where(:not(a,strong,em,del,span,input,code,br,li,dt,dd):is(:not(a,strong,em,del,span,input,code,br) + *):not([data-not-content] *)), .cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + *:where(:not(a,strong,em,del,span,input,code,br,li,dt,dd):not(:is(:not(a,strong,em,del,span,input,code,br) + *)):is([data-block] + *):not([data-not-content] *)), .cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + *:where(:not(:not(a,strong,em,del,span,input,code,br,li,dt,dd))[data-block]:is(:not(a,strong,em,del,span,input,code,br) + *):not([data-not-content] *)), .cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + *:where(:not(:not(a,strong,em,del,span,input,code,br,li,dt,dd))[data-block]:not(:is(:not(a,strong,em,del,span,input,code,br) + *)):is([data-block] + *):not([data-not-content] *)) { margin-block: var(--margin-block-start) var(--margin-block-end); --margin-block-start: calc(var(--gap) * 3); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h1:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h2:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h3:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h4:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h5:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + h6:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content * + [data-element=MarkdownHeading]:where(:not([data-not-content] *):not(h1 + *,h2 + *,h3 + *,h4 + *,h5 + *,h6 + *,[data-heading] + *)) { --margin-block-start: 1.5em; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(li + li):where(:not([data-not-content] *)) { --margin-block-start: calc(var(--gap) * 0.5); --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(dt + dt):where(:not([data-not-content] *)) { --margin-block-start: calc(var(--gap) * 0.5); --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(dt + dd):where(:not([data-not-content] *)) { --margin-block-start: calc(var(--gap) * 0.5); --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(dd + dd):where(:not([data-not-content] *)) { --margin-block-start: calc(var(--gap) * 0.5); --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content li:where(:not([data-not-content] *)) { overflow-wrap: anywhere; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content dt:where(:not([data-not-content] *)) { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content dd:where(:not([data-not-content] *)) { padding-inline: calc(var(--gap) * 2) 0; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(a):where(:not([data-not-content] *)) { color: var(--accent-text-color); --current-color: var(--accent-text-color); text-underline-offset: 0.15em; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(a):where(:not([data-not-content] *):hover) { color: var(--text-color); --current-color: var(--text-color); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content blockquote:where(:not([data-not-content] *)) { padding-inline: calc(2 * var(--gap)) 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); border-inline-start: var(--border-width) solid var(--border-color); border-inline-end: 0 solid var(--border-color); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content hr:where(:not([data-not-content] *)) { border: 0 solid var(--border-color, currentColor); border-block-start: 0 solid var(--border-color); border-block-end: var(--border-width) solid var(--border-color); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details:where(:not([data-not-content] *)) { padding-inline: calc(var(--gap) * 2) 0; border-inline-start: var(--details-border-width) solid var(--border-color); border-inline-end: 0 solid var(--border-color); border-color: var(--border-color); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details:where(:not([open]):hover:not([data-not-content] *)), .cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details:where(:not(:not([open]):hover):has(> summary:hover):not([data-not-content] *)) { border-color: var(--accent-text-color); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content summary:where(:not([data-not-content] *)) { display: block; margin-inline: -0.5rem 0; padding-inline: 0.5rem 0; color: var(--text-color); --current-color: var(--text-color); font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content details > summary:where(:not([data-not-content] *):is([open] > *)) { --margin-block-start: 0; --margin-block-end: calc(var(--gap) * 2); margin-block: var(--margin-block-start) var(--margin-block-end); }
.cookbook-markdown-content.cookbook-markdown-content.cookbook-markdown-content :where(code):where(:not([data-not-content] *)) { border-radius: calc(var(--radius) * 0.65); }
.cookbook-markdown-content code:not(:where(pre *, [data-not-content] *)) { padding: 0.125rem 0.375rem; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-3-color); font-size: var(--inline-code-font-size, var(--default-font-size)); line-height: var(--inline-code-line-height, var(--default-line-height)); letter-spacing: var(--inline-code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--inline-code-font-weight, var(--default-font-weight)); font-style: var(--inline-code-font-style, var(--default-font-style)); text-transform: var(--inline-code-text-transform, var(--default-text-transform)); font-family: var(--inline-code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--inline-code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--inline-code-icon-size, var(--default-icon-size)); border-radius: calc(var(--radius) * 0.65); }
.tasty-code.tasty-code :where(span):where([data-syntax-marker]) { user-select: none; }
.tasty-code.tasty-code :where(span):where([data-syntax-comment]) { color: var(--syntax-comment-color); --current-color: var(--syntax-comment-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-punctuation]) { color: var(--syntax-punctuation-color); --current-color: var(--syntax-punctuation-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-keyword]) { color: var(--syntax-keyword-color); --current-color: var(--syntax-keyword-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-string]) { color: var(--syntax-string-color); --current-color: var(--syntax-string-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-token]) { color: var(--syntax-token-color); --current-color: var(--syntax-token-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-property]) { color: var(--syntax-property-color); --current-color: var(--syntax-property-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-number]) { color: var(--syntax-number-color); --current-color: var(--syntax-number-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-function]) { color: var(--syntax-function-color); --current-color: var(--syntax-function-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-value]) { color: var(--syntax-value-color); --current-color: var(--syntax-value-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-operator]) { color: var(--syntax-operator-color); --current-color: var(--syntax-operator-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-text]) { color: var(--syntax-text-color); --current-color: var(--syntax-text-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-bg]) { background-color: var(--syntax-bg-color); }
.tasty-code.tasty-code :where(span):where([data-green-text]) { color: var(--green-text-color); --current-color: var(--green-text-color); }
.tasty-code.tasty-code :where(span):where([data-red-text]) { color: var(--red-text-color); --current-color: var(--red-text-color); }
.tasty-code.tasty-code :where(span):where([data-syntax-italic]) { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; font-style: italic; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.tasty-code.tasty-code :where(span):where([data-syntax-strong]) { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.tasty-code.tasty-code :where(span):where([data-syntax-underline]) { text-decoration: underline; }
.tasty-code.tasty-code:where([data-syntax-comment]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-keyword]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-property]):not([data-syntax-punctuation]):not([data-syntax-string]):not([data-syntax-text]):not([data-syntax-token]):not([data-syntax-value])) { color: var(--syntax-comment-color); --current-color: var(--syntax-comment-color); }
.tasty-code.tasty-code:where([data-syntax-bg]) { background-color: var(--syntax-bg-color); }
.tasty-code.tasty-code:where([data-syntax-scroll]) { overflow-x: auto; }
.tasty-code.tasty-code:where([data-syntax-wrap]) { white-space: pre-wrap; overflow-wrap: break-word; }
.tasty-code.tasty-code:where([data-syntax-punctuation]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-keyword]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-property]):not([data-syntax-string]):not([data-syntax-text]):not([data-syntax-token]):not([data-syntax-value])) { color: var(--syntax-punctuation-color); --current-color: var(--syntax-punctuation-color); }
.tasty-code.tasty-code:where([data-syntax-keyword]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-property]):not([data-syntax-string]):not([data-syntax-text]):not([data-syntax-token]):not([data-syntax-value])) { color: var(--syntax-keyword-color); --current-color: var(--syntax-keyword-color); }
.tasty-code.tasty-code:where([data-syntax-string]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-property]):not([data-syntax-text]):not([data-syntax-token]):not([data-syntax-value])) { color: var(--syntax-string-color); --current-color: var(--syntax-string-color); }
.tasty-code.tasty-code:where([data-syntax-token]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-property]):not([data-syntax-text]):not([data-syntax-value])) { color: var(--syntax-token-color); --current-color: var(--syntax-token-color); }
.tasty-code.tasty-code:where([data-syntax-property]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-number]):not([data-syntax-operator]):not([data-syntax-text]):not([data-syntax-value])) { color: var(--syntax-property-color); --current-color: var(--syntax-property-color); }
.tasty-code.tasty-code:where([data-syntax-number]:not([data-green-text]):not([data-red-text]):not([data-syntax-function]):not([data-syntax-operator]):not([data-syntax-text]):not([data-syntax-value])) { color: var(--syntax-number-color); --current-color: var(--syntax-number-color); }
.tasty-code.tasty-code:where([data-syntax-function]:not([data-green-text]):not([data-red-text]):not([data-syntax-operator]):not([data-syntax-text]):not([data-syntax-value])) { color: var(--syntax-function-color); --current-color: var(--syntax-function-color); }
.tasty-code.tasty-code:where([data-syntax-value]:not([data-green-text]):not([data-red-text]):not([data-syntax-operator]):not([data-syntax-text])) { color: var(--syntax-value-color); --current-color: var(--syntax-value-color); }
.tasty-code.tasty-code:where([data-syntax-operator]:not([data-green-text]):not([data-red-text]):not([data-syntax-text])) { color: var(--syntax-operator-color); --current-color: var(--syntax-operator-color); }
.tasty-code.tasty-code:where([data-syntax-text]:not([data-green-text]):not([data-red-text])) { color: var(--syntax-text-color); --current-color: var(--syntax-text-color); }
.tasty-code.tasty-code:where([data-green-text]:not([data-red-text])) { color: var(--green-text-color); --current-color: var(--green-text-color); }
.tasty-code.tasty-code:where([data-red-text]) { color: var(--red-text-color); --current-color: var(--red-text-color); }
.td-code-block.td-code-block > pre { --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: 0; padding: 0 3.75rem 0 1rem; padding-block: max(0px, calc(var(--copy-button-size) - 1lh) / 2 + var(--gap) - var(--border-width)); overflow-x: auto; color: var(--syntax-text-color); --current-color: var(--syntax-text-color); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--syntax-bg-color); border-radius: var(--card-radius); tab-size: 2; }
.td-code-block.td-code-block > [data-element="CopyButton"] { position: absolute; z-index: 1; inset-block: var(--gap) auto; inset-inline: auto var(--gap); --margin-block-start: 0; --margin-block-end: 0; margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: 0; display: grid; align-items: center; justify-items: center; inline-size: var(--copy-button-size); min-inline-size: var(--copy-button-size); max-inline-size: initial; block-size: var(--copy-button-size); min-block-size: var(--copy-button-size); max-block-size: initial; padding: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--surface-2-color); border-radius: var(--radius); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); cursor: pointer; transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition); }
.td-code-block.td-code-block > [data-element="CopyButton"] > [data-element="CopyIcon"] { display: block; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d7%209.667%412.667%202.667%200%200%201%209.667%207h8.666%412.667%202.667%200%200%201%2021%209.667v8.666%412.667%202.667%200%200%201%2018.333%2021%489.667%412.667%202.667%200%200%201%207%2018.333z%22%2f%3e%3cpath%20d%3d%22%4d4.012%2016.737%412.005%202.005%200%200%201%203%2015%565c0-1.1.9-2%202-2h10c.75%200%201.158.385%201.5%201%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.td-code-block.td-code-block pre code { padding: 0; color: inherit; --current-color: inherit; background-color: var(--clear-color); }
.td-code-block.td-code-block { --copy-button-size: 2rem; display: block; position: relative; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.td-code-block.td-code-block > [data-element="CopyButton"]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.td-code-block.td-code-block:where([data-copy-state="copied"]) > [data-element="CopyButton"] { color: var(--green-text-color); --current-color: var(--green-text-color); border-color: var(--green-color); }
.td-code-block.td-code-block:where([data-copy-state="copied"]) > [data-element="CopyButton"] > [data-element="CopyIcon"] { mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d5%2012l5%205l10%20-10%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.td-code-block.td-code-block:where([data-diff]) pre { padding-inline: 0; }
.td-code-block.td-code-block:where([data-diff]) pre code { display: block; inline-size: max-content; min-inline-size: 100%; max-inline-size: initial; line-height: 0; }
.td-code-block.td-code-block:where([data-diff]) pre > code > [data-element=Line] { display: block; padding-inline: 1rem; font-size: var(--code-font-size, var(--default-font-size)); line-height: var(--code-line-height, var(--default-line-height)); letter-spacing: var(--code-letter-spacing, var(--default-letter-spacing)); font-weight: var(--code-font-weight, var(--default-font-weight)); font-style: var(--code-font-style, var(--default-font-style)); text-transform: var(--code-text-transform, var(--default-text-transform)); font-family: var(--code-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--code-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--code-icon-size, var(--default-icon-size)); }
.td-code-block.td-code-block:where([data-diff]) pre > code > [data-element="Line"]:empty::before { content: "\200b"; }
.td-code-block.td-code-block:where([data-diff]) pre > code > [data-element=Line]:where([data-inserted]) { background-color: var(--green-surface-color); }
.td-code-block.td-code-block:where([data-diff]) pre > code > [data-element=Line]:where([data-deleted]) { background-color: var(--red-surface-color); }
.cookbook-markdown-content pre[data-language="mermaid"]:not([data-not-content] *) { padding: 0.875rem 1rem; overflow-x: auto; color: var(--syntax-text-color); --current-color: var(--syntax-text-color); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--syntax-bg-color); border-radius: var(--card-radius); tab-size: 2; }
.cookbook-markdown-content .td-mermaid > svg { --bg: var(--surface-2-color); --fg: var(--text-color); --line: var(--text-soft-color); --accent: var(--accent-text-color); --muted: var(--text-soft-color); --surface: var(--surface-color); --border: var(--border-strong-color); --_text: var(--text-color); --_text-sec: var(--text-soft-color); --_text-muted: var(--text-soft-color); --_text-faint: var(--text-muted-color); --_line: var(--text-soft-color); --_arrow: var(--accent-text-color); --_node-fill: var(--surface-color); --_node-stroke: var(--border-strong-color); --_group-fill: var(--surface-2-color); --_group-hdr: var(--surface-color); --_inner-stroke: var(--border-color); --_key-badge: var(--surface-color); display: block; inline-size: auto; min-inline-size: initial; max-inline-size: 100%; block-size: auto; min-block-size: initial; max-block-size: initial; margin: auto; }
.cookbook-markdown-content .td-mermaid text { font-family: var(--body-font-family), var(--font-sans, var(--font-sans-fallback)); }
.cookbook-markdown-content .td-mermaid { display: grid; align-items: center; justify-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; padding: calc(var(--gap) * 2); overflow-x: auto; border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--surface-2-color); border-radius: var(--card-radius); }
.cookbook-markdown-content .td-mermaid text:where([data-mono]) { font-family: var(--code-font-family), var(--font-sans, var(--font-sans-fallback)); }
@media (width >= 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor] { position: absolute; inset-block: calc(calc(1lh - 1.75rem) / 2) auto; inset-inline: -2rem auto; inline-size: 1.75rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.75rem; min-block-size: initial; max-block-size: initial; margin-inline: 0; vertical-align: baseline; } }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor] { display: inline-grid; align-items: center; justify-items: center; color: var(--text-muted-color); --current-color: var(--text-muted-color); border-radius: var(--radius); user-select: none; text-decoration: none; transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition), opacity var(--transition); }
@media (not (width >= 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor] { opacity: 1; position: relative; inset-block: auto; inset-inline: auto; inline-size: 1.5rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.5rem; min-block-size: initial; max-block-size: initial; margin-inline: -1.5rem 0; vertical-align: middle; } }
@media (not (hover: hover)) and (width >= 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor] { opacity: 1; } }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element="Anchor"] > [data-element=AnchorIcon] { display: block; line-height: 1em; letter-spacing: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; font-size: clamp(1rem, 0.65em, 1.5rem); text-align: center; inline-size: 1em; min-inline-size: initial; max-inline-size: initial; block-size: 1em; min-block-size: initial; max-block-size: initial; }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element="Anchor"][data-copy-state="copied"]::after { content: ""; position: absolute; inline-size: clamp(1rem, 0.65em, 1.5rem); min-inline-size: initial; max-inline-size: initial; block-size: clamp(1rem, 0.65em, 1.5rem); min-block-size: initial; max-block-size: initial; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d5%2012l5%205l10%20-10%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.cookbook-markdown-content .cookbook-heading-wrapper { position: relative; color: var(--heading-color); --current-color: var(--heading-color); }
.cookbook-markdown-content .cookbook-heading-wrapper:where(:not([data-level="h1"]):not([data-level="h2"]):not([data-level="h3"]):not([data-level="h4"]):not([data-level="h5"]):not([data-level="h6"])) { font-size: var(--heading-font-size, var(--default-font-size)); line-height: var(--heading-line-height, var(--default-line-height)); letter-spacing: var(--heading-letter-spacing, var(--default-letter-spacing)); font-weight: var(--heading-font-weight, var(--default-font-weight)); font-style: var(--heading-font-style, var(--default-font-style)); text-transform: var(--heading-text-transform, var(--default-text-transform)); font-family: var(--heading-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--heading-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--heading-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content .cookbook-heading-wrapper > *:where(:first-child) { color: inherit; --current-color: inherit; display: inline; }
@media (width >= 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper > *:where(:first-child) { padding-inline: 0; } }
@media (hover: hover) and (width >= 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor] { opacity: 0; } }
.cookbook-markdown-content .cookbook-heading-wrapper:where(:hover) > [data-element=Anchor], .cookbook-markdown-content .cookbook-heading-wrapper:where(:not(:hover)) > [data-element=Anchor]:where(:focus-visible) { opacity: 1; }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor]:where(:is(:focus-visible, :hover)) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--surface-2-hover-color); }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element=Anchor]:where([data-copy-state="copied"]) { color: var(--green-text-color); --current-color: var(--green-text-color); opacity: 1; }
.cookbook-markdown-content .cookbook-heading-wrapper > [data-element="Anchor"] > [data-element=AnchorIcon]:where(:is([data-copy-state="copied"] > *)) { visibility: hidden; }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h1"]) { font-size: var(--h1-font-size, var(--default-font-size)); line-height: var(--h1-line-height, var(--default-line-height)); letter-spacing: var(--h1-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h1-font-weight, var(--default-font-weight)); font-style: var(--h1-font-style, var(--default-font-style)); text-transform: var(--h1-text-transform, var(--default-text-transform)); font-family: var(--h1-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h1-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h1-icon-size, var(--default-icon-size)); }
@media (not (width >= 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper > *:where(:first-child) { padding-inline: 0 1.75rem; } }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h2"]) { font-size: var(--h2-font-size, var(--default-font-size)); line-height: var(--h2-line-height, var(--default-line-height)); letter-spacing: var(--h2-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h2-font-weight, var(--default-font-weight)); font-style: var(--h2-font-style, var(--default-font-style)); text-transform: var(--h2-text-transform, var(--default-text-transform)); font-family: var(--h2-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h2-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h2-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h3"]) { font-size: var(--h3-font-size, var(--default-font-size)); line-height: var(--h3-line-height, var(--default-line-height)); letter-spacing: var(--h3-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h3-font-weight, var(--default-font-weight)); font-style: var(--h3-font-style, var(--default-font-style)); text-transform: var(--h3-text-transform, var(--default-text-transform)); font-family: var(--h3-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h3-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h3-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h4"]) { font-size: var(--h4-font-size, var(--default-font-size)); line-height: var(--h4-line-height, var(--default-line-height)); letter-spacing: var(--h4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h4-font-weight, var(--default-font-weight)); font-style: var(--h4-font-style, var(--default-font-style)); text-transform: var(--h4-text-transform, var(--default-text-transform)); font-family: var(--h4-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h4-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h5"]) { font-size: var(--h5-font-size, var(--default-font-size)); line-height: var(--h5-line-height, var(--default-line-height)); letter-spacing: var(--h5-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h5-font-weight, var(--default-font-weight)); font-style: var(--h5-font-style, var(--default-font-style)); text-transform: var(--h5-text-transform, var(--default-text-transform)); font-family: var(--h5-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h5-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h5-icon-size, var(--default-icon-size)); }
.cookbook-markdown-content .cookbook-heading-wrapper:where([data-level="h6"]) { font-size: var(--h6-font-size, var(--default-font-size)); line-height: var(--h6-line-height, var(--default-line-height)); letter-spacing: var(--h6-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h6-font-weight, var(--default-font-weight)); font-style: var(--h6-font-style, var(--default-font-style)); text-transform: var(--h6-text-transform, var(--default-text-transform)); font-family: var(--h6-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h6-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h6-icon-size, var(--default-icon-size)); }
.cookbook-alert [data-element="Title"] { display: flex; gap: var(--gap); align-items: center; --margin-block-start: 0; --margin-block-end: var(--gap); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: 0; color: inherit; --current-color: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.cookbook-alert { padding: calc(var(--gap) * 2) calc(var(--gap) * 2.5); border-radius: var(--card-radius); }
.cookbook-alert:where(:not([data-caution]):not([data-danger]):not([data-note]):not([data-tip])) { color: var(--text-soft-color); --current-color: var(--text-soft-color); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--surface-2-color); }
.cookbook-alert [data-element="Content"] > *:where(:first-child) { margin-block: var(--margin-block-start) var(--margin-block-end); --margin-block-start: 0; }
.cookbook-alert:where([data-note]:not([data-caution]):not([data-danger]):not([data-tip])) { color: var(--blue-text-color); --current-color: var(--blue-text-color); border: var(--border-width) solid var(--blue-color); background-color: var(--blue-surface-color); }
.cookbook-alert:where([data-tip]:not([data-caution]):not([data-danger])) { color: var(--green-text-color); --current-color: var(--green-text-color); border: var(--border-width) solid var(--green-color); background-color: var(--green-surface-color); }
.cookbook-alert:where([data-caution]:not([data-danger])) { color: var(--warning-text-color); --current-color: var(--warning-text-color); border: var(--border-width) solid var(--warning-color); background-color: var(--warning-surface-color); }
.cookbook-alert:where([data-danger]) { color: var(--red-text-color); --current-color: var(--red-text-color); border: var(--border-width) solid var(--red-color); background-color: var(--red-surface-color); }
.cookbook-markdown-content:where(*) table { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; border-collapse: separate; border-spacing: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); border: var(--border-width) solid var(--border-color); border-radius: var(--card-radius); }
.cookbook-markdown-content:where(*) th { padding: calc(var(--gap) * 1.5) calc(var(--gap) * 2); vertical-align: top; border-color: var(--border-color); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-color); text-align: start; }
.cookbook-markdown-content:where(*) td { padding: calc(var(--gap) * 1.5) calc(var(--gap) * 2); vertical-align: top; border-color: var(--border-color); }
.cookbook-markdown-content:where(*) tbody td:where(:is(tr:last-child > *)) { border-block-end: 0; }
.cookbook-markdown-content:where(*) th:where(:not(:is(thead:first-child tr:first-child > *):last-child:not(:first-child)):not(:first-child:is(thead:first-child tr:first-child > *):last-child):first-child:is(thead:first-child tr:first-child > *):not(:last-child)) { border-radius: calc(var(--card-radius) - var(--border-width)) 0 0 0; }
.cookbook-markdown-content:where(*) [data-element="Scroll"] { inline-size: 100%; min-inline-size: initial; max-inline-size: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); }
.cookbook-markdown-content:where(*) th:where(:not(:first-child:is(thead:first-child tr:first-child > *):last-child):is(thead:first-child tr:first-child > *):last-child:not(:first-child)) { border-radius: 0 calc(var(--card-radius) - var(--border-width)) 0 0; }
.cookbook-markdown-content:where(*) th:where(:first-child:is(thead:first-child tr:first-child > *):last-child) { border-radius: calc(var(--card-radius) - var(--border-width)) calc(var(--card-radius) - var(--border-width)) 0 0; }
.t402eau.t402eau:where(:focus) { color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); background-color: var(--accent-surface-color); border-radius: var(--radius); box-shadow:  0 1rem 3rem var(--shadow-color); }
.t1dzybt8.t1dzybt8:where(:focus) { text-decoration: none; }
.tinqn6h.tinqn6h:where(:not(:focus)) { block-size: var(--visually-hidden-size); min-block-size: initial; max-block-size: initial; inline-size: var(--visually-hidden-size); min-inline-size: initial; max-inline-size: initial; padding: 0; }
.tinqn6h.tinqn6h:where(:focus) { block-size: auto; min-block-size: initial; max-block-size: initial; inline-size: auto; min-inline-size: initial; max-inline-size: initial; padding: var(--gap) calc(var(--gap) * 2); }
.tptxq4l.tptxq4l:where(:not(:focus)) { overflow: hidden; }
.tptxq4l.tptxq4l:where(:focus) { overflow: visible; }
.ti4kkr1.ti4kkr1 { inset: calc(var(--gap) * 1.5) auto auto calc(var(--gap) * 1.5); position: fixed; }
.ti4kkr1.ti4kkr1:where(:focus) { z-index: 20; }
.t1q6gaau.t1q6gaau { --visually-hidden-size: 1px; }
.t1q6gaau.t1q6gaau:where(:not(:focus)) { clip: rect(0, 0, 0, 0); }
.t1q6gaau.t1q6gaau:where(:focus) { clip: auto; }
.t1n2esog.t1n2esog { border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); }
.t1fzxudt.t1fzxudt { block-size: auto; min-block-size: 2.75rem; max-block-size: initial; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; }
@media (width >= 50rem) { .th9ww9e.th9ww9e { display: flex; } }
.th9ww9e.th9ww9e { gap: clamp(1.25rem, 2.5vw, 2.5rem); scrollbar-width: none; }
@media (not (width >= 50rem)) { .th9ww9e.th9ww9e { display: none; } }
.t1myucuj.t1myucuj { align-items: stretch; }
.t4w55f8.t4w55f8 { overflow-x: auto; }
.t11glath.t11glath a[aria-current="page"]::after { --indicator-height: 2px; content: ""; position: absolute; inset: auto 0 0 0; block-size: var(--indicator-height); min-block-size: initial; max-block-size: initial; border-radius: 9999rem; background-color: var(--accent-surface-color); }
.t11glath.t11glath a { position: relative; white-space: nowrap; display: inline-flex; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-block: calc(var(--gap) * 1.25) var(--gap); color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--navigation-font-size, var(--default-font-size)); line-height: var(--navigation-line-height, var(--default-line-height)); letter-spacing: var(--navigation-letter-spacing, var(--default-letter-spacing)); font-weight: var(--navigation-font-weight, var(--default-font-weight)); font-style: var(--navigation-font-style, var(--default-font-style)); text-transform: var(--navigation-text-transform, var(--default-text-transform)); font-family: var(--navigation-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--navigation-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--navigation-icon-size, var(--default-icon-size)); text-decoration: none; }
.t11glath.t11glath::-webkit-scrollbar { display: none; }
.t11glath.t11glath a:where([aria-current="page"]) { color: var(--accent-text-color); --current-color: var(--accent-text-color); }
.t11glath.t11glath a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); }
.tcshi58.tcshi58 { color: var(--logo-surface-color); --current-color: var(--logo-surface-color); }
.t1ye9jef.t1ye9jef { block-size: 4rem; min-block-size: initial; max-block-size: initial; flex-basis: auto; flex-grow: 0; flex-shrink: 0; inline-size: 4rem; min-inline-size: initial; max-inline-size: initial; }
.t1dubzfl.t1dubzfl { display: inline-grid; }
.t11yoy5o.t11yoy5o [data-element="Mark"] { color: var(--logo-mark-color); --current-color: var(--logo-mark-color); }
.t11yoy5o.t11yoy5o > svg { display: block; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: 100%; min-block-size: initial; max-block-size: initial; }
.ttixrix.ttixrix { border: var(--border-width) solid var(--border-color, currentColor); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-2-color); border-radius: 9999rem; }
.tg1uw6e.tg1uw6e { font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
.t7v9t0s.t7v9t0s { block-size: auto; min-block-size: 1.5rem; max-block-size: initial; flex-shrink: 0; padding-inline: calc(var(--gap) * 0.75); }
@media (not (width <= 23rem)) { .trg1d05.trg1d05 { white-space: nowrap; display: inline-flex; } }
@media (width <= 23rem) { .trg1d05.trg1d05 { white-space: nowrap; display: none; } }
.tbvu0jz.tbvu0jz { align-items: center; }
@media (width >= 50rem) { .ttc61zg.ttc61zg { border: var(--border-width) solid var(--border-color, currentColor); } }
.ttc61zg.ttc61zg:where(:not(:active):not(:hover)) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
@media (width >= 50rem) { .ttc61zg.ttc61zg:where(:not(:active):not(:hover)) { background-color: var(--surface-color); } }
.ttc61zg.ttc61zg { border-radius: var(--header-control-radius); box-shadow: none ; }
@media (not (width >= 50rem)) { .ttc61zg.ttc61zg { border: 0 solid var(--border-color, currentColor); } }
@media (not (width >= 50rem)) { .ttc61zg.ttc61zg:where(:not(:active):not(:hover)) { background-color: var(--clear-color); } }
.ttc61zg.ttc61zg:where(:is(:active, :hover)) { color: var(--text-color); --current-color: var(--text-color); }
.ttc61zg.ttc61zg:where(:hover:not(:active)) { background-color: var(--surface-2-hover-color); }
.ttc61zg.ttc61zg:where(:active) { background-color: var(--surface-2-pressed-color); }
@media (width >= 50rem) { .t194wuz0.t194wuz0 { block-size: var(--control-height); min-block-size: 0; max-block-size: initial; inline-size: 100%; min-inline-size: initial; max-inline-size: 22rem; padding: 0 var(--gap) 0 calc(var(--gap) * 1.5); } }
@media (not (width >= 80rem)) { .t194wuz0.t194wuz0 { margin-inline: 0; } }
@media (not (width >= 50rem)) { .t194wuz0.t194wuz0 { block-size: var(--docs-menu-button-size); min-block-size: 0; max-block-size: initial; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: 22rem; padding: 0; } }
@media (width >= 80rem) { .t194wuz0.t194wuz0 { margin-inline: min(5rem, max(0px, calc(100% - 22rem))) 0; } }
.t4l8apc.t4l8apc { display: flex; gap: var(--gap); }
@media (width >= 50rem) { .t82srp3.t82srp3 { align-items: center; justify-content: flex-start; } }
@media (not (width >= 50rem)) { .t82srp3.t82srp3 { align-items: center; justify-content: center; } }
.t1m7366r.t1m7366r { transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition); }
.thjlr9q.thjlr9q { cursor: pointer; }
.t16gmvmh.t16gmvmh::before { content: ""; display: block; flex-shrink: 0; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d3%2010a7%207%200%201%200%2014%200a7%207%200%201%200-14%200%22%2f%3e%3cpath%20d%3d%22m21%2021-6-6%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
@media (width >= 50rem) { .t16gmvmh.t16gmvmh::before { inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; } }
.t16gmvmh.t16gmvmh > svg { display: none; }
.t16gmvmh.t16gmvmh > kbd:where([data-pending]) { visibility: hidden; }
@media (width >= 72rem) { .t16gmvmh.t16gmvmh > kbd { display: flex; } }
.t16gmvmh.t16gmvmh > kbd { gap: 0.25em; margin-inline: auto 0; padding-inline: 0.375rem; background-color: var(--surface-3-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); border-radius: calc(var(--radius) * 0.75); }
@media (not (width >= 50rem)) { .t16gmvmh.t16gmvmh::before { inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; } }
@media (not (width >= 50rem)) { .t16gmvmh.t16gmvmh > span { display: none; } }
@media (not (width >= 72rem)) { .t16gmvmh.t16gmvmh > kbd { display: none; } }
.t1qkpn2z.t1qkpn2z { font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); }
.t13atpi8.t13atpi8 { block-size: auto; min-block-size: 0; max-block-size: initial; flex-grow: 1; }
.to80q2q.to80q2q { display: flex; flex-flow: column; }
.t1d9tlm3.t1d9tlm3 { --pagefind-ui-background: var(--surface-color); --pagefind-ui-border: var(--border-color); --pagefind-ui-border-width: var(--border-width); --pagefind-ui-primary: var(--accent-text-color); --pagefind-ui-tag: var(--surface-3-color); --pagefind-ui-text: var(--text-soft-color); }
.twvcpaw.twvcpaw [data-element="Clear"] { position: absolute; inset-block: 0 auto; inset-inline: auto 0; inline-size: 3rem; min-inline-size: initial; max-inline-size: initial; block-size: 3rem; min-block-size: initial; max-block-size: initial; padding: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); border: 0 solid var(--border-color, currentColor); background-color: var(--clear-color); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.twvcpaw.twvcpaw [data-element="Clear"]::before { content: ""; display: block; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d18%206%206%2018%4d6%206l12%2012%22%2f%3e%3c%2fsvg%3e%0a") center / 1rem no-repeat; }
.twvcpaw.twvcpaw .pagefind-ui__drawer { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
.twvcpaw.twvcpaw .pagefind-ui__search-input { display: none; }
.twvcpaw.twvcpaw .pagefind-ui__search-clear { display: none; }
.twvcpaw.twvcpaw .pagefind-ui__result-excerpt { margin: var(--gap) 0 0 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
.twvcpaw.twvcpaw [data-element="Field"] { position: relative; flex-shrink: 0; }
.twvcpaw.twvcpaw .pagefind-ui__form { position: relative; display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
.twvcpaw.twvcpaw [data-element="Input"] { flex-shrink: 0; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 3rem; max-block-size: initial; padding-inline: 2.75rem; color: var(--text-color); --current-color: var(--text-color); border: var(--border-width) solid var(--border-color); border-radius: var(--radius); background-color: var(--surface-color); box-shadow: none ; }
.twvcpaw.twvcpaw .pagefind-ui__results { margin: 0; padding: 0; list-style: none; }
.twvcpaw.twvcpaw mark { color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); background-color: var(--accent-surface-color); font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; border-radius: 0.2em; }
.twvcpaw.twvcpaw .pagefind-ui__message { color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
@media (not (width >= 50rem)) { .twvcpaw.twvcpaw .pagefind-ui__button { display: block; inline-size: max-content; min-inline-size: initial; max-inline-size: initial; margin-inline: auto 0; } }
.twvcpaw.twvcpaw .pagefind-ui__button { padding: var(--gap) calc(2 * var(--gap)); border: var(--border-width) solid var(--border-color); border-radius: var(--radius); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-color); font-size: var(--navigation-font-size, var(--default-font-size)); line-height: var(--navigation-line-height, var(--default-line-height)); letter-spacing: var(--navigation-letter-spacing, var(--default-letter-spacing)); font-weight: var(--navigation-font-weight, var(--default-font-weight)); font-style: var(--navigation-font-style, var(--default-font-style)); text-transform: var(--navigation-text-transform, var(--default-text-transform)); font-family: var(--navigation-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--navigation-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--navigation-icon-size, var(--default-icon-size)); }
.twvcpaw.twvcpaw .pagefind-ui__result-nested { margin: calc(2 * var(--gap)) 0 0 0; padding-inline: calc(2 * var(--gap)) 0; border-inline-start: var(--border-width) solid var(--border-color); border-inline-end: 0 solid var(--border-color); }
.twvcpaw.twvcpaw .pagefind-ui__result { padding-block: calc(var(--gap) * 2); border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); }
.twvcpaw.twvcpaw .pagefind-ui__result-link { color: var(--text-color); --current-color: var(--text-color); font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: var(--bold-font-weight); font-style: inherit; text-transform: inherit; font-family: inherit; --bold-font-weight: inherit; --icon-size: inherit; }
.twvcpaw.twvcpaw .pagefind-ui__results-area { flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; overflow-y: auto; border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); }
@media (width >= 50rem) { .twvcpaw.twvcpaw .pagefind-ui__results-area { margin-block: calc(var(--gap) * 3) 0; } }
@media (not (width >= 50rem)) { .twvcpaw.twvcpaw .pagefind-ui__results-area { inline-size: calc(100% + calc(var(--gap) * 4)); min-inline-size: initial; max-inline-size: initial; margin-inline: calc(-1 * var(--gap) * 2); padding-inline: calc(var(--gap) * 2); padding-block: 0 calc(var(--gap) * 2); margin-block: calc(var(--gap) * 2) 0; } }
.twvcpaw.twvcpaw [data-element="Field"]::before { content: ""; position: absolute; z-index: 1; inset-block: 1rem auto; inset-inline: 1rem auto; display: block; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; background-color: var(--text-soft-color); mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d3%2010a7%207%200%201%200%2014%200a7%207%200%201%200-14%200%22%2f%3e%3cpath%20d%3d%22m21%2021-6-6%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; pointer-events: none; }
.twvcpaw.twvcpaw .pagefind-ui__result-title { margin: 0; font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); }
.twvcpaw.twvcpaw [data-element="UI"] { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
.twvcpaw.twvcpaw [data-element=EngineUI] { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
.twvcpaw.twvcpaw .pagefind-ui { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
.twvcpaw.twvcpaw .pagefind-ui__button:where(:hover) { background-color: var(--surface-2-hover-color); }
.twvcpaw.twvcpaw [data-element=Clear]:where([hidden]) { display: none; }
.tely7yv.tely7yv { flex-shrink: 0; }
.t17a57by.t17a57by { display: flex; }
@media (width >= 50rem) { .tqk2n70.tqk2n70 { order: 0; } }
@media (not (width >= 50rem)) { .tqk2n70.tqk2n70 { order: 2; } }
.t9lsofd.t9lsofd { --popover-transition: 120ms; }
.t1g1h0n1.t1g1h0n1 [data-element="Close"] { position: absolute; inset: var(--gap) var(--gap) auto auto; display: grid; align-items: center; justify-items: center; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; padding: 0; border: 0 solid var(--border-color, currentColor); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); border-radius: var(--header-control-radius); }
@media (width >= 50rem) { .t1g1h0n1.t1g1h0n1 [data-element="Desktop"] { display: flex; } }
.t1g1h0n1.t1g1h0n1 [data-element="Desktop"] { gap: calc(var(--gap) * 0.5); align-items: center; }
.t1g1h0n1.t1g1h0n1 [data-element="Desktop"] a { border-radius: var(--header-control-radius); padding-inline: calc(var(--gap) * 2); }
.t1g1h0n1.t1g1h0n1 a { white-space: nowrap; display: flex; align-items: center; justify-content: center; block-size: auto; min-block-size: var(--control-height); max-block-size: initial; padding: var(--gap) calc(var(--gap) * 1.25); border-radius: var(--radius); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); text-decoration: none; }
.t1g1h0n1.t1g1h0n1 [data-element="Panel"] { position: fixed; inset: 0.5rem var(--docs-nav-pad-x) auto auto; inline-size: min(20rem, calc(100vw - 2 * var(--docs-nav-pad-x))); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: calc(100dvh - 1rem); overflow-y: auto; margin: 0; padding: var(--gap); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--card-radius); box-shadow:  0 0.75rem 2rem var(--shadow-color); opacity: 0; scale: 1 0.96; transform-origin: top; }
@media (prefers-reduced-motion: reduce) { .t1g1h0n1.t1g1h0n1 [data-element="Panel"] { transition: none var(--none-transition, var(--transition)); } }
.t1g1h0n1.t1g1h0n1 [data-element="Panel"] a { justify-content: flex-start; block-size: auto; min-block-size: var(--docs-menu-button-size); max-block-size: initial; padding-inline: calc(var(--gap) * 1.5); font-size: var(--navigation-font-size, var(--default-font-size)); line-height: var(--navigation-line-height, var(--default-line-height)); letter-spacing: var(--navigation-letter-spacing, var(--default-letter-spacing)); font-weight: var(--navigation-font-weight, var(--default-font-weight)); font-style: var(--navigation-font-style, var(--default-font-style)); text-transform: var(--navigation-text-transform, var(--default-text-transform)); font-family: var(--navigation-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--navigation-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--navigation-icon-size, var(--default-icon-size)); text-align: start; white-space: normal; overflow-wrap: anywhere; }
.t1g1h0n1.t1g1h0n1 [data-element="Panel"] nav { display: grid; gap: var(--border-width); }
@media (width >= 50rem) { .t1g1h0n1.t1g1h0n1 [data-element="Trigger"] { display: none; } }
.t1g1h0n1.t1g1h0n1 [data-element="Trigger"] { align-items: center; justify-items: center; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; padding: 0; border: 0 solid var(--border-color, currentColor); border-radius: var(--header-control-radius); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); }
@media (not (width >= 50rem)) { .t1g1h0n1.t1g1h0n1 [data-element="Desktop"] { display: none; } }
.t1g1h0n1.t1g1h0n1 [data-element="Panel"] a:where(:first-child) { padding-inline: calc(var(--gap) * 1.5) calc(var(--docs-menu-button-size) + var(--gap)); }
.t1g1h0n1.t1g1h0n1 [data-element=Close]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1g1h0n1.t1g1h0n1 a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1g1h0n1.t1g1h0n1 a:where([data-variant="primary"]:hover) { filter: brightness(1.1); }
.t1g1h0n1.t1g1h0n1 [data-element=Trigger]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1g1h0n1.t1g1h0n1 [data-element=Panel]:where([data-open]:popover-open) { opacity: 1; scale: 1; }
@media (not (prefers-reduced-motion: reduce)) { .t1g1h0n1.t1g1h0n1 [data-element="Panel"] { transition: opacity var(--popover-transition) ease-out, transform var(--popover-transition) ease-out, scale var(--popover-transition) ease-out, display var(--popover-transition) allow-discrete, overlay var(--popover-transition) allow-discrete; } }
.t1g1h0n1.t1g1h0n1 a:where([data-variant="primary"]) { color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); background-color: var(--accent-surface-color); }
@media (not (width >= 50rem)) { .t1g1h0n1.t1g1h0n1 [data-element="Trigger"] { display: grid; } }
.t14cxxk0.t14cxxk0 > button svg { display: block; }
@media (width >= 50rem) { .t14cxxk0.t14cxxk0 > button svg { inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; } }
.t14cxxk0.t14cxxk0 input { --visually-hidden-size: 1px; position: absolute; inline-size: var(--visually-hidden-size); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 0; max-block-size: var(--visually-hidden-size); padding: 0; margin: 0; overflow: hidden; white-space: nowrap; clip-path: inset(50%); }
.t14cxxk0.t14cxxk0 label { position: relative; display: flex; gap: var(--gap); align-items: center; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(var(--gap) * 0.75) var(--gap); color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); border-radius: var(--radius); cursor: pointer; }
.t14cxxk0.t14cxxk0 label > svg { display: block; flex-shrink: 0; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; }
.t14cxxk0.t14cxxk0 [data-element="Panel"] { position: fixed; inset: auto; inset-inline: auto max(var(--docs-nav-pad-x), calc(calc(100vw - var(--layout-width)) / 2 + var(--docs-sidebar-pad-x))); inline-size: min(15rem, calc(100vw - 2 * var(--docs-nav-pad-x))); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: calc(100dvh - var(--docs-nav-height) - var(--gap)); overflow-y: auto; margin: 0; padding: var(--gap); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--card-radius); box-shadow:  0 0.75rem 2rem var(--shadow-color); opacity: 0; scale: 1 0.96; transform-origin: top; }
@media (width >= 50rem) { .t14cxxk0.t14cxxk0 [data-element="Panel"] { inset-block: 4rem auto; } }
@media (prefers-reduced-motion: reduce) { .t14cxxk0.t14cxxk0 [data-element="Panel"] { transition: none var(--none-transition, var(--transition)); } }
.t14cxxk0.t14cxxk0 fieldset { inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; border: 0 solid var(--border-color, currentColor); }
.t14cxxk0.t14cxxk0 legend { float: inline-start; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; padding: calc(var(--gap) * 0.75) var(--gap); color: var(--text-muted-color); --current-color: var(--text-muted-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
.t14cxxk0.t14cxxk0 fieldset + fieldset { margin-block: var(--gap) 0; padding-block: var(--gap) 0; border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); }
.t14cxxk0.t14cxxk0 > button { display: grid; align-items: center; justify-items: center; padding: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); border: 0 solid var(--border-color, currentColor); border-radius: var(--header-control-radius); transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition); }
@media (width >= 50rem) { .t14cxxk0.t14cxxk0 > button { inline-size: var(--control-height); min-inline-size: initial; max-inline-size: initial; block-size: var(--control-height); min-block-size: initial; max-block-size: initial; } }
.t14cxxk0.t14cxxk0 > button:where(:active) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
.t14cxxk0.t14cxxk0 label:where(:has(input:checked)) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-2-subtle-color); }
.t14cxxk0.t14cxxk0 label > svg:where(:last-child) { margin-inline: auto 0; visibility: hidden; }
.t14cxxk0.t14cxxk0 label:where(:has(input:focus-visible)) { outline: var(--outline-width) solid var(--focus-color); outline-offset: calc(var(--outline-offset) * -1); }
.t14cxxk0.t14cxxk0 label:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t14cxxk0.t14cxxk0 > button:where(:hover), .t14cxxk0.t14cxxk0:where(:has([popover]:is(:popover-open))) > button:where(:not(:hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
@media (not (width >= 50rem)) { .t14cxxk0.t14cxxk0 > button svg { inline-size: 1.125rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.125rem; min-block-size: initial; max-block-size: initial; } }
.t14cxxk0.t14cxxk0 [data-element="Panel"]:where([data-open]:popover-open) { opacity: 1; scale: 1; }
@media (not (width >= 50rem)) { .t14cxxk0.t14cxxk0 [data-element="Panel"] { inset-block: 3.5rem auto; } }
@media (not (prefers-reduced-motion: reduce)) { .t14cxxk0.t14cxxk0 [data-element="Panel"] { transition: opacity var(--popover-transition) ease-out, transform var(--popover-transition) ease-out, scale var(--popover-transition) ease-out, display var(--popover-transition) allow-discrete, overlay var(--popover-transition) allow-discrete; } }
.t14cxxk0.t14cxxk0 label > svg:where(:is(:has(input:checked) > *):last-child) { visibility: visible; }
@media (not (width >= 50rem)) { .t14cxxk0.t14cxxk0 > button { inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; } }
.tdko6qm.tdko6qm { display: flex; gap: calc(var(--gap) * 0.5); }
.t1c0hrtk.t1c0hrtk a > svg { display: block; inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; }
.t1c0hrtk.t1c0hrtk a { display: grid; align-items: center; justify-items: center; inline-size: var(--control-height); min-inline-size: initial; max-inline-size: initial; block-size: var(--control-height); min-block-size: initial; max-block-size: initial; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); border-radius: var(--header-control-radius); text-decoration: none; }
.t1c0hrtk.t1c0hrtk a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t14i60wy.t14i60wy { display: flex; gap: calc(var(--gap) * 3); flex-flow: column; }
.trz8ohm.trz8ohm [data-element="Credit"] { margin: calc(var(--gap) * 3) auto; color: var(--text-color); --current-color: var(--text-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); text-align: center; }
.trz8ohm.trz8ohm [data-element="CreditLink"]:where(:not(:hover)) { color: var(--accent-text-color); --current-color: var(--accent-text-color); }
.trz8ohm.trz8ohm [data-element="CreditLink"] { font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); text-decoration: none; }
.trz8ohm.trz8ohm [data-element="Meta"] { display: flex; gap: calc(var(--gap) * 1.5) calc(var(--gap) * 6); flex-flow: row wrap; justify-content: space-between; margin-block: calc(var(--gap) * 6) 0; color: var(--text-muted-color); --current-color: var(--text-muted-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
.trz8ohm.trz8ohm [data-element="MetaLink"] { display: flex; gap: var(--gap); align-items: center; text-decoration: none; }
.trz8ohm.trz8ohm [data-element="MetaLink"]:where(:not(:only-child)) { margin-inline: 0; }
.trz8ohm.trz8ohm [data-element="MetaLink"]:where(:not(:hover)) { color: var(--text-muted-color); --current-color: var(--text-muted-color); }
.trz8ohm.trz8ohm [data-element="MetaUpdated"]:where(:not(:only-child)) { margin-inline: 0; }
.trz8ohm.trz8ohm [data-element="CreditLink"]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); }
.trz8ohm.trz8ohm [data-element="MetaLink"]:where(:only-child) { margin-inline: auto 0; }
.trz8ohm.trz8ohm [data-element="MetaLink"]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); }
.trz8ohm.trz8ohm [data-element="MetaUpdated"]:where(:only-child) { margin-inline: auto 0; }
.t1pisb8n.t1pisb8n > button > [data-element="Caret"] { flex-shrink: 0; inline-size: 0.875rem; min-inline-size: initial; max-inline-size: initial; block-size: 0.875rem; min-block-size: initial; max-block-size: initial; }
.t1pisb8n.t1pisb8n nav a > [data-element="Checkmark"] { flex-shrink: 0; margin-inline: auto 0; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; visibility: hidden; }
.t1pisb8n.t1pisb8n [data-element="Fallback"] { color: var(--text-muted-color); --current-color: var(--text-muted-color); }
.t1pisb8n.t1pisb8n > button > [data-element="LabelIcon"] { display: block; flex-shrink: 0; }
@media (width >= 50rem) { .t1pisb8n.t1pisb8n > button > [data-element="LabelIcon"] { inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; } }
.t1pisb8n.t1pisb8n nav a { display: flex; gap: var(--gap); align-items: center; block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(var(--gap) * 0.75) var(--gap); color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); text-decoration: none; border-radius: var(--radius); }
.t1pisb8n.t1pisb8n nav { display: grid; gap: calc(var(--gap) * 0.25); }
.t1pisb8n.t1pisb8n > [data-element="Panel"] { position: fixed; inset: auto; inline-size: min(15rem, calc(100vw - 2 * var(--docs-nav-pad-x))); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: calc(100dvh - var(--docs-nav-height) - var(--gap)); overflow-y: auto; margin: 0; padding: var(--gap); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--card-radius); box-shadow:  0 0.75rem 2rem var(--shadow-color); opacity: 0; scale: 1 0.96; transform-origin: top; inset-inline: auto max(var(--docs-nav-pad-x), calc(calc(100vw - var(--layout-width)) / 2 + var(--docs-sidebar-pad-x))); }
@media (prefers-reduced-motion: reduce) { .t1pisb8n.t1pisb8n > [data-element="Panel"] { transition: none var(--none-transition, var(--transition)); } }
@media (width >= 50rem) { .t1pisb8n.t1pisb8n > [data-element="Panel"] { inset-block: 4rem auto; } }
.t1pisb8n.t1pisb8n [data-element="PanelTitle"] { padding: calc(var(--gap) * 0.75) var(--gap); color: var(--text-muted-color); --current-color: var(--text-muted-color); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); }
.t1pisb8n.t1pisb8n > button { display: flex; gap: calc(var(--gap) * 0.5); align-items: center; justify-content: center; color: var(--text-soft-color); --current-color: var(--text-soft-color); border-radius: var(--header-control-radius); font-size: var(--small-font-size, var(--default-font-size)); line-height: var(--small-line-height, var(--default-line-height)); letter-spacing: var(--small-letter-spacing, var(--default-letter-spacing)); font-weight: var(--small-font-weight, var(--default-font-weight)); font-style: var(--small-font-style, var(--default-font-style)); text-transform: var(--small-text-transform, var(--default-text-transform)); font-family: var(--small-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--small-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--small-icon-size, var(--default-icon-size)); cursor: pointer; inline-size: 8rem; min-inline-size: initial; max-inline-size: initial; block-size: var(--control-height); min-block-size: initial; max-block-size: initial; padding: 0 var(--gap); background-color: var(--clear-color); border: 0 solid var(--border-color, currentColor); transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition); }
.t1pisb8n.t1pisb8n [data-element="TriggerLabel"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1pisb8n.t1pisb8n > button:where(:active) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
.t1pisb8n.t1pisb8n:where([data-compact])> button >:is( [data-element="Caret"]) { display: none; }
.t1pisb8n.t1pisb8n:where([data-compact])> button > [data-element=TriggerLabel] { display: none; }
.t1pisb8n.t1pisb8n:where([data-compact])> button { inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; padding: 0; }
.t1pisb8n.t1pisb8n nav a:where([aria-current="page"]) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-2-subtle-color); }
.t1pisb8n.t1pisb8n nav a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1pisb8n.t1pisb8n > button:where(:hover), .t1pisb8n.t1pisb8n:where(:has([popover]:is(:popover-open))) > button:where(:not(:hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
@media (not (width >= 50rem)) { .t1pisb8n.t1pisb8n > button > [data-element="LabelIcon"] { inline-size: 1.125rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.125rem; min-block-size: initial; max-block-size: initial; } }
.t1pisb8n.t1pisb8n > [data-element="Panel"]:where([data-open]:popover-open) { opacity: 1; scale: 1; }
@media (not (prefers-reduced-motion: reduce)) { .t1pisb8n.t1pisb8n > [data-element="Panel"] { transition: opacity var(--popover-transition) ease-out, transform var(--popover-transition) ease-out, scale var(--popover-transition) ease-out, display var(--popover-transition) allow-discrete, overlay var(--popover-transition) allow-discrete; } }
@media (not (width >= 50rem)) { .t1pisb8n.t1pisb8n > [data-element="Panel"] { inset-block: 3.5rem auto; } }
.t1pisb8n.t1pisb8n nav a > [data-element=Checkmark]:where(:is([aria-current="page"] > *)) { visibility: visible; }
.t1pisb8n.t1pisb8n:where([data-sidebar])> [data-element="Panel"] { position-anchor: --language-trigger; inset-block: auto anchor(top); margin-block: 0 var(--gap); inset-inline: var(--gap) auto; inline-size: min(20rem, calc(100vw - 4rem)); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: calc(100dvh - 8rem); transform-origin: bottom; }
.t1pisb8n.t1pisb8n:where([data-sidebar])> button { anchor-name: --language-trigger; }
.tdwg465.tdwg465 { display: contents; }
.t6cra0e.t6cra0e { --dialog-transition: 120ms; }
@media (width >= 50rem) { .txn9nh1.txn9nh1 dialog::backdrop { background-color: var(--overlay-color); backdrop-filter: blur(0.25rem); } }
.txn9nh1.txn9nh1 dialog::backdrop { opacity: 0; }
@media (not (width >= 50rem)) { .txn9nh1.txn9nh1 dialog::backdrop { transition: none var(--none-transition, var(--transition)); background-color: var(--clear-color); backdrop-filter: none; } }
@media (prefers-reduced-motion: reduce) and (width >= 50rem) { .txn9nh1.txn9nh1 dialog::backdrop { transition: none var(--none-transition, var(--transition)); } }
@media (width >= 50rem) { .txn9nh1.txn9nh1 button[data-element="Close"] { display: none; } }
.txn9nh1.txn9nh1 button[data-element="Close"] { align-items: center; justify-items: center; align-self: flex-end; flex-shrink: 0; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: var(--docs-menu-button-size); max-block-size: initial; padding: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); border: 0 solid var(--border-color, currentColor); border-radius: var(--header-control-radius); background-color: var(--clear-color); box-shadow: none ; cursor: pointer; transition: color var(--transition), background-color var(--transition); }
.txn9nh1.txn9nh1 button[data-element="Close"]::before { content: ""; display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; background-color: currentcolor; mask: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20view%42ox%3d%220%200%2024%2024%22%20fill%3d%22none%22%20stroke%3d%22black%22%20stroke-width%3d%222%22%20stroke-linecap%3d%22round%22%20stroke-linejoin%3d%22round%22%3e%3cpath%20d%3d%22%4d18%206%206%2018%4d6%206l12%2012%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.txn9nh1.txn9nh1 [data-element="Container"] { display: flex; flex-flow: column; flex-grow: 1; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 0; max-block-size: initial; }
@media (width >= 50rem) { .txn9nh1.txn9nh1 dialog { border-radius: var(--card-radius); inline-size: 90%; min-inline-size: 0; max-inline-size: 40rem; block-size: max-content; min-block-size: 15rem; max-block-size: calc(100% - 8rem); margin: 4rem auto auto auto; scale: 0.98; } }
.txn9nh1.txn9nh1 dialog { padding: 0; color: var(--text-color); --current-color: var(--text-color); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--surface-color); box-shadow:  0 1rem 3rem var(--shadow-color); opacity: 0; }
@media (prefers-reduced-motion: reduce) { .txn9nh1.txn9nh1 dialog { transition: none var(--none-transition, var(--transition)); } }
@media (width >= 50rem) { .txn9nh1.txn9nh1 dialog[open][data-open]::backdrop { opacity: 1; } }
.txn9nh1.txn9nh1 [data-element="Frame"] { overflow: hidden; display: flex; gap: calc(var(--gap) * 2); flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
@media (width >= 50rem) { .txn9nh1.txn9nh1 [data-element="Frame"] { padding: calc(var(--gap) * 3); } }
.txn9nh1.txn9nh1 [data-element="Status"] { margin: auto; text-align: center; white-space: pre-line; font-size: var(--body-font-size, var(--default-font-size)); line-height: var(--body-line-height, var(--default-line-height)); letter-spacing: var(--body-letter-spacing, var(--default-letter-spacing)); font-weight: var(--body-font-weight, var(--default-font-weight)); font-style: var(--body-font-style, var(--default-font-style)); text-transform: var(--body-text-transform, var(--default-text-transform)); font-family: var(--body-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--body-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--body-icon-size, var(--default-icon-size)); }
.txn9nh1.txn9nh1 button[data-element="Close"]:where(:active) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
@media (not (prefers-reduced-motion: reduce)) and (width >= 50rem) { .txn9nh1.txn9nh1 dialog::backdrop { transition: opacity var(--dialog-transition) ease-out, display var(--dialog-transition) allow-discrete, overlay var(--dialog-transition) allow-discrete; } }
@media (not (width >= 50rem)) { .txn9nh1.txn9nh1 button[data-element="Close"] { display: grid; } }
@media (not (width >= 50rem)) { .txn9nh1.txn9nh1 dialog { border-radius: 0; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: 100%; min-block-size: 100%; max-block-size: 100%; margin: 0; scale: 1; } }
@media (not (prefers-reduced-motion: reduce)) { .txn9nh1.txn9nh1 dialog { transition: opacity var(--dialog-transition) ease-out, transform var(--dialog-transition) ease-out, scale var(--dialog-transition) ease-out, display var(--dialog-transition) allow-discrete, overlay var(--dialog-transition) allow-discrete; } }
@media (not (width >= 50rem)) { .txn9nh1.txn9nh1 dialog[open][data-open]::backdrop { opacity: 0; } }
.txn9nh1.txn9nh1 dialog:where([data-open][open]) { opacity: 1; scale: 1; }
@media (not (width >= 50rem)) { .txn9nh1.txn9nh1 [data-element="Frame"] { padding: calc(var(--gap) * 2) calc(var(--gap) * 2) 0 calc(var(--gap) * 2); } }
.txn9nh1.txn9nh1 button[data-element="Close"]:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.txn9nh1.txn9nh1 dialog:where([open]) { display: flex; }
.t10bizkp.t10bizkp { padding: 0 0 5rem 0; }
.t15o8xlf.t15o8xlf [data-element="Panel"] > [data-element="Container"] { margin-inline: auto; inline-size: auto; min-inline-size: initial; max-inline-size: var(--content-width); }
.t15o8xlf.t15o8xlf :where( [data-element="Panel"] > [data-element="Container"]) > * + * { margin-block: var(--margin-block-start) var(--margin-block-end); --margin-block-start: calc(var(--gap) * 3); }
.t15o8xlf.t15o8xlf [data-element="Panel"]:where(:not(:nth-of-type(2))) { --padding-block-start: calc(var(--gap) * 3); }
.t15o8xlf.t15o8xlf [data-element="Panel"]:where(:not(:first-of-type)) { --padding-block-end: calc(var(--gap) * 3); }
.t15o8xlf.t15o8xlf [data-element="Panel"] { padding-block: var(--padding-block-start) var(--padding-block-end); padding-inline: var(--docs-content-pad-x); }
.t15o8xlf.t15o8xlf [data-element="Panel"]:where(:nth-of-type(2)) { --padding-block-start: calc(var(--gap) * 2); }
.t15o8xlf.t15o8xlf [data-element="Panel"]:where(:first-of-type) { --padding-block-end: calc(var(--gap) * 2); }
.t1d3bpsa.t1d3bpsa:where(:not([data-has-sidebar][data-has-toc])) { inline-size: 100%; min-inline-size: 0; max-inline-size: initial; }
@media (width >= 72rem) { .t1d3bpsa.t1d3bpsa:where([data-has-sidebar][data-has-toc]) { inline-size: min(calc(100% - var(--sidebar-width)), calc(var(--content-width) + calc(100% - var(--content-width) - var(--sidebar-width)) / 2)); min-inline-size: initial; max-inline-size: initial; } }
@media (not (width >= 72rem)) { .t1d3bpsa.t1d3bpsa:where([data-has-sidebar][data-has-toc]) { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
.tmuntiu.tmuntiu:where([data-has-sidebar][data-has-toc]) { order: 1; }
.tw7xdma.tw7xdma { isolation: isolate; }
.t9t1vws.t9t1vws { block-size: 100%; min-block-size: initial; max-block-size: initial; margin-inline: auto; inline-size: 100%; min-inline-size: 0; max-inline-size: calc(var(--layout-width) - calc(var(--docs-sidebar-pad-x) * 2)); }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="Logo"] { inline-size: 2rem; min-inline-size: initial; max-inline-size: initial; block-size: 2rem; min-block-size: initial; max-block-size: initial; } }
.t1dhqxou.t1dhqxou [data-element="LogoLink"] { display: inline-grid; flex-shrink: 0; align-items: center; justify-items: center; color: var(--text-color); --current-color: var(--text-color); text-decoration: none; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="MobileLanguage"] { display: none; } }
.t1dhqxou.t1dhqxou [data-element="MobileLanguage"] { flex-shrink: 0; order: 1; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="MobileTheme"] { display: none; } }
.t1dhqxou.t1dhqxou [data-element="MobileTheme"] { flex-shrink: 0; order: 1; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-menu-button-size); min-block-size: initial; max-block-size: initial; }
.t1dhqxou.t1dhqxou [data-element="Primary"] { display: flex; align-items: center; flex-shrink: 0; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="Primary"] { gap: clamp(0.5rem, 1.5vw, 1.5rem); block-size: 4.5rem; min-block-size: initial; max-block-size: initial; } }
.t1dhqxou.t1dhqxou [data-element="Primary"] > [data-element="Search"] { display: flex; align-items: center; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="Primary"] > [data-element="Search"] { flex-grow: 1; flex-shrink: 1; inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin-inline: auto; } }
.t1dhqxou.t1dhqxou [data-element="Search"] site-search { inline-size: 100%; min-inline-size: 0; max-inline-size: 28rem; margin-inline: auto; }
.t1dhqxou.t1dhqxou [data-element="SiteTitle"] { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-color); --current-color: var(--text-color); text-decoration: none; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="SiteTitle"] { font-size: var(--h4-font-size, var(--default-font-size)); line-height: var(--h4-line-height, var(--default-line-height)); letter-spacing: var(--h4-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h4-font-weight, var(--default-font-weight)); font-style: var(--h4-font-style, var(--default-font-style)); text-transform: var(--h4-text-transform, var(--default-text-transform)); font-family: var(--h4-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h4-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h4-icon-size, var(--default-icon-size)); } }
.t1dhqxou.t1dhqxou [data-element="Social"] { display: flex; align-items: center; }
.t1dhqxou.t1dhqxou [data-element="Title"] { overflow: hidden; display: flex; gap: var(--gap); flex-flow: row; align-items: center; flex-shrink: 1; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="Title"] { margin-inline: 0; } }
@media (width >= 50rem) { .t1dhqxou.t1dhqxou [data-element="Tools"] { display: flex; } }
.t1dhqxou.t1dhqxou [data-element="Tools"] { gap: calc(var(--gap) * 0.5); flex-flow: row; align-items: center; justify-content: flex-end; }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="Logo"] { inline-size: 1.75rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.75rem; min-block-size: initial; max-block-size: initial; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="MobileLanguage"] { display: grid; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="MobileTheme"] { display: grid; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="Primary"] { gap: 0.5rem; block-size: 3.5rem; min-block-size: initial; max-block-size: initial; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="Primary"] > [data-element="Search"] { flex-grow: 0; flex-shrink: 0; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: initial; margin-inline: 0; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="SiteTitle"] { font-size: var(--h5-font-size, var(--default-font-size)); line-height: var(--h5-line-height, var(--default-line-height)); letter-spacing: var(--h5-letter-spacing, var(--default-letter-spacing)); font-weight: var(--h5-font-weight, var(--default-font-weight)); font-style: var(--h5-font-style, var(--default-font-style)); text-transform: var(--h5-text-transform, var(--default-text-transform)); font-family: var(--h5-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--h5-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--h5-icon-size, var(--default-icon-size)); } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="Title"] { margin-inline: 0 auto; } }
@media (not (width >= 50rem)) { .t1dhqxou.t1dhqxou [data-element="Tools"] { display: none; } }
.t1horn8v.t1horn8v { border-block-start: 0 solid var(--border-color); border-block-end: var(--border-width) solid var(--border-color); background-color: var(--header-color); }
.tm73fd9.tm73fd9 { block-size: var(--docs-nav-height); min-block-size: initial; max-block-size: initial; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; padding: 0 var(--docs-nav-pad-x); }
.tsymiug.tsymiug { inset: 0 0 auto 0; position: fixed; z-index: 10; }
.tntnlfq.tntnlfq { --backdrop-blur: 16px; backdrop-filter: blur(var(--backdrop-blur)); }
.t1x4krky.t1x4krky { block-size: auto; min-block-size: 100vh; max-block-size: initial; }
@media (width >= 72rem) { .t1l6ww40.t1l6ww40 > [data-element="MainFrame"] > div { display: flex; } }
.t1l6ww40.t1l6ww40 > [data-element="MainFrame"] > div { inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
@media (not (width >= 50rem)) { .t1l6ww40.t1l6ww40 > [data-element="MainFrame"] { inline-size: auto; min-inline-size: 0; max-inline-size: 100%; } }
.t1l6ww40.t1l6ww40 > [data-element="MainFrame"] { margin-inline: auto; padding-block: var(--docs-nav-height) 0; padding-inline: 0; }
@media (not (width >= 72rem)) { .t1l6ww40.t1l6ww40 > [data-element="MainFrame"] > div { display: block; } }
@media (width >= 50rem) { .t1l6ww40.t1l6ww40 > [data-element="MainFrame"] { inline-size: min(100%, var(--layout-width)); min-inline-size: initial; max-inline-size: initial; } }
@media (width >= 50rem) { .t1l6ww40.t1l6ww40:where([data-has-sidebar])> [data-element=MainFrame] { padding-inline: var(--sidebar-width) 0; } }
@media (not (width >= 50rem)) { .t1l6ww40.t1l6ww40:where([data-has-sidebar])> [data-element=MainFrame] { padding-inline: 0; } }