@property --item-gap { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --sidebar-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
@property --resting-shadow-blur { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --resting-shadow-offset { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
.t7nswyc.t7nswyc { padding-block: calc(4 * var(--gap)) 0; padding-inline: var(--docs-sidebar-pad-x); }
@media (width >= 72rem) { .t1nmaua5.t1nmaua5 { display: block; } }
@media (not (width >= 72rem)) { .t1nmaua5.t1nmaua5 { display: none; } }
.tkwoeo.tkwoeo 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)); }
.tkwoeo.tkwoeo li { inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; list-style: none; }
.tkwoeo.tkwoeo a { display: block; inline-size: auto; min-inline-size: 0; max-inline-size: 100%; padding-block: calc(0.5 * 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(--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; }
.tkwoeo.tkwoeo a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.tkwoeo.tkwoeo ul { --item-gap: 1px; display: grid; gap: var(--item-gap); grid-template-columns: minmax(0, 1fr); inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; list-style: none; }
.tkwoeo.tkwoeo a:where([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)); }
.tkwoeo.tkwoeo a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); }
.tub2cg5.tub2cg5 { display: flex; gap: var(--gap); flex-flow: row wrap; }
.tjwlc4u.tjwlc4u button { display: inline-flex; align-items: center; padding: var(--gap) calc(1.5 * var(--gap)); border: var(--border-width) solid var(--border-color); border-radius: var(--radius); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-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; cursor: pointer; }
.tjwlc4u.tjwlc4u a { display: inline-flex; align-items: center; padding: var(--gap) calc(1.5 * var(--gap)); border: var(--border-width) solid var(--border-color); border-radius: var(--radius); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-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; cursor: pointer; }
.tjwlc4u.tjwlc4u button:where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
.tjwlc4u.tjwlc4u a:where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
.tjwlc4u.tjwlc4u button:where(:hover) { background-color: var(--surface-2-color); }
.tjwlc4u.tjwlc4u a:where(:hover) { background-color: var(--surface-2-color); }
.tjwlc4u.tjwlc4u button:where([aria-disabled="true"]) { cursor: wait; }
.tjwlc4u.tjwlc4u *:where([role="status"]) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
@media not print { .t1ok493v.t1ok493v { display: grid; } }
.t1ok493v.t1ok493v { gap: calc(2 * var(--gap)); }
@media print { .t1ok493v.t1ok493v { display: none; } }
@media (width > 40rem) { .t1kftpuu.t1kftpuu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (not (width > 40rem)) { .t1kftpuu.t1kftpuu { grid-template-columns: 1fr; } }
.tsjrjzk.tsjrjzk 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; }
.tsjrjzk.tsjrjzk 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(2 * var(--gap)); 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(--color-transition, var(--transition)), background-color var(--fill-transition, var(--transition)), background-image var(--fill-transition, var(--transition)), --tasty-second-fill-color var(--fill-transition, var(--transition)); text-decoration: none; overflow-wrap: anywhere; }
.tsjrjzk.tsjrjzk 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; }
.tsjrjzk.tsjrjzk a[rel="next"]:dir(rtl)::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; }
.tsjrjzk.tsjrjzk a[rel="prev"]:dir(rtl)::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; }
.tsjrjzk.tsjrjzk [data-element="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)); }
.tsjrjzk.tsjrjzk a:where(:active) { background-color: var(--surface-2-pressed-color); }
.tsjrjzk.tsjrjzk a:where(:hover) { border-color: var(--border-color); background-color: var(--surface-2-hover-color); }
.tsjrjzk.tsjrjzk a > span:where(:is(a[rel="next"] > span)) { margin-inline: auto 0; text-align: end; }
.tsjrjzk.tsjrjzk a:where([rel="next"]) { justify-content: flex-start; text-align: end; }
@media (width > 40rem) { .tsjrjzk.tsjrjzk a:where([rel="next"]) { grid-column: 2; grid-row: 1; } }
@media (width > 40rem) { .tsjrjzk.tsjrjzk a:where([rel="prev"]) { grid-column: 1; grid-row: 1; } }
@media (not (width > 40rem)) { .tsjrjzk.tsjrjzk a:where([rel="next"]) { grid-column: auto; grid-row: auto; } }
@media (not (width > 40rem)) { .tsjrjzk.tsjrjzk a:where([rel="prev"]) { grid-column: auto; grid-row: auto; } }
.txstpk0.txstpk0 { border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); border: 0 solid var(--border-color); background-color: transparent; border-radius: 0; }
.txstpk0.txstpk0:where(:not(:active):not(:hover)) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
.txstpk0.txstpk0:where(:hover:not(:active)) { color: var(--text-color); --current-color: var(--text-color); }
.txstpk0.txstpk0:where(:active) { color: var(--accent-text-color); --current-color: var(--accent-text-color); }
.t1nnu4qh.t1nnu4qh { 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; }
.tgp1t8u.tgp1t8u { block-size: 3rem; min-block-size: 0; max-block-size: initial; flex-shrink: 0; margin-inline: calc(-1 * var(--docs-nav-pad-x)); inline-size: calc(100% + calc(var(--docs-nav-pad-x) * 2)); min-inline-size: initial; max-inline-size: initial; padding: 0 var(--docs-nav-pad-x); }
@media (width >= 50rem) { .ttfynhq.ttfynhq { display: none; } }
.ttfynhq.ttfynhq { gap: var(--gap); }
@media (not (width >= 50rem)) { .ttfynhq.ttfynhq { display: flex; } }
.t1bksqkn.t1bksqkn > 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; }
.t1bksqkn.t1bksqkn [data-element="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)); }
.t1bksqkn.t1bksqkn [data-element="Section"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; inline-size: auto; min-inline-size: initial; max-inline-size: 40%; }
.t4cofce.t4cofce { margin-block: 0; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
@media (not (width >= 50rem)) { .t1ldvpwl.t1ldvpwl { display: grid; } }
@media (width >= 50rem) { .t1ldvpwl.t1ldvpwl { display: none; } }
.tmfdww2.tmfdww2 > button > [data-element="Caret"] { flex-shrink: 0; inline-size: 0.875rem; min-inline-size: initial; max-inline-size: initial; block-size: 0.875rem; min-block-size: initial; max-block-size: initial; }
.tmfdww2.tmfdww2 nav a > [data-element="Checkmark"] { flex-shrink: 0; margin-inline: auto 0; inline-size: 1rem; min-inline-size: initial; max-inline-size: initial; block-size: 1rem; min-block-size: initial; max-block-size: initial; visibility: hidden; }
.tmfdww2.tmfdww2 [data-element="TriggerLabel"] [data-element="Label"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tmfdww2.tmfdww2 nav a { display: flex; gap: var(--gap); align-items: center; block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(0.75 * var(--gap)) 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); }
.tmfdww2.tmfdww2 nav { display: grid; gap: calc(0.25 * var(--gap)); }
.tmfdww2.tmfdww2 > [data-element="Panel"] { position: fixed; inset: auto; inline-size: anchor-size(width); min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: initial; max-block-size: calc(100dvh - anchor(bottom) - calc(2 * 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); border-radius: var(--card-radius); box-shadow:  0 0.75rem 2rem var(--shadow-color); opacity: 0; scale: 1 0.96; transform-origin: top; position-anchor: --section-trigger; inset-block: calc(anchor(bottom) + var(--gap)) auto; inset-inline: anchor(start) auto; }
@media (prefers-reduced-motion: reduce) { .tmfdww2.tmfdww2 > [data-element="Panel"] { transition: none; } }
.tmfdww2.tmfdww2 [data-element="PanelTitle"] { padding: calc(0.75 * var(--gap)) var(--gap); color: var(--text-muted-color); --current-color: var(--text-muted-color); font-size: var(--control-label-font-size, var(--default-font-size)); line-height: var(--control-label-line-height, var(--default-line-height)); letter-spacing: var(--control-label-letter-spacing, var(--default-letter-spacing)); font-weight: var(--bold-font-weight); font-style: var(--control-label-font-style, var(--default-font-style)); text-transform: var(--control-label-text-transform, var(--default-text-transform)); font-family: var(--control-label-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--control-label-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--control-label-icon-size, var(--default-icon-size)); }
.tmfdww2.tmfdww2 > button { display: flex; gap: calc(0.5 * var(--gap)); align-items: center; justify-content: space-between; color: var(--text-soft-color); --current-color: var(--text-soft-color); border-radius: var(--radius); 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)); cursor: pointer; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; block-size: auto; min-block-size: 2.75rem; max-block-size: initial; padding: var(--gap) calc(1.25 * var(--gap)); border: var(--border-width) solid var(--border-color); background-color: var(--surface-color); anchor-name: --section-trigger; }
.tmfdww2.tmfdww2 [data-element="TriggerLabel"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tmfdww2.tmfdww2 nav a:where([aria-current="page"]) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-2-subtle-color); }
.tmfdww2.tmfdww2:where(:has([popover]:popover-open)) > button > [data-element="Caret"] [data-element="ExpandedCaret"] { rotate: 180deg; }
.tmfdww2.tmfdww2 nav a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tmfdww2.tmfdww2 > button:where(:hover), .tmfdww2.tmfdww2:where(:has([popover]:popover-open)) > button:where(:not(:hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tmfdww2.tmfdww2 > [data-element="Panel"]:where([data-open]:not([data-entering]):popover-open) { opacity: 1; scale: 1; }
@media (not (prefers-reduced-motion: reduce)) { .tmfdww2.tmfdww2 > [data-element="Panel"] { transition: opacity var(--popover-transition) ease-out, transform var(--popover-transition) ease-out, scale var(--popover-transition) ease-out, display var(--popover-transition) allow-discrete, overlay var(--popover-transition) allow-discrete; } }
.tmfdww2.tmfdww2 nav a > [data-element=Checkmark]:where(:is([aria-current="page"] > *)) { visibility: visible; }
@media (width >= 72rem) { .t12j4fsv.t12j4fsv { 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; } }
@media (not (width >= 72rem)) { .t12j4fsv.t12j4fsv { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
@media (not (width >= 72rem)) { .tr7gvvt.tr7gvvt:where(:not(:has(cookbook-mobile-toc))) { display: none; } }
.tr7gvvt.tr7gvvt:where(:has(cookbook-mobile-toc)) { display: block; }
@media (width >= 72rem) { .tj27e0t.tj27e0t { order: 2; } }
.tj27e0t.tj27e0t { position: relative; }
@media (not (width >= 72rem)) { .tj27e0t.tj27e0t { order: 0; } }
@media (width >= 72rem) { .t1ga7zct.t1ga7zct [data-element="Content"] { position: sticky; block-size: calc(100vh - var(--docs-nav-height)); min-block-size: initial; max-block-size: initial; overflow-y: auto; } }
.t1ga7zct.t1ga7zct [data-element="Content"] { inset-block: var(--docs-nav-height) auto; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; scrollbar-width: none; }
@media (not (width >= 72rem)) { .t1ga7zct.t1ga7zct [data-element="Content"] { position: static; block-size: auto; min-block-size: initial; max-block-size: initial; overflow-y: visible; } }
.tccqo84.tccqo84 { padding: var(--gap) var(--docs-sidebar-pad-x); }
.tub2dae.tub2dae { display: flex; gap: calc(2 * var(--gap)); flex-flow: row wrap; }
.t16cxc8p.t16cxc8p { align-items: center; justify-content: space-between; }
.todcd4e.todcd4e:where(:not(:empty)) [data-element="Social"] { display: flex; }
.todcd4e.todcd4e [data-element="Social"] { gap: calc(2 * var(--gap)); align-items: center; margin-inline: 0 auto; padding-block: var(--gap); }
.todcd4e.todcd4e:where(:empty) [data-element="Social"] { display: none; }
.tww0xx4.tww0xx4 { border: 0 solid var(--border-color); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-color); }
@media (width >= 50rem) { .tww0xx4.tww0xx4 { box-shadow: none ; } }
@media (not (width >= 50rem)) { .tww0xx4.tww0xx4 { box-shadow:  0.25rem 0 1rem var(--shadow-color); } }
.ttslscl.ttslscl { block-size: auto; min-block-size: initial; max-block-size: initial; margin: 0; padding: 0; }
@media (width >= 50rem) { .ttslscl.ttslscl { inline-size: var(--sidebar-width); min-inline-size: initial; max-inline-size: initial; } }
@media (not (width >= 50rem)) { .ttslscl.ttslscl { inline-size: min(22rem, calc(100% - 2rem)); min-inline-size: initial; max-inline-size: initial; } }
@media (width >= 50rem) { .t3bypnv.t3bypnv { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); scrollbar-gutter: stable; display: block; } }
@media (not (width >= 50rem)) { .t3bypnv.t3bypnv { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); } }
@media (width >= 50rem) { .t1q0qjvj.t1q0qjvj { inset-block: var(--docs-nav-height) 0; transition: none; z-index: 8; inset-inline: max(0px, calc(calc(100% - var(--layout-width)) / 2)) auto; } }
@media (not (width >= 50rem)) { .t1q0qjvj.t1q0qjvj { inset-inline: 0 auto; inset-block: 0; z-index: 12; } }
.t1q0qjvj.t1q0qjvj { position: fixed; }
@media (not (width >= 50rem)) and (prefers-reduced-motion: reduce) { .t1q0qjvj.t1q0qjvj { transition: none; } }
@media (not (prefers-reduced-motion: reduce)) and (not (width >= 50rem)) { .t1q0qjvj.t1q0qjvj { transition: transform var(--sidebar-transition) ease-out, translate var(--sidebar-transition) ease-out, visibility var(--sidebar-transition), display var(--sidebar-transition) allow-discrete, overlay var(--sidebar-transition) allow-discrete; } }
.t1304ckl.t1304ckl { --sidebar-transition: 120ms; overflow-y: auto; overscroll-behavior: contain; }
@media (width >= 50rem) { .t1304ckl.t1304ckl { translate: 0; visibility: visible; } }
@media (not (width >= 50rem)) { .t1304ckl.t1304ckl:where([data-open]:popover-open) { translate: 0; } }
@media (not (width >= 50rem)) { .t1304ckl.t1304ckl:where(:popover-open) { visibility: visible; } }
@media (not (width >= 50rem)) { .t1304ckl.t1304ckl:where(:not(:popover-open[data-open])) { translate: -100% 0; } }
@media (not (width >= 50rem)) { .t1304ckl.t1304ckl:where(:not(:popover-open)) { visibility: hidden; } }
.t1po0iin.t1po0iin::backdrop { background-color: var(--overlay-color); opacity: 0; }
@media (width >= 50rem) { .t1po0iin.t1po0iin::backdrop { transition: none; } }
@media (not (width >= 50rem)) and (prefers-reduced-motion: reduce) { .t1po0iin.t1po0iin::backdrop { transition: none; } }
.t1po0iin.t1po0iin cookbook-sidebar [data-element="Badge"] { white-space: nowrap; display: inline-flex; align-items: center; flex-shrink: 0; margin-inline: auto 0; padding: 0.125em 0.625em; color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-color); border-radius: 9999rem; 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)); }
.t1po0iin.t1po0iin [data-element="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; }
.t1po0iin.t1po0iin:where(:not(:dir(rtl))) [data-element="Caret"] { transform: none; }
.t1po0iin.t1po0iin [data-element="MobileHeading"] > 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); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: transparent; border-radius: var(--header-control-radius); }
.t1po0iin.t1po0iin [data-element="MobileHeading"] > 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; }
.t1po0iin.t1po0iin [data-element="Content"] { display: flex; flex-flow: column; }
@media (width >= 50rem) { .t1po0iin.t1po0iin [data-element="Content"] { gap: calc(2 * var(--gap)); block-size: auto; min-block-size: 100%; max-block-size: initial; padding-inline: var(--docs-sidebar-pad-x); padding-block: calc(3 * var(--gap)) calc(6 * var(--gap)); } }
.t1po0iin.t1po0iin cookbook-sidebar summary { block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(0.75 * var(--gap)) calc(1.25 * var(--gap)); 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; }
.t1po0iin.t1po0iin cookbook-sidebar a { block-size: auto; min-block-size: 2.25rem; max-block-size: initial; padding: calc(0.75 * var(--gap)) calc(1.25 * var(--gap)); 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); }
.t1po0iin.t1po0iin [data-element="GroupLabel"] { display: flex; gap: 0.25em; align-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; flex-grow: 1; }
.t1po0iin.t1po0iin [data-element=SectionHeading] { display: flex; gap: 0.25em; align-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; flex-grow: 1; }
.t1po0iin.t1po0iin summary > a { justify-content: space-between; }
.t1po0iin.t1po0iin [data-element="HomeLabel"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1po0iin.t1po0iin [data-element="HomeLink"] { 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)); }
.t1po0iin.t1po0iin [data-element="HomeLink"] > [data-element="Logo"] { inline-size: 2rem; min-inline-size: initial; max-inline-size: initial; block-size: 2rem; min-block-size: initial; max-block-size: initial; }
.t1po0iin.t1po0iin cookbook-sidebar li { overflow-wrap: anywhere; }
.t1po0iin.t1po0iin cookbook-sidebar ul { display: grid; gap: var(--border-width); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
@media (width >= 50rem) { .t1po0iin.t1po0iin [data-element="MobileFooter"] { display: none; } }
.t1po0iin.t1po0iin [data-element="MobileFooter"] { flex-shrink: 0; }
@media (width >= 50rem) { .t1po0iin.t1po0iin [data-element="MobileHeader"] { display: none; } }
.t1po0iin.t1po0iin [data-element="MobileHeader"] { gap: calc(2 * var(--gap)); flex-shrink: 0; padding: calc(2 * var(--gap)) var(--docs-sidebar-pad-x); border-block-start: 0 solid var(--border-color); border-block-end: var(--border-width) solid var(--border-color); }
@media (width >= 50rem) { .t1po0iin.t1po0iin [data-element="MobileHeading"] { display: none; } }
.t1po0iin.t1po0iin [data-element="MobileHeading"] { gap: var(--gap); align-items: center; justify-content: space-between; }
.t1po0iin.t1po0iin cookbook-sidebar details > ul > li { margin-inline: calc(1.5 * var(--gap)) 0; }
.t1po0iin.t1po0iin [data-element="SectionHeading"] { margin: 0 0 var(--border-width) 0; padding: calc(0.75 * var(--gap)) calc(1.25 * var(--gap)); 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)); }
.t1po0iin.t1po0iin cookbook-sidebar summary::marker { display: none; }
.t1po0iin.t1po0iin summary::-webkit-details-marker { display: none; }
.t1po0iin.t1po0iin cookbook-sidebar { display: block; }
@media (not (prefers-reduced-motion: reduce)) and (not (width >= 50rem)) { .t1po0iin.t1po0iin::backdrop { transition: opacity var(--sidebar-transition) ease-out, display var(--sidebar-transition) allow-discrete, overlay var(--sidebar-transition) allow-discrete; } }
.t1po0iin.t1po0iin:where(:dir(rtl)) [data-element="Caret"] { transform: rotate(180deg); }
@media (not (width >= 50rem)) { .t1po0iin.t1po0iin [data-element="Content"] { gap: 0; block-size: 100%; min-block-size: initial; max-block-size: initial; padding-inline: 0; padding-block: 0; } }
.t1po0iin.t1po0iin cookbook-sidebar a:where([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)); }
.t1po0iin.t1po0iin details > summary > [data-element=Caret]:where(:is(details[open] > summary > *, details[open] > summary > a > *)) { transform: rotate(90deg); }
.t1po0iin.t1po0iin details > summary > a > [data-element=Caret]:where(:is(details[open] > summary > *, details[open] > summary > a > *)) { transform: rotate(90deg); }
.t1po0iin.t1po0iin [data-element="GroupLabel"] > span:where(:first-child) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1po0iin.t1po0iin [data-element="SectionHeading"] > span:where(:first-child) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1po0iin.t1po0iin ul > li + li:where([data-section][data-top-level]) { margin-block: calc(2.5 * var(--gap)) 0; }
.t1po0iin.t1po0iin [data-element="MobileHeading"] > button:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1po0iin.t1po0iin cookbook-sidebar a:where(:is(:not([aria-current="page"]):focus-visible, :not([aria-current="page"]):hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1po0iin.t1po0iin cookbook-sidebar a:where(:focus-visible) { position: relative; z-index: 1; }
.t1po0iin.t1po0iin cookbook-sidebar summary:where(:is(:not([aria-current="page"]):focus-visible, :not([aria-current="page"]):hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1po0iin.t1po0iin cookbook-sidebar summary:where(:focus-visible) { position: relative; z-index: 1; }
.t1po0iin.t1po0iin a > span:where(:first-child) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1po0iin.t1po0iin [data-element=SectionHeading]:where(:has(> a)) { padding: 0; }
.t1po0iin.t1po0iin summary:where(:has(> a)) { padding: 0; }
@media (not (width >= 50rem)) { .t1po0iin.t1po0iin [data-element="MobileHeader"] { display: grid; } }
@media (not (width >= 50rem)) { .t1po0iin.t1po0iin [data-element="MobileHeading"] { display: flex; } }
.t1po0iin.t1po0iin:where([data-open]:popover-open)::backdrop { opacity: 1; }
.t1po0iin.t1po0iin [data-element="SectionHeading"] > a:where(: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)); }
.t1po0iin.t1po0iin a:where([data-top-level]: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)); }
.t1po0iin.t1po0iin ul > li + li:where([data-top-level]:not([data-section])) { margin-block: 0; }
@media (not (width >= 50rem)) { .t1po0iin.t1po0iin cookbook-sidebar { flex-grow: 1; flex-basis: 0; block-size: auto; min-block-size: 0; max-block-size: initial; padding: calc(2 * var(--gap)) var(--docs-sidebar-pad-x); overflow-y: auto; scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); scrollbar-gutter: stable; overscroll-behavior: contain; } }
.t1hsnwx4.t1hsnwx4 { border: var(--border-width) solid var(--border-color); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-color); border-radius: var(--card-radius); box-shadow:  0 var(--resting-shadow-offset) var(--resting-shadow-blur) var(--shadow-color); }
.t17g6cl3.t17g6cl3 { margin: 0; }
.t13ysi39.t13ysi39 { overflow: clip; }
.t1iwh8n0.t1iwh8n0 { --resting-shadow-blur: 2px; --resting-shadow-offset: 1px; }
.t1r7wk1w.t1r7wk1w [data-element="Caption"] { padding: calc(1.5 * var(--gap)) calc(2 * var(--gap)); 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)); background-color: var(--surface-2-color); }
.t1r7wk1w.t1r7wk1w [data-element="Code"] { border-top: var(--border-width) solid var(--border-color); border-right: 0 solid var(--border-color); border-bottom: 0 solid var(--border-color); border-left: 0 solid var(--border-color); }
.t1r7wk1w.t1r7wk1w [data-element="Frame"] { display: block; width: 100%; min-width: initial; max-width: initial; height: auto; min-height: 10rem; max-height: 100vh; border: 0 solid var(--border-color); background-color: var(--surface-color); }
.t1r7wk1w.t1r7wk1w [data-element="Pre"] { margin: 0; padding: calc(2 * var(--gap)); overflow-x: auto; color: var(--syntax-text-color); --current-color: var(--syntax-text-color); background-color: var(--syntax-bg-color); 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)); border-radius: 0; }
.t1r7wk1w.t1r7wk1w [data-element="Stage"] { padding: calc(2 * var(--gap)); background-color: var(--surface-color); }
.t1r7wk1w.t1r7wk1w [data-element="Summary"] { padding: calc(1.5 * var(--gap)) calc(2 * var(--gap)); 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)); background-color: var(--surface-2-color); cursor: pointer; transition: background-color var(--fill-transition, var(--transition)), background-image var(--fill-transition, var(--transition)), --tasty-second-fill-color var(--fill-transition, var(--transition)); }
.t1r7wk1w.t1r7wk1w > details > summary:where(:active) { background-color: var(--surface-2-pressed-color); }
.t1r7wk1w.t1r7wk1w > details > summary:where(:hover) { background-color: var(--surface-2-hover-color); }