@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 --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-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-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 --dialog-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
@property --copy-button-size { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --popover-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
@font-face { font-family: "Onest Variable"; src: url("/_astro/onest-latin-wght-normal.Dun_Rd-l.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; --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)) { :root:where(:not([data-theme="dark"])) { --surface-color: oklch(1 0 0); --header-color: oklch(1 0 0 / 0.7); --surface-2-color: oklch(0.9789 0 0); --surface-3-color: oklch(0.9581 0 0); --focus-color: oklch(0.5197 0.1626 286.5); --accent-surface-text-color: oklch(1 0 0); --logo-mark-color: oklch(1 0 0); --logo-surface-color: oklch(0.5197 0.1626 286.5); --clear-color: oklch(1 0 0 / 0); --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]) { --surface-color: oklch(1 0 0); --header-color: oklch(1 0 0 / 0.7); --surface-2-color: oklch(0.9789 0 0); --surface-3-color: oklch(0.9581 0 0); --focus-color: oklch(0.5197 0.1626 286.5); --accent-surface-text-color: oklch(1 0 0); --logo-mark-color: oklch(1 0 0); --logo-surface-color: oklch(0.5197 0.1626 286.5); --clear-color: oklch(1 0 0 / 0); --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-color-scheme: dark)) and (not (prefers-contrast: more)) { :root:where(:not([data-contrast="more"]):not([data-theme="dark"])) { --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.5167 0.0218 265.84); --text-muted-color: oklch(0.4867 0 0); --sidebar-text-color: oklch(0.5655 0.0203 265.84); --surface-2-hover-color: oklch(0.9563 0 0); --surface-2-pressed-color: oklch(0.9112 0 0); --surface-3-hover-color: oklch(0.9362 0 0); --surface-3-pressed-color: oklch(0.8923 0 0); --accent-text-color: oklch(0.4789 0.1573 286.5); --accent-surface-color: oklch(0.5197 0.1626 286.5); --accent-surface-subtle-color: oklch(0.9427 0.0036 286.5); --accent-surface-2-subtle-color: oklch(0.9241 0.0048 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1255); --info-surface-color: oklch(0.9654 0.0133 279.07); --info-text-color: oklch(0.4834 0.2041 262.88); --success-surface-color: oklch(0.9689 0.0078 150.85); --success-text-color: oklch(0.4695 0.1265 149.21); --warning-surface-color: oklch(0.971 0.0085 41.5); --warning-text-color: oklch(0.493 0.1169 58.32); --danger-surface-color: oklch(0.9668 0.0106 17.34); --danger-text-color: oklch(0.4861 0.1838 27.33); --orange-surface-color: oklch(0.971 0.0085 41.5); --orange-text-color: oklch(0.493 0.1169 58.32); --green-surface-color: oklch(0.9689 0.0078 150.85); --green-text-color: oklch(0.4695 0.1265 149.21); --blue-surface-color: oklch(0.9654 0.0133 279.07); --blue-text-color: oklch(0.4834 0.2041 262.88); --purple-surface-color: oklch(0.9658 0.0152 301.28); --purple-text-color: oklch(0.4972 0.2358 302.32); --red-surface-color: oklch(0.9668 0.0106 17.34); --red-text-color: oklch(0.4861 0.1838 27.33); --border-color: oklch(0.9079 0.0096 286.5); --border-strong-color: oklch(0.8047 0.0191 286.5); --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]) { --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.5167 0.0218 265.84); --text-muted-color: oklch(0.4867 0 0); --sidebar-text-color: oklch(0.5655 0.0203 265.84); --surface-2-hover-color: oklch(0.9563 0 0); --surface-2-pressed-color: oklch(0.9112 0 0); --surface-3-hover-color: oklch(0.9362 0 0); --surface-3-pressed-color: oklch(0.8923 0 0); --accent-text-color: oklch(0.4789 0.1573 286.5); --accent-surface-color: oklch(0.5197 0.1626 286.5); --accent-surface-subtle-color: oklch(0.9427 0.0036 286.5); --accent-surface-2-subtle-color: oklch(0.9241 0.0048 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1255); --info-surface-color: oklch(0.9654 0.0133 279.07); --info-text-color: oklch(0.4834 0.2041 262.88); --success-surface-color: oklch(0.9689 0.0078 150.85); --success-text-color: oklch(0.4695 0.1265 149.21); --warning-surface-color: oklch(0.971 0.0085 41.5); --warning-text-color: oklch(0.493 0.1169 58.32); --danger-surface-color: oklch(0.9668 0.0106 17.34); --danger-text-color: oklch(0.4861 0.1838 27.33); --orange-surface-color: oklch(0.971 0.0085 41.5); --orange-text-color: oklch(0.493 0.1169 58.32); --green-surface-color: oklch(0.9689 0.0078 150.85); --green-text-color: oklch(0.4695 0.1265 149.21); --blue-surface-color: oklch(0.9654 0.0133 279.07); --blue-text-color: oklch(0.4834 0.2041 262.88); --purple-surface-color: oklch(0.9658 0.0152 301.28); --purple-text-color: oklch(0.4972 0.2358 302.32); --red-surface-color: oklch(0.9668 0.0106 17.34); --red-text-color: oklch(0.4861 0.1838 27.33); --border-color: oklch(0.9079 0.0096 286.5); --border-strong-color: oklch(0.8047 0.0191 286.5); --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]) { --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.5167 0.0218 265.84); --text-muted-color: oklch(0.4867 0 0); --sidebar-text-color: oklch(0.5655 0.0203 265.84); --surface-2-hover-color: oklch(0.9563 0 0); --surface-2-pressed-color: oklch(0.9112 0 0); --surface-3-hover-color: oklch(0.9362 0 0); --surface-3-pressed-color: oklch(0.8923 0 0); --accent-text-color: oklch(0.4789 0.1573 286.5); --accent-surface-color: oklch(0.5197 0.1626 286.5); --accent-surface-subtle-color: oklch(0.9427 0.0036 286.5); --accent-surface-2-subtle-color: oklch(0.9241 0.0048 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1255); --info-surface-color: oklch(0.9654 0.0133 279.07); --info-text-color: oklch(0.4834 0.2041 262.88); --success-surface-color: oklch(0.9689 0.0078 150.85); --success-text-color: oklch(0.4695 0.1265 149.21); --warning-surface-color: oklch(0.971 0.0085 41.5); --warning-text-color: oklch(0.493 0.1169 58.32); --danger-surface-color: oklch(0.9668 0.0106 17.34); --danger-text-color: oklch(0.4861 0.1838 27.33); --orange-surface-color: oklch(0.971 0.0085 41.5); --orange-text-color: oklch(0.493 0.1169 58.32); --green-surface-color: oklch(0.9689 0.0078 150.85); --green-text-color: oklch(0.4695 0.1265 149.21); --blue-surface-color: oklch(0.9654 0.0133 279.07); --blue-text-color: oklch(0.4834 0.2041 262.88); --purple-surface-color: oklch(0.9658 0.0152 301.28); --purple-text-color: oklch(0.4972 0.2358 302.32); --red-surface-color: oklch(0.9668 0.0106 17.34); --red-text-color: oklch(0.4861 0.1838 27.33); --border-color: oklch(0.9079 0.0096 286.5); --border-strong-color: oklch(0.8047 0.0191 286.5); --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]) { --text-color: oklch(0.201 0 0); --heading-color: oklch(0.248 0 0); --text-soft-color: oklch(0.5167 0.0218 265.84); --text-muted-color: oklch(0.4867 0 0); --sidebar-text-color: oklch(0.5655 0.0203 265.84); --surface-2-hover-color: oklch(0.9563 0 0); --surface-2-pressed-color: oklch(0.9112 0 0); --surface-3-hover-color: oklch(0.9362 0 0); --surface-3-pressed-color: oklch(0.8923 0 0); --accent-text-color: oklch(0.4789 0.1573 286.5); --accent-surface-color: oklch(0.5197 0.1626 286.5); --accent-surface-subtle-color: oklch(0.9427 0.0036 286.5); --accent-surface-2-subtle-color: oklch(0.9241 0.0048 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1255); --info-surface-color: oklch(0.9654 0.0133 279.07); --info-text-color: oklch(0.4834 0.2041 262.88); --success-surface-color: oklch(0.9689 0.0078 150.85); --success-text-color: oklch(0.4695 0.1265 149.21); --warning-surface-color: oklch(0.971 0.0085 41.5); --warning-text-color: oklch(0.493 0.1169 58.32); --danger-surface-color: oklch(0.9668 0.0106 17.34); --danger-text-color: oklch(0.4861 0.1838 27.33); --orange-surface-color: oklch(0.971 0.0085 41.5); --orange-text-color: oklch(0.493 0.1169 58.32); --green-surface-color: oklch(0.9689 0.0078 150.85); --green-text-color: oklch(0.4695 0.1265 149.21); --blue-surface-color: oklch(0.9654 0.0133 279.07); --blue-text-color: oklch(0.4834 0.2041 262.88); --purple-surface-color: oklch(0.9658 0.0152 301.28); --purple-text-color: oklch(0.4972 0.2358 302.32); --red-surface-color: oklch(0.9668 0.0106 17.34); --red-text-color: oklch(0.4861 0.1838 27.33); --border-color: oklch(0.9079 0.0096 286.5); --border-strong-color: oklch(0.8047 0.0191 286.5); --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)) { :root:where([data-theme="dark"]:not([data-contrast="more"])) { --surface-color: oklch(0.2534 0.0003 0); --header-color: oklch(0.2534 0.0003 0 / 0.7); --surface-2-color: oklch(0.2708 0.0003 0); --surface-3-color: oklch(0.287 0.0003 0); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7768 0.0158 265.84); --text-muted-color: oklch(0.723 0.0002 0); --sidebar-text-color: oklch(0.7259 0.0165 275.25); --surface-2-hover-color: oklch(0.2932 0.0003 0); --surface-2-pressed-color: oklch(0.3369 0.0003 0); --surface-3-hover-color: oklch(0.3086 0.0003 0); --surface-3-pressed-color: oklch(0.3509 0.0003 0); --accent-text-color: oklch(0.8672 0.0504 286.5); --focus-color: oklch(0.6223 0.1344 286.5); --accent-surface-color: oklch(0.4666 0.1351 286.5); --logo-surface-color: oklch(0.5441 0.1428 286.5); --accent-surface-subtle-color: oklch(0.2806 0.0087 351.18); --accent-surface-2-subtle-color: oklch(0.2955 0.009 351.18); --shadow-color: oklch(0.1367 0 0 / 0.2795); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3421 0.07 267.52); --info-text-color: oklch(0.8819 0.0522 262.88); --success-color: oklch(0.5706 0.1294 149.21); --success-surface-color: oklch(0.3321 0.0441 149.71); --success-text-color: oklch(0.8572 0.1952 149.21); --warning-color: oklch(0.5939 0.1345 58.32); --warning-surface-color: oklch(0.3405 0.0473 50.86); --warning-text-color: oklch(0.8849 0.0707 58.32); --danger-color: oklch(0.6006 0.1861 27.33); --danger-surface-color: oklch(0.3432 0.0712 23.49); --danger-text-color: oklch(0.8867 0.0546 27.33); --orange-color: oklch(0.5939 0.1345 58.32); --orange-surface-color: oklch(0.3405 0.0473 50.86); --orange-text-color: oklch(0.8849 0.0707 58.32); --green-color: oklch(0.5706 0.1294 149.21); --green-surface-color: oklch(0.3321 0.0441 149.71); --green-text-color: oklch(0.8572 0.1952 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3421 0.07 267.52); --blue-text-color: oklch(0.8819 0.0522 262.88); --purple-color: oklch(0.6066 0.2085 302.32); --purple-surface-color: oklch(0.3451 0.0846 302.15); --purple-text-color: oklch(0.8859 0.0605 302.32); --red-color: oklch(0.6006 0.1861 27.33); --red-surface-color: oklch(0.3432 0.0712 23.49); --red-text-color: oklch(0.8867 0.0546 27.33); --border-color: oklch(0.324 0.0167 286.5); --border-strong-color: oklch(0.3964 0.02 286.5); --syntax-bg-color: oklch(0.2534 0.0022 286.5); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.703 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6472 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.6584 0.2095 340); } }
@media (prefers-contrast: more) { :root:where([data-theme="dark"]:not([data-contrast="more"])[data-contrast]) { --surface-color: oklch(0.2534 0.0003 0); --header-color: oklch(0.2534 0.0003 0 / 0.7); --surface-2-color: oklch(0.2708 0.0003 0); --surface-3-color: oklch(0.287 0.0003 0); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7768 0.0158 265.84); --text-muted-color: oklch(0.723 0.0002 0); --sidebar-text-color: oklch(0.7259 0.0165 275.25); --surface-2-hover-color: oklch(0.2932 0.0003 0); --surface-2-pressed-color: oklch(0.3369 0.0003 0); --surface-3-hover-color: oklch(0.3086 0.0003 0); --surface-3-pressed-color: oklch(0.3509 0.0003 0); --accent-text-color: oklch(0.8672 0.0504 286.5); --focus-color: oklch(0.6223 0.1344 286.5); --accent-surface-color: oklch(0.4666 0.1351 286.5); --logo-surface-color: oklch(0.5441 0.1428 286.5); --accent-surface-subtle-color: oklch(0.2806 0.0087 351.18); --accent-surface-2-subtle-color: oklch(0.2955 0.009 351.18); --shadow-color: oklch(0.1367 0 0 / 0.2795); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3421 0.07 267.52); --info-text-color: oklch(0.8819 0.0522 262.88); --success-color: oklch(0.5706 0.1294 149.21); --success-surface-color: oklch(0.3321 0.0441 149.71); --success-text-color: oklch(0.8572 0.1952 149.21); --warning-color: oklch(0.5939 0.1345 58.32); --warning-surface-color: oklch(0.3405 0.0473 50.86); --warning-text-color: oklch(0.8849 0.0707 58.32); --danger-color: oklch(0.6006 0.1861 27.33); --danger-surface-color: oklch(0.3432 0.0712 23.49); --danger-text-color: oklch(0.8867 0.0546 27.33); --orange-color: oklch(0.5939 0.1345 58.32); --orange-surface-color: oklch(0.3405 0.0473 50.86); --orange-text-color: oklch(0.8849 0.0707 58.32); --green-color: oklch(0.5706 0.1294 149.21); --green-surface-color: oklch(0.3321 0.0441 149.71); --green-text-color: oklch(0.8572 0.1952 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3421 0.07 267.52); --blue-text-color: oklch(0.8819 0.0522 262.88); --purple-color: oklch(0.6066 0.2085 302.32); --purple-surface-color: oklch(0.3451 0.0846 302.15); --purple-text-color: oklch(0.8859 0.0605 302.32); --red-color: oklch(0.6006 0.1861 27.33); --red-surface-color: oklch(0.3432 0.0712 23.49); --red-text-color: oklch(0.8867 0.0546 27.33); --border-color: oklch(0.324 0.0167 286.5); --border-strong-color: oklch(0.3964 0.02 286.5); --syntax-bg-color: oklch(0.2534 0.0022 286.5); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.703 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6472 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.6584 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.2534 0.0003 0); --header-color: oklch(0.2534 0.0003 0 / 0.7); --surface-2-color: oklch(0.2708 0.0003 0); --surface-3-color: oklch(0.287 0.0003 0); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7768 0.0158 265.84); --text-muted-color: oklch(0.723 0.0002 0); --sidebar-text-color: oklch(0.7259 0.0165 275.25); --surface-2-hover-color: oklch(0.2932 0.0003 0); --surface-2-pressed-color: oklch(0.3369 0.0003 0); --surface-3-hover-color: oklch(0.3086 0.0003 0); --surface-3-pressed-color: oklch(0.3509 0.0003 0); --accent-text-color: oklch(0.8672 0.0504 286.5); --focus-color: oklch(0.6223 0.1344 286.5); --accent-surface-color: oklch(0.4666 0.1351 286.5); --logo-surface-color: oklch(0.5441 0.1428 286.5); --accent-surface-subtle-color: oklch(0.2806 0.0087 351.18); --accent-surface-2-subtle-color: oklch(0.2955 0.009 351.18); --shadow-color: oklch(0.1367 0 0 / 0.2795); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3421 0.07 267.52); --info-text-color: oklch(0.8819 0.0522 262.88); --success-color: oklch(0.5706 0.1294 149.21); --success-surface-color: oklch(0.3321 0.0441 149.71); --success-text-color: oklch(0.8572 0.1952 149.21); --warning-color: oklch(0.5939 0.1345 58.32); --warning-surface-color: oklch(0.3405 0.0473 50.86); --warning-text-color: oklch(0.8849 0.0707 58.32); --danger-color: oklch(0.6006 0.1861 27.33); --danger-surface-color: oklch(0.3432 0.0712 23.49); --danger-text-color: oklch(0.8867 0.0546 27.33); --orange-color: oklch(0.5939 0.1345 58.32); --orange-surface-color: oklch(0.3405 0.0473 50.86); --orange-text-color: oklch(0.8849 0.0707 58.32); --green-color: oklch(0.5706 0.1294 149.21); --green-surface-color: oklch(0.3321 0.0441 149.71); --green-text-color: oklch(0.8572 0.1952 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3421 0.07 267.52); --blue-text-color: oklch(0.8819 0.0522 262.88); --purple-color: oklch(0.6066 0.2085 302.32); --purple-surface-color: oklch(0.3451 0.0846 302.15); --purple-text-color: oklch(0.8859 0.0605 302.32); --red-color: oklch(0.6006 0.1861 27.33); --red-surface-color: oklch(0.3432 0.0712 23.49); --red-text-color: oklch(0.8867 0.0546 27.33); --border-color: oklch(0.324 0.0167 286.5); --border-strong-color: oklch(0.3964 0.02 286.5); --syntax-bg-color: oklch(0.2534 0.0022 286.5); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.703 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6472 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.6584 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.2534 0.0003 0); --header-color: oklch(0.2534 0.0003 0 / 0.7); --surface-2-color: oklch(0.2708 0.0003 0); --surface-3-color: oklch(0.287 0.0003 0); --text-color: oklch(0.9571 0 0); --heading-color: oklch(0.922 0 0); --text-soft-color: oklch(0.7768 0.0158 265.84); --text-muted-color: oklch(0.723 0.0002 0); --sidebar-text-color: oklch(0.7259 0.0165 275.25); --surface-2-hover-color: oklch(0.2932 0.0003 0); --surface-2-pressed-color: oklch(0.3369 0.0003 0); --surface-3-hover-color: oklch(0.3086 0.0003 0); --surface-3-pressed-color: oklch(0.3509 0.0003 0); --accent-text-color: oklch(0.8672 0.0504 286.5); --focus-color: oklch(0.6223 0.1344 286.5); --accent-surface-color: oklch(0.4666 0.1351 286.5); --logo-surface-color: oklch(0.5441 0.1428 286.5); --accent-surface-subtle-color: oklch(0.2806 0.0087 351.18); --accent-surface-2-subtle-color: oklch(0.2955 0.009 351.18); --shadow-color: oklch(0.1367 0 0 / 0.2795); --info-color: oklch(0.5982 0.1732 262.88); --info-surface-color: oklch(0.3421 0.07 267.52); --info-text-color: oklch(0.8819 0.0522 262.88); --success-color: oklch(0.5706 0.1294 149.21); --success-surface-color: oklch(0.3321 0.0441 149.71); --success-text-color: oklch(0.8572 0.1952 149.21); --warning-color: oklch(0.5939 0.1345 58.32); --warning-surface-color: oklch(0.3405 0.0473 50.86); --warning-text-color: oklch(0.8849 0.0707 58.32); --danger-color: oklch(0.6006 0.1861 27.33); --danger-surface-color: oklch(0.3432 0.0712 23.49); --danger-text-color: oklch(0.8867 0.0546 27.33); --orange-color: oklch(0.5939 0.1345 58.32); --orange-surface-color: oklch(0.3405 0.0473 50.86); --orange-text-color: oklch(0.8849 0.0707 58.32); --green-color: oklch(0.5706 0.1294 149.21); --green-surface-color: oklch(0.3321 0.0441 149.71); --green-text-color: oklch(0.8572 0.1952 149.21); --blue-color: oklch(0.5982 0.1732 262.88); --blue-surface-color: oklch(0.3421 0.07 267.52); --blue-text-color: oklch(0.8819 0.0522 262.88); --purple-color: oklch(0.6066 0.2085 302.32); --purple-surface-color: oklch(0.3451 0.0846 302.15); --purple-text-color: oklch(0.8859 0.0605 302.32); --red-color: oklch(0.6006 0.1861 27.33); --red-surface-color: oklch(0.3432 0.0712 23.49); --red-text-color: oklch(0.8867 0.0546 27.33); --border-color: oklch(0.324 0.0167 286.5); --border-strong-color: oklch(0.3964 0.02 286.5); --syntax-bg-color: oklch(0.2534 0.0022 286.5); --syntax-text-color: oklch(0.9571 0 0); --syntax-comment-color: oklch(0.6284 0.0015 210); --syntax-punctuation-color: oklch(0.703 0.0015 210); --syntax-keyword-color: oklch(0.6284 0.0982 210); --syntax-string-color: oklch(0.6472 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.6584 0.2095 340); } }
:root:where([data-theme="dark"]) { --accent-surface-text-color: oklch(0.9571 0 0); --logo-mark-color: oklch(0.9571 0 0); --clear-color: oklch(0.9571 0 0 / 0); }
@media (prefers-color-scheme: dark) { :root:where(:not([data-theme="dark"]):not([data-theme])) { --accent-surface-text-color: oklch(0.9571 0 0); --logo-mark-color: oklch(0.9571 0 0); --clear-color: oklch(0.9571 0 0 / 0); } }
@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.001 0 0); --header-color: oklch(0.001 0 0 / 0.7); --surface-2-color: oklch(0.1464 0.0002 0); --surface-3-color: oklch(0.1864 0.0002 0); --focus-color: oklch(0.6089 0.1369 286.5); --logo-surface-color: oklch(0.5197 0.1422 286.5); --info-color: oklch(0.6745 0.1502 262.88); --success-color: oklch(0.6536 0.1496 149.21); --warning-color: oklch(0.6805 0.1501 58.32); --danger-color: oklch(0.6871 0.1678 27.33); --orange-color: oklch(0.6805 0.1501 58.32); --green-color: oklch(0.6536 0.1496 149.21); --blue-color: oklch(0.6745 0.1502 262.88); --purple-color: oklch(0.6884 0.1743 302.32); --red-color: oklch(0.6871 0.1678 27.33); --syntax-bg-color: oklch(0 0 0); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8951 0.0081 265.84); --text-muted-color: oklch(0.7075 0.0002 0); --sidebar-text-color: oklch(0.8951 0.0081 265.84); --surface-2-hover-color: oklch(0.2154 0.0002 0); --surface-2-pressed-color: oklch(0.2907 0.0003 0); --surface-3-hover-color: oklch(0.2454 0.0002 0); --surface-3-pressed-color: oklch(0.3156 0.0003 0); --accent-text-color: oklch(0.924 0.0285 286.5); --accent-surface-color: oklch(0.4088 0.1221 286.5); --accent-surface-subtle-color: oklch(0.1477 0.0069 346.77); --accent-surface-2-subtle-color: oklch(0.205 0.0095 346.77); --shadow-color: oklch(0 0 0 / 0.28); --info-surface-color: oklch(0.3808 0.0848 262.88); --info-text-color: oklch(0.9691 0.0132 262.88); --success-surface-color: oklch(0.369 0.0844 149.21); --success-text-color: oklch(0.9627 0.0567 149.21); --warning-surface-color: oklch(0.3842 0.0848 58.32); --warning-text-color: oklch(0.9704 0.0171 58.32); --danger-surface-color: oklch(0.388 0.0948 27.33); --danger-text-color: oklch(0.9714 0.0128 27.33); --orange-surface-color: oklch(0.3842 0.0848 58.32); --orange-text-color: oklch(0.9704 0.0171 58.32); --green-surface-color: oklch(0.369 0.0844 149.21); --green-text-color: oklch(0.9627 0.0567 149.21); --blue-surface-color: oklch(0.3808 0.0848 262.88); --blue-text-color: oklch(0.9691 0.0132 262.88); --purple-surface-color: oklch(0.3887 0.0984 302.32); --purple-text-color: oklch(0.9703 0.0152 302.32); --red-surface-color: oklch(0.388 0.0948 27.33); --red-text-color: oklch(0.9714 0.0128 27.33); --border-color: oklch(0.3626 0.0185 286.5); --border-strong-color: oklch(0.4777 0.0231 286.5); --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.001 0 0); --header-color: oklch(0.001 0 0 / 0.7); --surface-2-color: oklch(0.1464 0.0002 0); --surface-3-color: oklch(0.1864 0.0002 0); --focus-color: oklch(0.6089 0.1369 286.5); --logo-surface-color: oklch(0.5197 0.1422 286.5); --info-color: oklch(0.6745 0.1502 262.88); --success-color: oklch(0.6536 0.1496 149.21); --warning-color: oklch(0.6805 0.1501 58.32); --danger-color: oklch(0.6871 0.1678 27.33); --orange-color: oklch(0.6805 0.1501 58.32); --green-color: oklch(0.6536 0.1496 149.21); --blue-color: oklch(0.6745 0.1502 262.88); --purple-color: oklch(0.6884 0.1743 302.32); --red-color: oklch(0.6871 0.1678 27.33); --syntax-bg-color: oklch(0 0 0); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8951 0.0081 265.84); --text-muted-color: oklch(0.7075 0.0002 0); --sidebar-text-color: oklch(0.8951 0.0081 265.84); --surface-2-hover-color: oklch(0.2154 0.0002 0); --surface-2-pressed-color: oklch(0.2907 0.0003 0); --surface-3-hover-color: oklch(0.2454 0.0002 0); --surface-3-pressed-color: oklch(0.3156 0.0003 0); --accent-text-color: oklch(0.924 0.0285 286.5); --accent-surface-color: oklch(0.4088 0.1221 286.5); --accent-surface-subtle-color: oklch(0.1477 0.0069 346.77); --accent-surface-2-subtle-color: oklch(0.205 0.0095 346.77); --shadow-color: oklch(0 0 0 / 0.28); --info-surface-color: oklch(0.3808 0.0848 262.88); --info-text-color: oklch(0.9691 0.0132 262.88); --success-surface-color: oklch(0.369 0.0844 149.21); --success-text-color: oklch(0.9627 0.0567 149.21); --warning-surface-color: oklch(0.3842 0.0848 58.32); --warning-text-color: oklch(0.9704 0.0171 58.32); --danger-surface-color: oklch(0.388 0.0948 27.33); --danger-text-color: oklch(0.9714 0.0128 27.33); --orange-surface-color: oklch(0.3842 0.0848 58.32); --orange-text-color: oklch(0.9704 0.0171 58.32); --green-surface-color: oklch(0.369 0.0844 149.21); --green-text-color: oklch(0.9627 0.0567 149.21); --blue-surface-color: oklch(0.3808 0.0848 262.88); --blue-text-color: oklch(0.9691 0.0132 262.88); --purple-surface-color: oklch(0.3887 0.0984 302.32); --purple-text-color: oklch(0.9703 0.0152 302.32); --red-surface-color: oklch(0.388 0.0948 27.33); --red-text-color: oklch(0.9714 0.0128 27.33); --border-color: oklch(0.3626 0.0185 286.5); --border-strong-color: oklch(0.4777 0.0231 286.5); --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.001 0 0); --header-color: oklch(0.001 0 0 / 0.7); --surface-2-color: oklch(0.1464 0.0002 0); --surface-3-color: oklch(0.1864 0.0002 0); --focus-color: oklch(0.6089 0.1369 286.5); --logo-surface-color: oklch(0.5197 0.1422 286.5); --info-color: oklch(0.6745 0.1502 262.88); --success-color: oklch(0.6536 0.1496 149.21); --warning-color: oklch(0.6805 0.1501 58.32); --danger-color: oklch(0.6871 0.1678 27.33); --orange-color: oklch(0.6805 0.1501 58.32); --green-color: oklch(0.6536 0.1496 149.21); --blue-color: oklch(0.6745 0.1502 262.88); --purple-color: oklch(0.6884 0.1743 302.32); --red-color: oklch(0.6871 0.1678 27.33); --syntax-bg-color: oklch(0 0 0); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8951 0.0081 265.84); --text-muted-color: oklch(0.7075 0.0002 0); --sidebar-text-color: oklch(0.8951 0.0081 265.84); --surface-2-hover-color: oklch(0.2154 0.0002 0); --surface-2-pressed-color: oklch(0.2907 0.0003 0); --surface-3-hover-color: oklch(0.2454 0.0002 0); --surface-3-pressed-color: oklch(0.3156 0.0003 0); --accent-text-color: oklch(0.924 0.0285 286.5); --accent-surface-color: oklch(0.4088 0.1221 286.5); --accent-surface-subtle-color: oklch(0.1477 0.0069 346.77); --accent-surface-2-subtle-color: oklch(0.205 0.0095 346.77); --shadow-color: oklch(0 0 0 / 0.28); --info-surface-color: oklch(0.3808 0.0848 262.88); --info-text-color: oklch(0.9691 0.0132 262.88); --success-surface-color: oklch(0.369 0.0844 149.21); --success-text-color: oklch(0.9627 0.0567 149.21); --warning-surface-color: oklch(0.3842 0.0848 58.32); --warning-text-color: oklch(0.9704 0.0171 58.32); --danger-surface-color: oklch(0.388 0.0948 27.33); --danger-text-color: oklch(0.9714 0.0128 27.33); --orange-surface-color: oklch(0.3842 0.0848 58.32); --orange-text-color: oklch(0.9704 0.0171 58.32); --green-surface-color: oklch(0.369 0.0844 149.21); --green-text-color: oklch(0.9627 0.0567 149.21); --blue-surface-color: oklch(0.3808 0.0848 262.88); --blue-text-color: oklch(0.9691 0.0132 262.88); --purple-surface-color: oklch(0.3887 0.0984 302.32); --purple-text-color: oklch(0.9703 0.0152 302.32); --red-surface-color: oklch(0.388 0.0948 27.33); --red-text-color: oklch(0.9714 0.0128 27.33); --border-color: oklch(0.3626 0.0185 286.5); --border-strong-color: oklch(0.4777 0.0231 286.5); --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.001 0 0); --header-color: oklch(0.001 0 0 / 0.7); --surface-2-color: oklch(0.1464 0.0002 0); --surface-3-color: oklch(0.1864 0.0002 0); --focus-color: oklch(0.6089 0.1369 286.5); --logo-surface-color: oklch(0.5197 0.1422 286.5); --info-color: oklch(0.6745 0.1502 262.88); --success-color: oklch(0.6536 0.1496 149.21); --warning-color: oklch(0.6805 0.1501 58.32); --danger-color: oklch(0.6871 0.1678 27.33); --orange-color: oklch(0.6805 0.1501 58.32); --green-color: oklch(0.6536 0.1496 149.21); --blue-color: oklch(0.6745 0.1502 262.88); --purple-color: oklch(0.6884 0.1743 302.32); --red-color: oklch(0.6871 0.1678 27.33); --syntax-bg-color: oklch(0 0 0); --text-color: oklch(1 0 0); --heading-color: oklch(1 0 0); --text-soft-color: oklch(0.8951 0.0081 265.84); --text-muted-color: oklch(0.7075 0.0002 0); --sidebar-text-color: oklch(0.8951 0.0081 265.84); --surface-2-hover-color: oklch(0.2154 0.0002 0); --surface-2-pressed-color: oklch(0.2907 0.0003 0); --surface-3-hover-color: oklch(0.2454 0.0002 0); --surface-3-pressed-color: oklch(0.3156 0.0003 0); --accent-text-color: oklch(0.924 0.0285 286.5); --accent-surface-color: oklch(0.4088 0.1221 286.5); --accent-surface-subtle-color: oklch(0.1477 0.0069 346.77); --accent-surface-2-subtle-color: oklch(0.205 0.0095 346.77); --shadow-color: oklch(0 0 0 / 0.28); --info-surface-color: oklch(0.3808 0.0848 262.88); --info-text-color: oklch(0.9691 0.0132 262.88); --success-surface-color: oklch(0.369 0.0844 149.21); --success-text-color: oklch(0.9627 0.0567 149.21); --warning-surface-color: oklch(0.3842 0.0848 58.32); --warning-text-color: oklch(0.9704 0.0171 58.32); --danger-surface-color: oklch(0.388 0.0948 27.33); --danger-text-color: oklch(0.9714 0.0128 27.33); --orange-surface-color: oklch(0.3842 0.0848 58.32); --orange-text-color: oklch(0.9704 0.0171 58.32); --green-surface-color: oklch(0.369 0.0844 149.21); --green-text-color: oklch(0.9627 0.0567 149.21); --blue-surface-color: oklch(0.3808 0.0848 262.88); --blue-text-color: oklch(0.9691 0.0132 262.88); --purple-surface-color: oklch(0.3887 0.0984 302.32); --purple-text-color: oklch(0.9703 0.0152 302.32); --red-surface-color: oklch(0.388 0.0948 27.33); --red-text-color: oklch(0.9714 0.0128 27.33); --border-color: oklch(0.3626 0.0185 286.5); --border-strong-color: oklch(0.4777 0.0231 286.5); --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)) { :root:where([data-contrast="more"]:not([data-theme="dark"])) { --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.4535 0.0201 265.84); --text-muted-color: oklch(0.4285 0 0); --sidebar-text-color: oklch(0.4535 0.0201 265.84); --surface-2-hover-color: oklch(0.9286 0 0); --surface-2-pressed-color: oklch(0.8615 0 0); --surface-3-hover-color: oklch(0.9091 0 0); --surface-3-pressed-color: oklch(0.8437 0 0); --accent-text-color: oklch(0.325 0.1134 286.5); --accent-surface-color: oklch(0.4102 0.1403 286.5); --accent-surface-subtle-color: oklch(0.8948 0.0096 286.5); --accent-surface-2-subtle-color: oklch(0.8774 0.0111 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1996); --info-surface-color: oklch(0.9471 0.0204 278.82); --info-text-color: oklch(0.2817 0.1211 262.88); --success-surface-color: oklch(0.9526 0.0121 150.83); --success-text-color: oklch(0.2941 0.079 149.21); --warning-surface-color: oklch(0.9559 0.0131 41.79); --warning-text-color: oklch(0.3106 0.0737 58.32); --danger-surface-color: oklch(0.9493 0.0164 17.45); --danger-text-color: oklch(0.2799 0.106 27.33); --orange-surface-color: oklch(0.9559 0.0131 41.79); --orange-text-color: oklch(0.3106 0.0737 58.32); --green-surface-color: oklch(0.9526 0.0121 150.83); --green-text-color: oklch(0.2941 0.079 149.21); --blue-surface-color: oklch(0.9471 0.0204 278.82); --blue-text-color: oklch(0.2817 0.1211 262.88); --purple-surface-color: oklch(0.9477 0.0234 301.3); --purple-text-color: oklch(0.2837 0.1386 302.32); --red-surface-color: oklch(0.9493 0.0164 17.45); --red-text-color: oklch(0.2799 0.106 27.33); --border-color: oklch(0.787 0.0205 286.5); --border-strong-color: oklch(0.6544 0.0273 286.5); --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]) { --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.4535 0.0201 265.84); --text-muted-color: oklch(0.4285 0 0); --sidebar-text-color: oklch(0.4535 0.0201 265.84); --surface-2-hover-color: oklch(0.9286 0 0); --surface-2-pressed-color: oklch(0.8615 0 0); --surface-3-hover-color: oklch(0.9091 0 0); --surface-3-pressed-color: oklch(0.8437 0 0); --accent-text-color: oklch(0.325 0.1134 286.5); --accent-surface-color: oklch(0.4102 0.1403 286.5); --accent-surface-subtle-color: oklch(0.8948 0.0096 286.5); --accent-surface-2-subtle-color: oklch(0.8774 0.0111 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1996); --info-surface-color: oklch(0.9471 0.0204 278.82); --info-text-color: oklch(0.2817 0.1211 262.88); --success-surface-color: oklch(0.9526 0.0121 150.83); --success-text-color: oklch(0.2941 0.079 149.21); --warning-surface-color: oklch(0.9559 0.0131 41.79); --warning-text-color: oklch(0.3106 0.0737 58.32); --danger-surface-color: oklch(0.9493 0.0164 17.45); --danger-text-color: oklch(0.2799 0.106 27.33); --orange-surface-color: oklch(0.9559 0.0131 41.79); --orange-text-color: oklch(0.3106 0.0737 58.32); --green-surface-color: oklch(0.9526 0.0121 150.83); --green-text-color: oklch(0.2941 0.079 149.21); --blue-surface-color: oklch(0.9471 0.0204 278.82); --blue-text-color: oklch(0.2817 0.1211 262.88); --purple-surface-color: oklch(0.9477 0.0234 301.3); --purple-text-color: oklch(0.2837 0.1386 302.32); --red-surface-color: oklch(0.9493 0.0164 17.45); --red-text-color: oklch(0.2799 0.106 27.33); --border-color: oklch(0.787 0.0205 286.5); --border-strong-color: oklch(0.6544 0.0273 286.5); --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])) { --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.4535 0.0201 265.84); --text-muted-color: oklch(0.4285 0 0); --sidebar-text-color: oklch(0.4535 0.0201 265.84); --surface-2-hover-color: oklch(0.9286 0 0); --surface-2-pressed-color: oklch(0.8615 0 0); --surface-3-hover-color: oklch(0.9091 0 0); --surface-3-pressed-color: oklch(0.8437 0 0); --accent-text-color: oklch(0.325 0.1134 286.5); --accent-surface-color: oklch(0.4102 0.1403 286.5); --accent-surface-subtle-color: oklch(0.8948 0.0096 286.5); --accent-surface-2-subtle-color: oklch(0.8774 0.0111 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1996); --info-surface-color: oklch(0.9471 0.0204 278.82); --info-text-color: oklch(0.2817 0.1211 262.88); --success-surface-color: oklch(0.9526 0.0121 150.83); --success-text-color: oklch(0.2941 0.079 149.21); --warning-surface-color: oklch(0.9559 0.0131 41.79); --warning-text-color: oklch(0.3106 0.0737 58.32); --danger-surface-color: oklch(0.9493 0.0164 17.45); --danger-text-color: oklch(0.2799 0.106 27.33); --orange-surface-color: oklch(0.9559 0.0131 41.79); --orange-text-color: oklch(0.3106 0.0737 58.32); --green-surface-color: oklch(0.9526 0.0121 150.83); --green-text-color: oklch(0.2941 0.079 149.21); --blue-surface-color: oklch(0.9471 0.0204 278.82); --blue-text-color: oklch(0.2817 0.1211 262.88); --purple-surface-color: oklch(0.9477 0.0234 301.3); --purple-text-color: oklch(0.2837 0.1386 302.32); --red-surface-color: oklch(0.9493 0.0164 17.45); --red-text-color: oklch(0.2799 0.106 27.33); --border-color: oklch(0.787 0.0205 286.5); --border-strong-color: oklch(0.6544 0.0273 286.5); --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])) { --text-color: oklch(0 0 0); --heading-color: oklch(0 0 0); --text-soft-color: oklch(0.4535 0.0201 265.84); --text-muted-color: oklch(0.4285 0 0); --sidebar-text-color: oklch(0.4535 0.0201 265.84); --surface-2-hover-color: oklch(0.9286 0 0); --surface-2-pressed-color: oklch(0.8615 0 0); --surface-3-hover-color: oklch(0.9091 0 0); --surface-3-pressed-color: oklch(0.8437 0 0); --accent-text-color: oklch(0.325 0.1134 286.5); --accent-surface-color: oklch(0.4102 0.1403 286.5); --accent-surface-subtle-color: oklch(0.8948 0.0096 286.5); --accent-surface-2-subtle-color: oklch(0.8774 0.0111 286.5); --shadow-color: oklch(0.3015 0 0 / 0.1996); --info-surface-color: oklch(0.9471 0.0204 278.82); --info-text-color: oklch(0.2817 0.1211 262.88); --success-surface-color: oklch(0.9526 0.0121 150.83); --success-text-color: oklch(0.2941 0.079 149.21); --warning-surface-color: oklch(0.9559 0.0131 41.79); --warning-text-color: oklch(0.3106 0.0737 58.32); --danger-surface-color: oklch(0.9493 0.0164 17.45); --danger-text-color: oklch(0.2799 0.106 27.33); --orange-surface-color: oklch(0.9559 0.0131 41.79); --orange-text-color: oklch(0.3106 0.0737 58.32); --green-surface-color: oklch(0.9526 0.0121 150.83); --green-text-color: oklch(0.2941 0.079 149.21); --blue-surface-color: oklch(0.9471 0.0204 278.82); --blue-text-color: oklch(0.2817 0.1211 262.88); --purple-surface-color: oklch(0.9477 0.0234 301.3); --purple-text-color: oklch(0.2837 0.1386 302.32); --red-surface-color: oklch(0.9493 0.0164 17.45); --red-text-color: oklch(0.2799 0.106 27.33); --border-color: oklch(0.787 0.0205 286.5); --border-strong-color: oklch(0.6544 0.0273 286.5); --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); } }
:root astro-island { display: contents; }
:root astro-slot { display: contents; }
:root astro-static-slot { display: contents; }
@media (width < 50rem) { :root:has(#cookbook__sidebar:popover-open) { overflow: hidden; } }
:root[data-theme="light"] { color-scheme: light; }
@media (prefers-color-scheme: light) { :root:not([data-theme]) { color-scheme: light; } }
:root { color-scheme: dark; --docs-sidebar-pad-x: 1.5rem; --docs-mobile-toc-height: 0rem; }
@media (not (width < 50rem)) { :root:where(:not(:has(.td-top-tabs))) { --docs-nav-height: 4.5rem; } }
@media (not (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, 4vw, 4rem); --docs-menu-button-size: 2.5rem; } }
@media (not (width < 50rem)) { :root:where(:has(.td-top-tabs)) { --docs-nav-height: 7.25rem; } }
@media (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 (width < 50rem) { :root:where(:not([data-has-sidebar])) { --docs-nav-height: 3.5rem; } }
@media (width < 50rem) { :root:where([data-has-sidebar]) { --docs-nav-height: 6.5rem; } }
:where(html):where(*) { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) { :where(html):where(*) { 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) * { 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) 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) img:not([width]) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) :where(picture) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) video:not([width]) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) canvas:not([width]) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) svg:not([width]) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) iframe:not([width]) { inline-size: auto; min-inline-size: initial; max-inline-size: 100%; }
:where(html) img:not([height]) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) video:not([height]) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) canvas:not([height]) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) svg:not([height]) { block-size: auto; min-block-size: initial; max-block-size: initial; }
:where(html) :where([hidden]) { display: none; }
:where(html) :where(.cookbook-hidden) { display: none; }
@media print { :where(html) .cookbook-print-hidden { display: none; } }
@media (not (width < 50rem)) { :where(html) [class~="md:cookbook-block"] { display: block; } }
@media (not (width < 50rem)) { :where(html) [class~="md:cookbook-flex"] { display: flex; } }
:where(html) .sr-only { position: absolute; inline-size: 1px; min-inline-size: initial; max-inline-size: initial; block-size: 1px; min-block-size: initial; max-block-size: initial; padding: 0; margin: -1px; overflow: hidden; white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0 solid var(--border-color, currentColor); }
: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); }
@media (not (width < 72rem)) { :where(html) [class~="lg:cookbook-hidden"] { display: none; } }
@media (not (width < 50rem)) { :where(html) [class~="md:cookbook-hidden"] { display: none; } }
: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) :where(a):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(button):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(input):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(select):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(textarea):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) :where(summary):focus-visible { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
:where(html) a[aria-current="page"] { border-radius: var(--radius); }
:where(html) body[data-search-modal-open] { overflow: hidden; }
:where(html) { block-size: auto; min-block-size: 100%; max-block-size: initial; scroll-padding-block-start: calc(1.5rem + var(--docs-nav-height) + var(--docs-mobile-toc-height)); }
@media (width < 50rem) { :where(html) [class~="md:cookbook-block"] { display: none; } }
@media (width < 50rem) { :where(html) [class~="md:cookbook-flex"] { display: none; } }
@media (width < 72rem) { :where(html) [class~="lg:cookbook-hidden"] { display: block; } }
@media (width < 50rem) { :where(html) [class~="md:cookbook-hidden"] { display: block; } }
body > .page > .header { position: fixed; z-index: 10; inset: 0 0 auto 0; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: var(--docs-nav-height); min-block-size: initial; max-block-size: initial; padding: 0 var(--docs-nav-pad-x); border-block-end: var(--border-width) solid var(--border-color); background-color: var(--header-color); backdrop-filter: blur(16px); }
.main-pane:is([data-has-sidebar][data-has-toc].main-pane) { order: 1; }
@media (not (width < 72rem)) { .main-pane:is([data-has-sidebar][data-has-toc].main-pane) { 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; } }
.main-pane { isolation: isolate; inline-size: 100%; min-inline-size: 0; max-inline-size: initial; }
@media (width < 72rem) { .main-pane:is([data-has-sidebar][data-has-toc].main-pane) { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
.right-sidebar-container:has(cookbook-mobile-toc) { display: block; }
@media (not (width < 72rem)) { .right-sidebar-container .right-sidebar { position: sticky; block-size: calc(100vh - var(--docs-nav-height)); min-block-size: initial; max-block-size: initial; overflow-y: auto; } }
.right-sidebar-container .right-sidebar { inset-block-start: var(--docs-nav-height); inline-size: 100%; min-inline-size: initial; max-inline-size: initial; scrollbar-width: none; }
@media (not (width < 72rem)) { .right-sidebar-container { order: 2; inline-size: max(var(--sidebar-width), calc(var(--sidebar-width) + calc(100% - var(--content-width) - var(--sidebar-width)) / 2)); min-inline-size: initial; max-inline-size: initial; } }
.right-sidebar-container { position: relative; }
@media (width < 72rem) { .right-sidebar-container .right-sidebar { position: static; block-size: auto; min-block-size: initial; max-block-size: initial; overflow-y: visible; } }
@media (width < 72rem) { .right-sidebar-container { display: none; order: 0; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
main .content-panel > .cookbook-container > * + * { margin-block-start: calc(var(--gap) * 3); }
@media (not (width < 72rem)) { main .content-panel > .cookbook-container { margin-inline-start: auto; margin-inline-end: auto; } }
main .content-panel > .cookbook-container { inline-size: auto; min-inline-size: initial; max-inline-size: var(--content-width); }
main .content-panel { padding: calc(var(--gap) * 3) var(--docs-content-pad-x); }
main > .content-panel:first-of-type { padding-block-start: calc(var(--gap) * 3); padding-block-end: calc(var(--gap) * 2); }
main > .content-panel:nth-of-type(2) { padding-block-start: calc(var(--gap) * 2); }
main { padding: 0 0 5rem 0; }
@media (width < 72rem) { main .content-panel > .cookbook-container { margin-inline-start: 0; margin-inline-end: 0; } }
.cookbook-banner a { color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); }
.cookbook-banner { padding: calc(var(--gap) * 1.5) var(--docs-nav-pad-x); color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); background-color: var(--accent-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(--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)); text-align: center; text-wrap: balance; box-shadow: none; }
.cookbook-skip-link:focus { z-index: 20; inline-size: auto; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: initial; padding: var(--gap) calc(var(--gap) * 2); overflow: visible; color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); background-color: var(--accent-surface-color); clip: auto; border-radius: var(--radius); box-shadow:  0 1rem 3rem var(--shadow-color); text-decoration: none; }
.cookbook-skip-link { position: fixed; inset: calc(var(--gap) * 1.5) auto auto calc(var(--gap) * 1.5); inline-size: 1px; min-inline-size: initial; max-inline-size: initial; block-size: 1px; min-block-size: initial; max-block-size: initial; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); }
:where(h1, h2, h3, h4, h5, h6, .site-title):is(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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):is(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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):is(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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):is(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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):is(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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title):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)); }
:where(h1, h2, h3, h4, h5, h6, .site-title)[id="_top"] { margin-block-start: calc(var(--gap) * 2); }
:where(h1, h2, h3, h4, h5, h6, .site-title) { color: var(--heading-color); --current-color: var(--heading-color); 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)); text-wrap: balance; }
site-search [data-search-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)); }
@media (not (width < 50rem)) { site-search 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; } }
site-search 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) { site-search dialog { transition: none var(--none-transition, var(--transition)); } }
site-search button[data-close-modal]::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; }
site-search dialog[open] { display: flex; }
site-search dialog[open][data-open] { opacity: 1; scale: 1; }
@media (not (width < 50rem)) { site-search dialog::backdrop { background-color: var(--overlay-color); backdrop-filter: blur(0.25rem); } }
site-search dialog::backdrop { opacity: 0; }
@media (width < 50rem) { site-search dialog::backdrop { transition: none var(--none-transition, var(--transition)); background-color: var(--clear-color); backdrop-filter: none; } }
@media (not (width < 50rem)) and (prefers-reduced-motion: reduce) { site-search dialog::backdrop { transition: none var(--none-transition, var(--transition)); } }
@media (not (width < 50rem)) { site-search dialog[open][data-open]::backdrop { opacity: 1; } }
site-search .dialog-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 (not (width < 50rem)) { site-search .dialog-frame { padding: calc(var(--gap) * 3); } }
site-search .search-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 (not (width < 50rem)) { site-search button[data-close-modal] { display: none; } }
site-search button[data-close-modal] { 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); }
site-search button[data-close-modal]:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
site-search button[data-close-modal]:active { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
site-search { display: contents; --dialog-transition: 120ms; }
@media (width < 50rem) { site-search 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)) { site-search 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 (prefers-reduced-motion: reduce)) and (not (width < 50rem)) { site-search dialog::backdrop { transition: opacity var(--dialog-transition) ease-out, display var(--dialog-transition) allow-discrete, overlay var(--dialog-transition) allow-discrete; } }
@media (width < 50rem) { site-search dialog[open][data-open]::backdrop { opacity: 0; } }
@media (width < 50rem) { site-search .dialog-frame { padding: calc(var(--gap) * 2) calc(var(--gap) * 2) 0 calc(var(--gap) * 2); } }
@media (width < 50rem) { site-search button[data-close-modal] { display: grid; } }
.pagination-links a { border-radius: var(--radius); display: flex; gap: var(--gap); align-items: center; justify-content: flex-start; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; padding: calc(var(--gap) * 2); border: var(--border-width) solid var(--border-color); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-2-color); box-shadow: none; transition: color var(--transition), background-color var(--transition); text-decoration: none; overflow-wrap: anywhere; }
@media (not (width <= 40rem)) { .pagination-links a[rel="prev"] { grid-column: 1; grid-row: 1; } }
.pagination-links a[rel="next"] { justify-content: flex-start; text-align: end; }
@media (not (width <= 40rem)) { .pagination-links a[rel="next"] { grid-column: 2; grid-row: 1; } }
.pagination-links a[rel="next"]::before { order: 1; 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%2012h14%22%2f%3e%3cpath%20d%3d%22m13%2018%206-6%22%2f%3e%3cpath%20d%3d%22m13%206%206%206%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.pagination-links a[rel="next"] > span { margin-inline-start: auto; text-align: end; }
.pagination-links a:hover { border-color: var(--border-color); background-color: var(--surface-2-hover-color); }
.pagination-links a:active { background-color: var(--surface-2-pressed-color); }
.pagination-links .link-title { color: var(--heading-color); --current-color: var(--heading-color); 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)); }
.pagination-links a::before { content: ""; display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; 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%2012h14%22%2f%3e%3cpath%20d%3d%22m5%2012%206%206%22%2f%3e%3cpath%20d%3d%22m5%2012%206-6%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.pagination-links:is([dir="rtl"] *) a[rel="prev"]::before { 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%2012h14%22%2f%3e%3cpath%20d%3d%22m13%2018%206-6%22%2f%3e%3cpath%20d%3d%22m13%206%206%206%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
.pagination-links:is([dir="rtl"] *) a[rel="next"]::before { 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%2012h14%22%2f%3e%3cpath%20d%3d%22m5%2012%206%206%22%2f%3e%3cpath%20d%3d%22m5%2012%206-6%22%2f%3e%3c%2fsvg%3e%0a") center / contain no-repeat; }
@media not print { .pagination-links { display: grid; gap: calc(var(--gap) * 2); } }
@media (not (width <= 40rem)) { .pagination-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (width <= 40rem) { .pagination-links a[rel="prev"] { grid-column: auto; grid-row: auto; } }
@media (width <= 40rem) { .pagination-links a[rel="next"] { grid-column: auto; grid-row: auto; } }
@media print { .pagination-links { display: none; } }
@media print { .pagination-links > *:not(:last-child) { margin-bottom: calc(var(--gap) * 2); } }
@media (width <= 40rem) { .pagination-links { grid-template-columns: 1fr; } }
#cookbook__sidebar::backdrop { background-color: var(--overlay-color); opacity: 0; }
@media (not (width < 50rem)) { #cookbook__sidebar::backdrop { transition: none var(--none-transition, var(--transition)); } }
@media (prefers-reduced-motion: reduce) and (width < 50rem) { #cookbook__sidebar::backdrop { transition: none var(--none-transition, var(--transition)); } }
#cookbook__sidebar:popover-open[data-open]::backdrop { opacity: 1; }
@media (not (width < 50rem)) { #cookbook__sidebar .td-sidebar-heading { display: none; } }
#cookbook__sidebar .td-sidebar-heading { gap: var(--gap); align-items: center; justify-content: space-between; }
#cookbook__sidebar .td-sidebar-heading__home { display: flex; gap: var(--gap); align-items: center; text-decoration: none; inline-size: auto; min-inline-size: 0; max-inline-size: initial; padding: 0; color: var(--text-color); --current-color: var(--text-color); 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__sidebar .td-sidebar-heading__home > [data-tasty-anatomy="Logo"] { inline-size: 2rem; min-inline-size: initial; max-inline-size: initial; block-size: 2rem; min-block-size: initial; max-block-size: initial; }
#cookbook__sidebar .td-sidebar-heading__home > [data-site-title] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cookbook__sidebar .td-sidebar-heading > button { display: grid; align-items: center; justify-items: center; 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: 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); }
#cookbook__sidebar .td-sidebar-heading > button:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
#cookbook__sidebar .td-sidebar-heading > 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; }
#cookbook__sidebar cookbook-sidebar a[aria-current="page"] { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-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(--bold-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)); }
#cookbook__sidebar cookbook-sidebar a[aria-current="page"]:hover { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-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(--bold-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)); }
#cookbook__sidebar cookbook-sidebar a[aria-current="page"]:focus { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-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(--bold-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)); }
@media (width < 50rem) { #cookbook__sidebar:popover-open { visibility: visible; } }
@media (width < 50rem) { #cookbook__sidebar:popover-open[data-open] { translate: 0; } }
#cookbook__sidebar .sidebar-content { display: flex; gap: calc(var(--gap) * 2); flex-flow: column; block-size: auto; min-block-size: 100%; max-block-size: initial; padding-inline: var(--docs-sidebar-pad-x); padding-block-end: calc(var(--gap) * 6); }
@media (not (width < 50rem)) { #cookbook__sidebar .sidebar-content { padding-block-start: calc(var(--gap) * 3); } }
#cookbook__sidebar cookbook-sidebar { display: block; }
#cookbook__sidebar cookbook-sidebar ul { display: grid; gap: var(--border-width); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
#cookbook__sidebar cookbook-sidebar li { overflow-wrap: anywhere; }
#cookbook__sidebar .top-level > li + li { margin-block-start: 0; }
#cookbook__sidebar .top-level > li + li:has( > .sidebar-section-label) { margin-block-start: calc(var(--gap) * 2.5); }
#cookbook__sidebar cookbook-sidebar details > ul > li { margin-inline-start: calc(var(--gap) * 1.5); }
#cookbook__sidebar .sidebar-section-label { margin: 0 0 var(--border-width) 0; padding: calc(var(--gap) * 0.75) calc(var(--gap) * 1.25); 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(--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)); }
#cookbook__sidebar cookbook-sidebar summary { block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(var(--gap) * 0.75) calc(var(--gap) * 1.25); color: var(--sidebar-text-color); --current-color: var(--sidebar-text-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)); border-radius: var(--radius); text-decoration: none; margin-block: 0 var(--border-width); display: flex; gap: var(--gap); align-items: center; justify-content: space-between; cursor: pointer; user-select: none; }
#cookbook__sidebar cookbook-sidebar a { block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(var(--gap) * 0.75) calc(var(--gap) * 1.25); color: var(--sidebar-text-color); --current-color: var(--sidebar-text-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)); border-radius: var(--radius); text-decoration: none; inline-size: 100%; min-inline-size: 0; max-inline-size: initial; display: flex; gap: 0.25em; align-items: center; background-color: var(--surface-color); }
#cookbook__sidebar .group-label { display: flex; gap: 0.25em; align-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
#cookbook__sidebar .group-label > span:first-child { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cookbook__sidebar a > span:first-child { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cookbook__sidebar cookbook-sidebar a:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
#cookbook__sidebar cookbook-sidebar a:focus-visible { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
#cookbook__sidebar cookbook-sidebar summary:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
#cookbook__sidebar cookbook-sidebar summary:focus-visible { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
#cookbook__sidebar cookbook-sidebar summary::marker { display: none; }
#cookbook__sidebar summary::-webkit-details-marker { display: none; }
#cookbook__sidebar .sidebar-caret { 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; }
#cookbook__sidebar:where(:not(:dir(rtl))) .sidebar-caret { transform: none; }
#cookbook__sidebar details[open] > summary > .sidebar-caret { transform: rotate(90deg); }
#cookbook__sidebar details[open] > summary > a > .sidebar-caret { transform: rotate(90deg); }
#cookbook__sidebar summary:has( > a) { padding: 0; }
#cookbook__sidebar summary > a { justify-content: space-between; }
#cookbook__sidebar .sidebar-section-label:has( > a) { padding: 0; }
#cookbook__sidebar .sidebar-section-label > a:not([aria-current="page"]) { 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(--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)); }
#cookbook__sidebar .sidebar-badge { flex-shrink: 0; padding: 0.125rem 0.375rem; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-3-color); border: var(--border-width) solid var(--border-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(--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)); }
#cookbook__sidebar a.large:not([aria-current="page"]) { color: var(--sidebar-text-color); --current-color: var(--sidebar-text-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)); }
@media (width >= 50rem) { #cookbook__sidebar { display: block; inset-inline: max(0px, calc(calc(100% - var(--layout-width)) / 2)) auto; } }
@media (not (width < 50rem)) { #cookbook__sidebar { visibility: visible; z-index: 8; inset-block: var(--docs-nav-height) 0; inline-size: var(--sidebar-width); min-inline-size: initial; max-inline-size: initial; box-shadow: none ; translate: 0; transition: none var(--none-transition, var(--transition)); } }
#cookbook__sidebar { position: fixed; block-size: auto; min-block-size: initial; max-block-size: initial; margin: 0; padding: 0; border: 0 solid var(--border-color, currentColor); color: var(--text-color); --current-color: var(--text-color); overflow-y: auto; scrollbar-gutter: stable; background-color: var(--surface-color); overscroll-behavior: contain; }
@media (not (width >= 50rem)) { #cookbook__sidebar { inset-inline: 0 auto; } }
@media (prefers-reduced-motion: reduce) and (width < 50rem) { #cookbook__sidebar { transition: none var(--none-transition, var(--transition)); } }
@media (not (prefers-reduced-motion: reduce)) and (width < 50rem) { #cookbook__sidebar::backdrop { transition: opacity 120ms ease-out, display 120ms allow-discrete, overlay 120ms allow-discrete; } }
@media (width < 50rem) { #cookbook__sidebar .td-sidebar-heading { display: flex; } }
@media (width < 50rem) { #cookbook__sidebar .sidebar-content { padding-block-start: calc(var(--gap) * 2); } }
#cookbook__sidebar:where(:dir(rtl)) .sidebar-caret { transform: rotate(180deg); }
@media (width < 50rem) { #cookbook__sidebar { visibility: hidden; z-index: 12; inset-block: 0; inline-size: min(22rem, calc(100% - 2rem)); min-inline-size: initial; max-inline-size: initial; box-shadow:  0.25rem 0 1rem var(--shadow-color); translate: -100% 0; } }
@media (not (prefers-reduced-motion: reduce)) and (width < 50rem) { #cookbook__sidebar { transition: transform 120ms ease-out, translate 120ms ease-out, visibility 120ms, display 120ms allow-discrete, overlay 120ms allow-discrete; } }
.right-sidebar-panel h2 { margin: 0 0 var(--gap) 0; 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(--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)); }
.right-sidebar-panel ul { display: grid; gap: 1px; grid-template-columns: minmax(0, 1fr); inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; list-style: none; }
.right-sidebar-panel li { inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; list-style: none; }
.right-sidebar-panel a { display: block; inline-size: auto; min-inline-size: 0; max-inline-size: 100%; padding-block-start: calc(var(--gap) * 0.5); padding-block-end: calc(var(--gap) * 0.5); 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)); text-decoration: none; overflow-wrap: anywhere; }
.right-sidebar-panel a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.right-sidebar-panel a:hover { color: var(--text-color); --current-color: var(--text-color); }
.right-sidebar-panel a[aria-current="location"] { color: var(--accent-text-color); --current-color: var(--accent-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(--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)); }
@media (not (width < 72rem)) { .right-sidebar-panel { display: block; } }
.right-sidebar-panel { padding-block-start: calc(var(--gap) * 4); padding-inline-start: var(--docs-sidebar-pad-x); padding-inline-end: var(--docs-sidebar-pad-x); }
@media (width < 72rem) { .right-sidebar-panel { display: none; } }
@media (not (width < 50rem)) { .hero > img { order: 2; inline-size: min(100%, 11rem); min-inline-size: initial; max-inline-size: initial; } }
.hero > img { display: grid; align-items: center; justify-items: center; block-size: auto; min-block-size: initial; max-block-size: initial; object-fit: contain; margin-inline-start: auto; margin-inline-end: auto; color: var(--logo-surface-color); --current-color: var(--logo-surface-color); }
@media (not (width < 50rem)) { .hero > .hero-html { order: 2; inline-size: min(100%, 11rem); min-inline-size: initial; max-inline-size: initial; } }
.hero > .hero-html { display: grid; align-items: center; justify-items: center; block-size: auto; min-block-size: initial; max-block-size: initial; object-fit: contain; margin-inline-start: auto; margin-inline-end: auto; color: var(--logo-surface-color); --current-color: var(--logo-surface-color); }
.hero:where(:not([data-theme="light"] *)) > img[data-hero-image="light"] { display: none; }
.hero > .stack { display: flex; gap: clamp(1.5rem, 3vw, 2rem); flex-flow: column; }
@media (not (width < 50rem)) { .hero > .stack { align-items: flex-start; text-align: start; } }
.hero > .stack > .copy { display: flex; gap: calc(var(--gap) * 2); flex-flow: column; align-items: inherit; }
.hero h1 { inline-size: auto; min-inline-size: initial; max-inline-size: 16ch; margin: 0; color: var(--heading-color); --current-color: var(--heading-color); 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)); font-size: clamp(2.75rem, 7vw, 4.75rem); text-wrap: balance; }
.hero .tagline { inline-size: auto; min-inline-size: initial; max-inline-size: 48ch; color: var(--text-soft-color); --current-color: var(--text-soft-color); font-size: clamp(1.05rem, 2.5vw, 1.35rem); line-height: 1.55; text-wrap: balance; }
.hero .actions { display: flex; gap: calc(var(--gap) * 1.5); flex-flow: row wrap; }
@media (not (width < 50rem)) { .hero .actions { justify-content: flex-start; } }
.hero .cookbook-link-button { display: inline-flex; gap: var(--gap); align-items: center; block-size: auto; min-block-size: var(--control-height); max-block-size: initial; padding: calc(var(--gap) * 1.25) calc(var(--gap) * 2.5); color: var(--text-color); --current-color: var(--text-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: 999px; 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(--bold-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; transition: background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition), transform var(--transition), translate var(--transition); }
.hero .cookbook-link-button:hover { background-color: var(--surface-2-hover-color); translate: 0 -1px; }
.hero .cookbook-link-button.primary { color: var(--accent-surface-text-color); --current-color: var(--accent-surface-text-color); border-color: var(--accent-surface-color); background-color: var(--accent-surface-color); }
.hero .cookbook-link-button.secondary { color: var(--accent-text-color); --current-color: var(--accent-text-color); border-color: var(--border-strong-color); }
.hero .cookbook-link-button.minimal { padding-inline-start: 0; padding-inline-end: 0; color: var(--accent-text-color); --current-color: var(--accent-text-color); border: 0 solid var(--border-color, currentColor); background-color: var(--clear-color); }
.hero .cookbook-link-button svg { flex-shrink: 0; }
.hero { display: grid; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block-end: clamp(2rem, 6vw, 5rem); }
@media (not (width < 50rem)) { .hero { grid-template-columns: minmax(0, 7fr) minmax(12rem, 4fr); padding-block-start: clamp(3rem, 8vw, 7rem); } }
@media (width < 50rem) { .hero > img { order: 0; inline-size: 8rem; min-inline-size: initial; max-inline-size: initial; } }
@media (width < 50rem) { .hero > .hero-html { order: 0; inline-size: 8rem; min-inline-size: initial; max-inline-size: initial; } }
.hero:where([data-theme="light"] *) > img[data-hero-image="dark"] { display: none; }
@media (width < 50rem) { .hero > .stack { align-items: center; text-align: center; } }
@media (width < 50rem) { .hero .actions { justify-content: center; } }
@media (width < 50rem) { .hero { grid-template-columns: minmax(0, 1fr); padding-block-start: calc(var(--gap) * 4); } }
.cookbook-markdown-content :where(p):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(ul):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 1.5rem; }
.cookbook-markdown-content :where(ol):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 1.5rem; }
.cookbook-markdown-content :where(dl):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(blockquote):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(pre):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(table):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(hr):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :where(details):not(.not-content *) { margin-block-start: 0; margin-block-end: 0; }
.cookbook-markdown-content :not(a):not(strong):not(em):not(del):not(span):not(input):not(code):not(br) +:not(a):not(strong):not(em):not(del):not(span):not(input):not(code):not(br):not(li):not(dt):not(dd):not(.not-content *) { margin-block-start: calc(var(--gap) * 3); }
.cookbook-markdown-content :not(a):not(strong):not(em):not(del):not(span):not(input):not(code):not(br) + a.td-card { margin-block-start: calc(var(--gap) * 3); }
.cookbook-markdown-content a.td-card +:not(a):not(strong):not(em):not(del):not(span):not(input):not(code):not(br):not(li):not(dt):not(dd):not(.not-content *) { margin-block-start: calc(var(--gap) * 3); }
.cookbook-markdown-content a.td-card + a.td-card { margin-block-start: calc(var(--gap) * 3); }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h1):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h2):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h3):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h4):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h5):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(h6):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.cookbook-heading-wrapper) +:where(.cookbook-heading-wrapper):not(.not-content *) { margin-block-start: 1.5em; }
.cookbook-markdown-content :where(li + li):not(.not-content *) { margin-block-start: calc(var(--gap) * 0.5); }
.cookbook-markdown-content :where(dt + dt):not(.not-content *) { margin-block-start: calc(var(--gap) * 0.5); }
.cookbook-markdown-content :where(dt + dd):not(.not-content *) { margin-block-start: calc(var(--gap) * 0.5); }
.cookbook-markdown-content :where(dd + dd):not(.not-content *) { margin-block-start: calc(var(--gap) * 0.5); }
.cookbook-markdown-content li:not(.not-content *) { overflow-wrap: anywhere; }
.cookbook-markdown-content dt:not(.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 dd:not(.not-content *) { padding-inline-start: calc(var(--gap) * 2); }
.cookbook-markdown-content a:not(.not-content *) { color: var(--accent-text-color); --current-color: var(--accent-text-color); text-underline-offset: 0.15em; }
.cookbook-markdown-content a:hover:not(.not-content *) { color: var(--text-color); --current-color: var(--text-color); }
.cookbook-markdown-content blockquote:not(.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 hr:not(.not-content *) { border: 0 solid var(--border-color, currentColor); border-block-end: var(--border-width) solid var(--border-color); }
.cookbook-markdown-content details:not(.not-content *) { padding-inline-start: calc(var(--gap) * 2); border-inline-start: 2px solid var(--border-color); border-color: var(--border-color); }
.cookbook-markdown-content details:not([open]):hover:not(.not-content *) { border-color: var(--accent-text-color); }
.cookbook-markdown-content details:has( > summary:hover):not(.not-content *) { border-color: var(--accent-text-color); }
.cookbook-markdown-content summary:not(.not-content *) { display: block; margin-inline-start: -0.5rem; padding-inline-start: 0.5rem; 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 details[open] > summary:not(.not-content *) { margin-block-end: calc(var(--gap) * 2); }
.cookbook-markdown-content summary:not(.not-content *)::marker { display: none; }
.cookbook-markdown-content summary:not(.not-content *)::-webkit-details-marker { display: none; }
.cookbook-markdown-content summary:not(.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-end: 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 details[open] > summary:not(.not-content *)::before { rotate: 90deg; }
.cookbook-markdown-content :where(code):not(.not-content *) { border-radius: calc(var(--radius) * 0.65); }
.cookbook-markdown-content { font-size: 1.025rem; }
.cookbook-markdown-content code:not(:where(pre *, .not-content *)) { padding: 0.125rem 0.375rem; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-3-color); 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)); font-size: 0.875em; border-radius: calc(var(--radius) * 0.65); }
.tasty-code.td-syntax-scroll { overflow-x: auto; }
.tasty-code.td-syntax-wrap { white-space: pre-wrap; overflow-wrap: break-word; }
.tasty-code .td-syntax-marker { user-select: none; }
.tasty-code.td-syntax-comment { color: var(--syntax-comment-color); --current-color: var(--syntax-comment-color); }
.tasty-code .td-syntax-comment { color: var(--syntax-comment-color); --current-color: var(--syntax-comment-color); }
.tasty-code.td-syntax-punctuation { color: var(--syntax-punctuation-color); --current-color: var(--syntax-punctuation-color); }
.tasty-code .td-syntax-punctuation { color: var(--syntax-punctuation-color); --current-color: var(--syntax-punctuation-color); }
.tasty-code.td-syntax-keyword { color: var(--syntax-keyword-color); --current-color: var(--syntax-keyword-color); }
.tasty-code .td-syntax-keyword { color: var(--syntax-keyword-color); --current-color: var(--syntax-keyword-color); }
.tasty-code.td-syntax-string { color: var(--syntax-string-color); --current-color: var(--syntax-string-color); }
.tasty-code .td-syntax-string { color: var(--syntax-string-color); --current-color: var(--syntax-string-color); }
.tasty-code.td-syntax-token { color: var(--syntax-token-color); --current-color: var(--syntax-token-color); }
.tasty-code .td-syntax-token { color: var(--syntax-token-color); --current-color: var(--syntax-token-color); }
.tasty-code.td-syntax-property { color: var(--syntax-property-color); --current-color: var(--syntax-property-color); }
.tasty-code .td-syntax-property { color: var(--syntax-property-color); --current-color: var(--syntax-property-color); }
.tasty-code.td-syntax-number { color: var(--syntax-number-color); --current-color: var(--syntax-number-color); }
.tasty-code .td-syntax-number { color: var(--syntax-number-color); --current-color: var(--syntax-number-color); }
.tasty-code.td-syntax-function { color: var(--syntax-function-color); --current-color: var(--syntax-function-color); }
.tasty-code .td-syntax-function { color: var(--syntax-function-color); --current-color: var(--syntax-function-color); }
.tasty-code.td-syntax-value { color: var(--syntax-value-color); --current-color: var(--syntax-value-color); }
.tasty-code .td-syntax-value { color: var(--syntax-value-color); --current-color: var(--syntax-value-color); }
.tasty-code.td-syntax-operator { color: var(--syntax-operator-color); --current-color: var(--syntax-operator-color); }
.tasty-code .td-syntax-operator { color: var(--syntax-operator-color); --current-color: var(--syntax-operator-color); }
.tasty-code.td-syntax-text { color: var(--syntax-text-color); --current-color: var(--syntax-text-color); }
.tasty-code .td-syntax-text { color: var(--syntax-text-color); --current-color: var(--syntax-text-color); }
.tasty-code.td-syntax-bg { background-color: var(--syntax-bg-color); }
.tasty-code .td-syntax-bg { background-color: var(--syntax-bg-color); }
.tasty-code.td-green-text { color: var(--green-text-color); --current-color: var(--green-text-color); }
.tasty-code .td-green-text { color: var(--green-text-color); --current-color: var(--green-text-color); }
.tasty-code.td-red-text { color: var(--red-text-color); --current-color: var(--red-text-color); }
.tasty-code .td-red-text { color: var(--red-text-color); --current-color: var(--red-text-color); }
.tasty-code .td-syntax-italic { font-style: italic; }
.tasty-code .td-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 .td-syntax-underline { text-decoration: underline; }
.cookbook-markdown-content .td-code-block > pre { margin: 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; }
.cookbook-markdown-content .td-code-block > [data-copy-code] { position: absolute; z-index: 1; inset-block-start: var(--gap); inset-inline-end: var(--gap); margin: 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); }
.cookbook-markdown-content .td-code-block > [data-copy-code]:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.cookbook-markdown-content .td-code-block > [data-copy-code][data-copy-state="copied"] { color: var(--green-text-color); --current-color: var(--green-text-color); border-color: var(--green-color); }
.cookbook-markdown-content .td-code-block > [data-copy-code] > [data-copy-icon] { 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; }
.cookbook-markdown-content .td-code-block > [data-copy-code][data-copy-state="copied"] > [data-copy-icon] { 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 .td-code-block pre code { padding: 0; color: inherit; --current-color: inherit; background-color: var(--clear-color); }
.cookbook-markdown-content .td-code-block pre.td-diff { padding-inline: 0; }
.cookbook-markdown-content .td-code-block pre.td-diff code { display: block; inline-size: max-content; min-inline-size: 100%; max-inline-size: initial; line-height: 0; }
.cookbook-markdown-content .td-code-block pre.td-diff > code > .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)); }
.cookbook-markdown-content .td-code-block pre.td-diff > code > .line:empty::before { content: "\200b"; }
.cookbook-markdown-content .td-code-block pre.td-diff > code > .td-diff-line--inserted { background-color: var(--green-surface-color); }
.cookbook-markdown-content .td-code-block pre.td-diff > code > .td-diff-line--deleted { background-color: var(--red-surface-color); }
.cookbook-markdown-content .td-code-block { --copy-button-size: 2rem; display: block; position: relative; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.cookbook-markdown-content pre[data-language="mermaid"]:not(.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); }
.cookbook-markdown-content .td-mermaid .mono { font-family: var(--code-font-family); }
.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 .cookbook-heading-wrapper >:first-child { color: inherit; --current-color: inherit; display: inline; }
@media (not (width < 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper >:first-child { padding-inline-end: 0; } }
.cookbook-markdown-content .cookbook-heading-wrapper.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)); }
.cookbook-markdown-content .cookbook-heading-wrapper.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.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.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.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.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)); }
@media (not (width < 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link { position: absolute; inset-block-start: calc(calc(1lh - 1.75rem) / 2); inset-inline-start: -2rem; 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-start: 0; vertical-align: baseline; } }
.cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link { 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 (width < 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link { opacity: 1; position: relative; inset-block-start: auto; inset-inline-start: 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-start: -1.5rem; vertical-align: middle; } }
@media (not (hover: hover)) and (not (width < 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link { opacity: 1; } }
.cookbook-markdown-content .cookbook-heading-wrapper:hover > .cookbook-anchor-link { opacity: 1; }
.cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link:focus-visible { opacity: 1; color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--surface-2-hover-color); }
.cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link: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 > .cookbook-anchor-link > .cookbook-anchor-icon { display: block; font-size: clamp(1rem, 0.65em, 1.5rem); line-height: 1; 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 > .cookbook-anchor-link[data-copy-state="copied"] { color: var(--green-text-color); --current-color: var(--green-text-color); opacity: 1; }
.cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link[data-copy-state="copied"] > .cookbook-anchor-icon { visibility: hidden; }
.cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link[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); 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)); }
@media (width < 50rem) { .cookbook-markdown-content .cookbook-heading-wrapper >:first-child { padding-inline-end: 1.75rem; } }
@media (hover: hover) and (not (width < 50rem)) { .cookbook-markdown-content .cookbook-heading-wrapper > .cookbook-anchor-link { opacity: 0; } }
.cookbook-alert.cookbook-alert--note { background-color: var(--blue-surface-color); color: var(--blue-text-color); --current-color: var(--blue-text-color); border: var(--border-width) solid var(--blue-color); }
.cookbook-alert.cookbook-alert--tip { background-color: var(--green-surface-color); color: var(--green-text-color); --current-color: var(--green-text-color); border: var(--border-width) solid var(--green-color); }
.cookbook-alert.cookbook-alert--caution { background-color: var(--yellow-surface-color); color: var(--yellow-text-color); --current-color: var(--yellow-text-color); border: var(--border-width) solid var(--yellow-color); }
.cookbook-alert.cookbook-alert--danger { background-color: var(--red-surface-color); color: var(--red-text-color); --current-color: var(--red-text-color); border: var(--border-width) solid var(--red-color); }
.cookbook-alert .cookbook-alert__title { display: flex; gap: var(--gap); align-items: center; margin: 0 0 var(--gap) 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 .cookbook-alert__content >:first-child { margin-block-start: 0; }
.cookbook-alert { padding: calc(var(--gap) * 2) calc(var(--gap) * 2.5); color: var(--text-soft-color); --current-color: var(--text-soft-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--card-radius); background-color: var(--surface-2-color); }
site-search button[data-open-modal] > kbd[data-pending] { visibility: hidden; }
@media (not (width < 72rem)) { site-search button[data-open-modal] > kbd { display: flex; } }
site-search button[data-open-modal] > 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); }
site-search button[data-open-modal]:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
site-search button[data-open-modal]:active { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
site-search button[data-open-modal] > svg { display: none; }
site-search button[data-open-modal]::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 (not (width < 50rem)) { site-search button[data-open-modal]::before { inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; } }
site-search button[data-open-modal] { display: flex; gap: var(--gap); 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)); box-shadow: none ; cursor: pointer; transition: color var(--transition), background-color var(--transition), background-image var(--transition), --tasty-second-fill-color var(--transition); }
@media (not (width < 50rem)) { site-search button[data-open-modal] { align-items: center; justify-content: flex-start; inline-size: 100%; min-inline-size: initial; max-inline-size: 22rem; block-size: var(--control-height); min-block-size: 0; max-block-size: initial; padding: 0 var(--gap) 0 calc(var(--gap) * 1.5); border: var(--border-width) solid var(--border-color, currentColor); background-color: var(--surface-color); } }
@media (not (width >= 80rem)) { site-search button[data-open-modal] { margin-inline-start: 0; } }
@media (width < 50rem) { site-search button[data-open-modal] > span { display: none; } }
@media (width < 72rem) { site-search button[data-open-modal] > kbd { display: none; } }
@media (width < 50rem) { site-search button[data-open-modal]::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 (width < 50rem) { site-search button[data-open-modal] { align-items: center; justify-content: center; inline-size: var(--docs-menu-button-size); min-inline-size: initial; max-inline-size: 22rem; block-size: var(--docs-menu-button-size); min-block-size: 0; max-block-size: initial; padding: 0; border: 0 solid var(--border-color, currentColor); background-color: var(--clear-color); } }
@media (width >= 80rem) { site-search button[data-open-modal] { margin-inline-start: min(5rem, max(0px, calc(100% - 22rem))); } }
cookbook-language-select > 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); }
cookbook-language-select > button:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
cookbook-language-select:has([popover]:popover-open) > button { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
cookbook-language-select > button:active { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
cookbook-language-select > button > .label-icon { display: block; flex-shrink: 0; }
@media (not (width < 50rem)) { cookbook-language-select > button > .label-icon { inline-size: 1.25rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.25rem; min-block-size: initial; max-block-size: initial; } }
cookbook-language-select .trigger-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
cookbook-language-select > button > .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; }
cookbook-language-select[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; }
cookbook-language-select[data-compact] > button > .trigger-label { display: none; }
cookbook-language-select[data-compact] > button > .caret { display: none; }
cookbook-language-select[data-sidebar] > button { anchor-name: --language-trigger; }
cookbook-language-select > [popover] { 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) { cookbook-language-select > [popover] { transition: none var(--none-transition, var(--transition)); } }
@media (not (width < 50rem)) { cookbook-language-select > [popover] { inset-block: 4rem auto; } }
cookbook-language-select[data-sidebar] > [popover] { 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; }
cookbook-language-select > [popover]:popover-open[data-open] { opacity: 1; scale: 1; }
cookbook-language-select .panel-title { 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)); }
cookbook-language-select nav { display: grid; gap: calc(var(--gap) * 0.25); }
cookbook-language-select 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); }
cookbook-language-select nav a:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
cookbook-language-select nav a[aria-current="page"] { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-2-subtle-color); }
cookbook-language-select .fallback-label { color: var(--text-muted-color); --current-color: var(--text-muted-color); }
cookbook-language-select nav a > .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; }
cookbook-language-select nav a[aria-current="page"] > .checkmark { visibility: visible; }
cookbook-language-select { display: flex; flex-shrink: 0; --popover-transition: 120ms; }
@media (width < 50rem) { cookbook-language-select > button > .label-icon { inline-size: 1.125rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.125rem; min-block-size: initial; max-block-size: initial; } }
@media (not (prefers-reduced-motion: reduce)) { cookbook-language-select > [popover] { 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 (width < 50rem) { cookbook-language-select > [popover] { inset-block: 3.5rem auto; } }
#cookbook__search .pagefind-ui { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
#cookbook__search [data-search-results] { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
#cookbook__search .pagefind-ui__form { position: relative; display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
#cookbook__search .cookbook-search-field { position: relative; flex-shrink: 0; }
#cookbook__search .pagefind-ui__search-input { display: none; }
#cookbook__search .pagefind-ui__search-clear { display: none; }
#cookbook__search .pagefind-ui__drawer { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; }
#cookbook__search .cookbook-search-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-start: 2.75rem; padding-inline-end: 2.75rem; color: var(--text-color); --current-color: var(--text-color); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--radius); background-color: var(--surface-color); border-color: var(--border-color); box-shadow: none; }
#cookbook__search .cookbook-search-clear { position: absolute; inset-block-start: 0; inset-inline-end: 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; font-size: 0; cursor: pointer; }
#cookbook__search .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); }
@media (not (width < 50rem)) { #cookbook__search .pagefind-ui__results-area { margin-block-start: calc(var(--gap) * 3); } }
@media (width < 50rem) { #cookbook__search .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-end: calc(var(--gap) * 2); margin-block-start: calc(var(--gap) * 2); } }
#cookbook__search .pagefind-ui__result { padding-block-start: calc(var(--gap) * 2); padding-block-end: calc(var(--gap) * 2); border-block-start: var(--border-width) solid var(--border-color); }
#cookbook__search .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; }
#cookbook__search .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)); }
#cookbook__search .pagefind-ui__results { margin: 0; padding: 0; list-style: none; }
#cookbook__search .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)); }
#cookbook__search .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)); }
#cookbook__search .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); }
#cookbook__search 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; }
@media (width < 50rem) { #cookbook__search .pagefind-ui__button { display: block; inline-size: max-content; min-inline-size: initial; max-inline-size: initial; margin-inline-start: auto; } }
#cookbook__search .pagefind-ui__button { padding: var(--gap) calc(2 * var(--gap)); border: var(--border-width) solid var(--border-color, currentColor); 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)); }
#cookbook__search .pagefind-ui__button:hover { background-color: var(--surface-2-hover-color); }
#cookbook__search .cookbook-search-field::before { content: ""; position: absolute; z-index: 1; inset-block-start: 1rem; inset-inline-start: 1rem; 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; }
#cookbook__search .cookbook-search-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; }
#cookbook__search .cookbook-search-clear[hidden] { display: none; }
#cookbook__search { display: flex; flex-flow: column; flex-grow: 1; block-size: auto; min-block-size: 0; max-block-size: initial; --pagefind-ui-primary: var(--accent-text-color); --pagefind-ui-text: var(--text-soft-color); --pagefind-ui-background: var(--surface-color); --pagefind-ui-border: var(--border-color); --pagefind-ui-border-width: var(--border-width); --pagefind-ui-tag: var(--surface-3-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)); }
.cookbook-menu-button.td-menu-button { cursor: pointer; }
.cookbook-menu-button > svg { flex-shrink: 0; inline-size: 1.125rem; min-inline-size: initial; max-inline-size: initial; block-size: 1.125rem; min-block-size: initial; max-block-size: initial; }
.cookbook-menu-button .td-menu-button__section { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; inline-size: auto; min-inline-size: initial; max-inline-size: 40%; }
.cookbook-menu-button .td-menu-button__page { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-color); --current-color: var(--text-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(--bold-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)); }
.cookbook-menu-button:hover { color: var(--text-color); --current-color: var(--text-color); }
.cookbook-menu-button:active { color: var(--accent-text-color); --current-color: var(--accent-text-color); }
@media (not (width < 50rem)) { .cookbook-menu-button { display: none; } }
@media (not (width < 50rem)) { .cookbook-menu-button > *:not(:last-child) { margin-bottom: var(--gap); } }
.cookbook-menu-button { align-items: center; inline-size: calc(100% + calc(var(--docs-nav-pad-x) * 2)); min-inline-size: initial; max-inline-size: initial; margin-inline: calc(-1 * var(--docs-nav-pad-x)); block-size: 3rem; min-block-size: 0; max-block-size: initial; flex-shrink: 0; padding: 0 var(--docs-nav-pad-x); border: 0 solid var(--border-color, currentColor); border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); border-radius: 0; color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-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-align: start; }
@media (width < 50rem) { .cookbook-menu-button { display: flex; gap: var(--gap); } }
.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, currentColor); border-color: 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(tbody tr:last-child > td)) { border-block-end: 0; }
.cookbook-markdown-content:where(*) th:where(:not(:is(thead:first-child tr:first-child > th):last-child:not(:first-child)):not(:first-child:is(thead:first-child tr:first-child > th):last-child):first-child:is(thead:first-child tr:first-child > th):not(:last-child)) { border-radius: calc(var(--card-radius) - var(--border-width)) 0 0 0; }
.cookbook-markdown-content:where(*) .td-table-scroll { inline-size: 100%; min-inline-size: initial; max-inline-size: 100%; overflow: auto; scrollbar-width: thin; }
.cookbook-markdown-content:where(*) th:where(:not(:first-child:is(thead:first-child tr:first-child > th):last-child):is(thead:first-child tr:first-child > th):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 > th):last-child) { border-radius: calc(var(--card-radius) - var(--border-width)) calc(var(--card-radius) - var(--border-width)) 0 0; }
.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; }
.t9pngqf.t9pngqf > svg > .td-logo__mark { color: var(--logo-mark-color); --current-color: var(--logo-mark-color); }
.t9pngqf.t9pngqf > 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; }
.tdko6qm.tdko6qm { display: flex; gap: calc(var(--gap) * 0.5); }
.tbvu0jz.tbvu0jz { align-items: center; }
.t12y7r96.t12y7r96 a:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t12y7r96.t12y7r96 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; }
.t12y7r96.t12y7r96 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; }
.t1qkj204.t1qkj204 { 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: 999px; }
.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)) { .te0codu.te0codu { white-space: nowrap; display: inline-flex; } }
@media (width <= 23rem) { .te0codu.te0codu { white-space: nowrap; display: none; } }
.tely7yv.tely7yv { flex-shrink: 0; }
.t17a57by.t17a57by { display: flex; }
@media (not (width < 50rem)) { .t6ky7g2.t6ky7g2 { order: 0; } }
@media (width < 50rem) { .t6ky7g2.t6ky7g2 { order: 2; } }
.t9lsofd.t9lsofd { --popover-transition: 120ms; }
.t1swc3lb.t1swc3lb .td-header-links__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 (not (width < 50rem)) { .t1swc3lb.t1swc3lb .td-header-links__desktop { display: flex; } }
.t1swc3lb.t1swc3lb .td-header-links__desktop { gap: calc(var(--gap) * 0.5); align-items: center; }
.t1swc3lb.t1swc3lb .td-header-links__desktop a { border-radius: var(--header-control-radius); padding-inline: calc(var(--gap) * 2); }
.t1swc3lb.t1swc3lb .td-header-links__panel a:first-child { padding-inline: calc(var(--gap) * 1.5) calc(var(--docs-menu-button-size) + var(--gap)); }
.t1swc3lb.t1swc3lb .td-header-links__close:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1swc3lb.t1swc3lb a:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1swc3lb.t1swc3lb a[data-variant="primary"]:hover { filter: brightness(1.1); }
.t1swc3lb.t1swc3lb .td-header-links__trigger:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1swc3lb.t1swc3lb 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; }
.t1swc3lb.t1swc3lb .td-header-links__panel:popover-open[data-open] { opacity: 1; scale: 1; }
.t1swc3lb.t1swc3lb .td-header-links__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) { .t1swc3lb.t1swc3lb .td-header-links__panel { transition: none var(--none-transition, var(--transition)); } }
.t1swc3lb.t1swc3lb .td-header-links__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; }
.t1swc3lb.t1swc3lb .td-header-links__panel nav { display: grid; gap: var(--border-width); }
.t1swc3lb.t1swc3lb a[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)) { .t1swc3lb.t1swc3lb .td-header-links__trigger { display: none; } }
.t1swc3lb.t1swc3lb .td-header-links__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 (width < 50rem) { .t1swc3lb.t1swc3lb .td-header-links__desktop { display: none; } }
@media (not (prefers-reduced-motion: reduce)) { .t1swc3lb.t1swc3lb .td-header-links__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 (width < 50rem) { .t1swc3lb.t1swc3lb .td-header-links__trigger { display: grid; } }
.tqnjkce.tqnjkce > button:active { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-pressed-color); }
.tqnjkce.tqnjkce label:has(input:checked) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-2-subtle-color); }
.tqnjkce.tqnjkce label > svg:last-child { margin-inline: auto 0; visibility: hidden; }
.tqnjkce.tqnjkce label:has(input:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: -2px; }
.tqnjkce.tqnjkce label:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tqnjkce.tqnjkce > button:hover { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tqnjkce.tqnjkce:has([popover]:popover-open) > button { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tqnjkce.tqnjkce > button svg { display: block; }
@media (not (width < 50rem)) { .tqnjkce.tqnjkce > 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; } }
.tqnjkce.tqnjkce input { position: absolute; inline-size: 1px; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 0; max-block-size: 1px; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; clip-path: inset(50%); }
.tqnjkce.tqnjkce [popover]:popover-open[data-open] { opacity: 1; scale: 1; }
.tqnjkce.tqnjkce 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; }
.tqnjkce.tqnjkce 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; }
.tqnjkce.tqnjkce [popover] { 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 (not (width < 50rem)) { .tqnjkce.tqnjkce [popover] { inset-block: 4rem auto; } }
@media (prefers-reduced-motion: reduce) { .tqnjkce.tqnjkce [popover] { transition: none var(--none-transition, var(--transition)); } }
.tqnjkce.tqnjkce fieldset { inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; border: 0 solid var(--border-color, currentColor); }
.tqnjkce.tqnjkce 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)); }
.tqnjkce.tqnjkce 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); }
.tqnjkce.tqnjkce label:has(input:checked) > svg:last-child { visibility: visible; }
.tqnjkce.tqnjkce > 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 (not (width < 50rem)) { .tqnjkce.tqnjkce > 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; } }
@media (width < 50rem) { .tqnjkce.tqnjkce > 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; } }
@media (width < 50rem) { .tqnjkce.tqnjkce [popover] { inset-block: 3.5rem auto; } }
@media (not (prefers-reduced-motion: reduce)) { .tqnjkce.tqnjkce [popover] { 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 (width < 50rem) { .tqnjkce.tqnjkce > 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; } }
.t1wknrh6.t1wknrh6 { color: var(--text-color); --current-color: var(--text-color); }
@media (not (width < 50rem)) { .tsfkzyt.tsfkzyt { 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(--bold-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)); } }
.tsfkzyt.tsfkzyt { text-decoration: none; }
@media (width < 50rem) { .tsfkzyt.tsfkzyt { 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(--bold-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)); } }
.t12c17uf.t12c17uf { inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.t1oc6h5p.t1oc6h5p { display: flex; gap: var(--gap); }
.t1cwwxus.t1cwwxus > span { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1cwwxus.t1cwwxus > svg { display: block; flex-shrink: 0; color: var(--text-color); --current-color: var(--text-color); }
@media (not (width < 50rem)) { .t1cwwxus.t1cwwxus > svg { inline-size: calc(4 * var(--gap)); min-inline-size: initial; max-inline-size: initial; block-size: calc(4 * var(--gap)); min-block-size: initial; max-block-size: initial; } }
@media (width < 50rem) { .t1cwwxus.t1cwwxus > svg { inline-size: calc(3.5 * var(--gap)); min-inline-size: initial; max-inline-size: initial; block-size: calc(3.5 * var(--gap)); min-block-size: initial; max-block-size: initial; } }
.t14i60wy.t14i60wy { display: flex; gap: calc(var(--gap) * 3); flex-flow: column; }
.tzrynly.tzrynly .td-footer__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; }
.tzrynly.tzrynly .td-footer__credit a { color: var(--accent-text-color); --current-color: var(--accent-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(--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; }
.tzrynly.tzrynly .td-footer__credit a:hover { color: var(--text-color); --current-color: var(--text-color); }
.tzrynly.tzrynly .td-footer__meta a:hover { color: var(--text-color); --current-color: var(--text-color); }
.tzrynly.tzrynly .td-footer__meta >:only-child { margin-inline: auto 0; }
.tzrynly.tzrynly .td-footer__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)); }
.tzrynly.tzrynly .td-footer__meta a { display: flex; gap: var(--gap); align-items: center; color: var(--text-muted-color); --current-color: var(--text-muted-color); text-decoration: none; }
.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)); }
.to80q2q.to80q2q { display: flex; flex-flow: column; }
@media (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__logo[data-tasty-anatomy="Logo"] { inline-size: 2rem; min-inline-size: initial; max-inline-size: initial; block-size: 2rem; min-block-size: initial; max-block-size: initial; } }
.t6yb211.t6yb211 .td-header__logo[data-tasty-anatomy="Logo"] { display: none; }
.t6yb211.t6yb211 .td-header__logo-link { 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 (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__mobile-language { display: none; } }
.t6yb211.t6yb211 .td-header__mobile-language { 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 (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__mobile-theme { display: none; } }
.t6yb211.t6yb211 .td-header__mobile-theme { 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; }
.t6yb211.t6yb211 .td-header__primary { display: flex; align-items: center; flex-shrink: 0; }
@media (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__primary { gap: clamp(0.5rem, 1.5vw, 1.5rem); block-size: 4.5rem; min-block-size: initial; max-block-size: initial; } }
@media (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__search { flex-grow: 1; flex-shrink: 1; inline-size: auto; min-inline-size: 8rem; max-inline-size: initial; margin-inline: auto; } }
.t6yb211.t6yb211 .td-header__search site-search { inline-size: 100%; min-inline-size: 0; max-inline-size: 28rem; margin-inline: auto; }
.t6yb211.t6yb211 .site-title { 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 (not (width < 50rem)) { .t6yb211.t6yb211 .site-title { 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)); } }
.t6yb211.t6yb211 .td-header__social { display: flex; align-items: center; }
.t6yb211.t6yb211 .td-header__title { overflow: hidden; display: flex; gap: var(--gap); flex-flow: row; flex-shrink: 1; inline-size: auto; min-inline-size: 0; max-inline-size: initial; display: flex; align-items: center; }
@media (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__title { margin-inline: 0; } }
.t6yb211.t6yb211 .td-header__search { display: flex; align-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.t6yb211.t6yb211 .td-header__tools > * { margin: 0; }
@media (not (width < 50rem)) { .t6yb211.t6yb211 .td-header__tools { display: flex; } }
.t6yb211.t6yb211 .td-header__tools { gap: calc(var(--gap) * 0.5); flex-flow: row; align-items: center; justify-content: flex-end; }
@media (width < 50rem) { .t6yb211.t6yb211 .td-header__logo[data-tasty-anatomy="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 (width < 50rem) { .t6yb211.t6yb211 .td-header__mobile-language { display: grid; } }
@media (width < 50rem) { .t6yb211.t6yb211 .td-header__mobile-theme { display: grid; } }
@media (width < 50rem) { .t6yb211.t6yb211 .td-header__primary { gap: 0.5rem; block-size: 3.5rem; min-block-size: initial; max-block-size: initial; } }
@media (width < 50rem) { .t6yb211.t6yb211 .td-header__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 (width < 50rem) { .t6yb211.t6yb211 .site-title { 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 (width < 50rem) { .t6yb211.t6yb211 .td-header__title { margin-inline: 0 auto; } }
@media (width < 50rem) { .t6yb211.t6yb211 .td-header__tools { display: none; } }
.t1x4krky.t1x4krky { block-size: auto; min-block-size: 100vh; max-block-size: initial; }
@media (not (width < 72rem)) { .tdyjjaj.tdyjjaj > .main-frame > div { display: flex; } }
.tdyjjaj.tdyjjaj > .main-frame > div { inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
@media (not (width >= 50rem)) { .tdyjjaj.tdyjjaj > .main-frame { inline-size: auto; min-inline-size: 0; max-inline-size: 100%; } }
.tdyjjaj.tdyjjaj > .main-frame { margin-inline: auto; padding-block: var(--docs-nav-height) 0; padding-inline: 0; }
@media (not (width < 50rem)) { .tdyjjaj.tdyjjaj[data-has-sidebar] > .main-frame { padding-inline: var(--sidebar-width) 0; } }
@media (width < 72rem) { .tdyjjaj.tdyjjaj > .main-frame > div { display: block; } }
@media (width >= 50rem) { .tdyjjaj.tdyjjaj > .main-frame { inline-size: min(100%, var(--layout-width)); min-inline-size: initial; max-inline-size: initial; } }
@media (width < 50rem) { .tdyjjaj.tdyjjaj[data-has-sidebar] > .main-frame { padding-inline: 0; } }