@property --item-gap { syntax: "<length-percentage>"; inherits: true; initial-value: 0px; }
@property --sidebar-transition { syntax: "<time>"; inherits: true; initial-value: 0s; }
.txbw0xf.txbw0xf { padding-block: calc(var(--gap) * 4) 0; padding-inline: var(--docs-sidebar-pad-x); }
@media (width >= 72rem) { .t1nmaua5.t1nmaua5 { display: block; } }
@media (not (width >= 72rem)) { .t1nmaua5.t1nmaua5 { display: none; } }
.t1izd7zh.t1izd7zh 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)); }
.t1izd7zh.t1izd7zh li { inline-size: auto; min-inline-size: 0; max-inline-size: initial; margin: 0; padding: 0; list-style: none; }
.t1izd7zh.t1izd7zh a { display: block; inline-size: auto; min-inline-size: 0; max-inline-size: 100%; padding-block: 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; }
.t1izd7zh.t1izd7zh a > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; inline-size: auto; min-inline-size: 0; max-inline-size: initial; }
.t1izd7zh.t1izd7zh 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; }
.t1izd7zh.t1izd7zh 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)); }
.t1izd7zh.t1izd7zh a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); }
.t1a4749k.t1a4749k { display: flex; gap: var(--gap); flex-flow: row wrap; }
.t18abh6x.t18abh6x button { display: inline-flex; align-items: center; padding: var(--gap) calc(var(--gap) * 1.5); 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-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; }
.t18abh6x.t18abh6x a { display: inline-flex; align-items: center; padding: var(--gap) calc(var(--gap) * 1.5); 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-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; }
.t18abh6x.t18abh6x button:where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
.t18abh6x.t18abh6x a:where(:focus-visible) { outline: var(--outline-width) solid var(--focus-color); outline-offset: var(--outline-offset); }
.t18abh6x.t18abh6x button:where(:hover) { background-color: var(--surface-2-color); }
.t18abh6x.t18abh6x a:where(:hover) { background-color: var(--surface-2-color); }
.t18abh6x.t18abh6x button:where([aria-disabled="true"]) { cursor: wait; }
.t18abh6x.t18abh6x *:where([role="status"]) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
@media not print { .t1jldkj3.t1jldkj3 { display: grid; gap: calc(var(--gap) * 2); } }
@media print { .t1jldkj3.t1jldkj3 { display: none; } }
@media print { .t1jldkj3.t1jldkj3 > *:not(:last-child) { margin-bottom: calc(var(--gap) * 2); } }
@media (width > 40rem) { .t1kftpuu.t1kftpuu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (not (width > 40rem)) { .t1kftpuu.t1kftpuu { grid-template-columns: 1fr; } }
.t1oaidku.t1oaidku 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; }
.t1oaidku.t1oaidku 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(--clear-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; }
.t1oaidku.t1oaidku 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; }
.t1oaidku.t1oaidku: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; }
.t1oaidku.t1oaidku: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; }
.t1oaidku.t1oaidku [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)); }
.t1oaidku.t1oaidku a:where(:active) { background-color: var(--surface-2-pressed-color); }
.t1oaidku.t1oaidku a:where(:hover) { border-color: var(--border-color); background-color: var(--surface-2-hover-color); }
.t1oaidku.t1oaidku a > span:where(:is(a[rel="next"] > span)) { margin-inline: auto 0; text-align: end; }
.t1oaidku.t1oaidku a:where([rel="next"]) { justify-content: flex-start; text-align: end; }
@media (width > 40rem) { .t1oaidku.t1oaidku a:where([rel="next"]) { grid-column: 2; grid-row: 1; } }
@media (width > 40rem) { .t1oaidku.t1oaidku a:where([rel="prev"]) { grid-column: 1; grid-row: 1; } }
@media (not (width > 40rem)) { .t1oaidku.t1oaidku a:where([rel="next"]) { grid-column: auto; grid-row: auto; } }
@media (not (width > 40rem)) { .t1oaidku.t1oaidku a:where([rel="prev"]) { grid-column: auto; grid-row: auto; } }
.t8adcp1.t8adcp1 { border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); border: 0 solid var(--border-color, currentColor); background-color: var(--clear-color); border-radius: 0; }
.t8adcp1.t8adcp1:where(:not(:active):not(:hover)) { color: var(--text-soft-color); --current-color: var(--text-soft-color); }
.t8adcp1.t8adcp1:where(:hover:not(:active)) { color: var(--text-color); --current-color: var(--text-color); }
.t8adcp1.t8adcp1: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) { .thvrd6e.thvrd6e { display: none; } }
@media (width >= 50rem) { .thvrd6e.thvrd6e > *:not(:last-child) { margin-bottom: var(--gap); } }
@media (not (width >= 50rem)) { .thvrd6e.thvrd6e { display: flex; gap: var(--gap); } }
.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%; }
.t1p29vfm.t1p29vfm { margin-block: 0; }
@media (not (width >= 50rem)) { .tkgivpz.tkgivpz { display: grid; } }
.tkgivpz.tkgivpz { gap: var(--gap); }
@media (width >= 50rem) { .tkgivpz.tkgivpz { display: none; } }
.trnpfjm.trnpfjm summary > svg { flex-shrink: 0; }
.trnpfjm.trnpfjm li { margin: 0; }
.trnpfjm.trnpfjm [data-element="Label"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trnpfjm.trnpfjm a { display: flex; align-items: center; 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(--text-soft-color); --current-color: var(--text-soft-color); font-size: var(--navigation-font-size, var(--default-font-size)); line-height: var(--navigation-line-height, var(--default-line-height)); letter-spacing: var(--navigation-letter-spacing, var(--default-letter-spacing)); font-weight: var(--navigation-font-weight, var(--default-font-weight)); font-style: var(--navigation-font-style, var(--default-font-style)); text-transform: var(--navigation-text-transform, var(--default-text-transform)); font-family: var(--navigation-font-family, var(--default-font-family, var(--font-sans, var(--font-sans-fallback)))), var(--font-sans, var(--font-sans-fallback)); --bold-font-weight: var(--navigation-bold-font-weight, var(--default-bold-font-weight)); --icon-size: var(--navigation-icon-size, var(--default-icon-size)); text-decoration: none; border-radius: var(--radius); }
.trnpfjm.trnpfjm ul { display: grid; gap: var(--border-width); padding: var(--gap); margin-block: var(--gap) 0; margin: var(--gap) 0 0 0; list-style: none; border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--radius); background-color: var(--surface-color); }
.trnpfjm.trnpfjm summary::marker { display: none; }
.trnpfjm.trnpfjm summary::-webkit-details-marker { display: none; }
.trnpfjm.trnpfjm summary { display: flex; gap: var(--gap); align-items: center; justify-content: space-between; block-size: auto; min-block-size: 2.75rem; max-block-size: initial; padding: var(--gap) calc(var(--gap) * 1.25); border: var(--border-width) solid var(--border-color, currentColor); border-radius: var(--radius); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--surface-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)); list-style: none; }
.trnpfjm.trnpfjm a:where([aria-current="page"]) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-color); }
.trnpfjm.trnpfjm details > summary > svg:where(:is([open] > summary > *)) { rotate: 180deg; }
.trnpfjm.trnpfjm a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
@media (width >= 72rem) { .t1tqfppu.t1tqfppu { 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)) { .t1tqfppu.t1tqfppu { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
@media (not (width >= 72rem)) { .t16u1cwi.t16u1cwi:where(:not(:has(cookbook-mobile-toc))) { display: none; } }
.t16u1cwi.t16u1cwi: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; } }
.t1b2yqc5.t1b2yqc5 { border-block-start: var(--border-width) solid var(--border-color); border-block-end: 0 solid var(--border-color); }
.tp40jt3.tp40jt3 { padding-block: var(--gap); }
.t145p7mt.t145p7mt { display: flex; gap: calc(var(--gap) * 2); flex-flow: row wrap; }
.t16cxc8p.t16cxc8p { align-items: center; justify-content: space-between; }
.t1ryuufh.t1ryuufh:where(:not(:empty)) [data-element="Social"] { display: flex; }
.t1ryuufh.t1ryuufh [data-element="Social"] { gap: calc(var(--gap) * 2); align-items: center; margin-inline: 0 auto; padding-block: calc(var(--gap) * 2); }
.t1ryuufh.t1ryuufh:where(:empty) [data-element="Social"] { display: none; }
.tww0xx4.tww0xx4 { border: 0 solid var(--border-color, currentColor); 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); } }
.t1xys6ag.t1xys6ag { block-size: auto; min-block-size: initial; max-block-size: initial; margin: 0; padding: 0; }
@media (width >= 50rem) { .t1xys6ag.t1xys6ag { inline-size: var(--sidebar-width); min-inline-size: initial; max-inline-size: initial; } }
@media (not (width >= 50rem)) { .t1xys6ag.t1xys6ag { inline-size: min(22rem, calc(100% - 2rem)); min-inline-size: initial; max-inline-size: initial; } }
@media (width >= 50rem) { .t154wdlj.t154wdlj { display: block; } }
.t154wdlj.t154wdlj { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); scrollbar-gutter: stable; }
@media (width >= 50rem) { .t12igr0y.t12igr0y { inset-block: var(--docs-nav-height) 0; transition: none var(--none-transition, var(--transition)); z-index: 8; inset-inline: max(0px, calc(calc(100% - var(--layout-width)) / 2)) auto; } }
@media (not (width >= 50rem)) { .t12igr0y.t12igr0y { inset-inline: 0 auto; inset-block: 0; z-index: 12; } }
.t12igr0y.t12igr0y { position: fixed; }
@media (not (width >= 50rem)) and (prefers-reduced-motion: reduce) { .t12igr0y.t12igr0y { transition: none var(--none-transition, var(--transition)); } }
@media (not (prefers-reduced-motion: reduce)) and (not (width >= 50rem)) { .t12igr0y.t12igr0y { 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; } }
.t1ypgxar.t1ypgxar { --sidebar-transition: 120ms; overflow-y: auto; overscroll-behavior: contain; }
@media (width >= 50rem) { .t1ypgxar.t1ypgxar { translate: 0; visibility: visible; } }
@media (not (width >= 50rem)) { .t1ypgxar.t1ypgxar:where([data-open]:popover-open) { translate: 0; } }
@media (not (width >= 50rem)) { .t1ypgxar.t1ypgxar:where(:popover-open) { visibility: visible; } }
@media (not (width >= 50rem)) { .t1ypgxar.t1ypgxar:where(:not(:popover-open[data-open])) { translate: -100% 0; } }
@media (not (width >= 50rem)) { .t1ypgxar.t1ypgxar:where(:not(:popover-open)) { visibility: hidden; } }
.t1ecjyuq.t1ecjyuq::backdrop { background-color: var(--overlay-color); opacity: 0; }
@media (width >= 50rem) { .t1ecjyuq.t1ecjyuq::backdrop { transition: none var(--none-transition, var(--transition)); } }
@media (not (width >= 50rem)) and (prefers-reduced-motion: reduce) { .t1ecjyuq.t1ecjyuq::backdrop { transition: none var(--none-transition, var(--transition)); } }
.t1ecjyuq.t1ecjyuq 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)); }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq:where(:not(:dir(rtl))) [data-element="Caret"] { transform: none; }
.t1ecjyuq.t1ecjyuq [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, currentColor); color: var(--text-soft-color); --current-color: var(--text-soft-color); background-color: var(--clear-color); border-radius: var(--header-control-radius); }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq [data-element="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); }
@media (width >= 50rem) { .t1ecjyuq.t1ecjyuq [data-element="Content"] { padding-block: calc(var(--gap) * 3) calc(var(--gap) * 6); } }
.t1ecjyuq.t1ecjyuq 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; }
.t1ecjyuq.t1ecjyuq 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); }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq summary > a { justify-content: space-between; }
.t1ecjyuq.t1ecjyuq [data-element="HomeLabel"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1ecjyuq.t1ecjyuq [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)); }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq cookbook-sidebar li { overflow-wrap: anywhere; }
.t1ecjyuq.t1ecjyuq 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) { .t1ecjyuq.t1ecjyuq [data-element="MobileHeading"] { display: none; } }
.t1ecjyuq.t1ecjyuq [data-element="MobileHeading"] { gap: var(--gap); align-items: center; justify-content: space-between; }
.t1ecjyuq.t1ecjyuq cookbook-sidebar details > ul > li { margin-inline: calc(var(--gap) * 1.5) 0; }
.t1ecjyuq.t1ecjyuq [data-element="SectionHeading"] { 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)); }
.t1ecjyuq.t1ecjyuq cookbook-sidebar summary::marker { display: none; }
.t1ecjyuq.t1ecjyuq summary::-webkit-details-marker { display: none; }
.t1ecjyuq.t1ecjyuq cookbook-sidebar { display: block; }
@media (not (prefers-reduced-motion: reduce)) and (not (width >= 50rem)) { .t1ecjyuq.t1ecjyuq::backdrop { transition: opacity var(--sidebar-transition) ease-out, display var(--sidebar-transition) allow-discrete, overlay var(--sidebar-transition) allow-discrete; } }
.t1ecjyuq.t1ecjyuq:where(:dir(rtl)) [data-element="Caret"] { transform: rotate(180deg); }
@media (not (width >= 50rem)) { .t1ecjyuq.t1ecjyuq [data-element="Content"] { padding-block: calc(var(--gap) * 2) calc(var(--gap) * 6); } }
.t1ecjyuq.t1ecjyuq 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)); }
.t1ecjyuq.t1ecjyuq details > summary > [data-element=Caret]:where(:is(details[open] > summary > *, details[open] > summary > a > *)) { transform: rotate(90deg); }
.t1ecjyuq.t1ecjyuq details > summary > a > [data-element=Caret]:where(:is(details[open] > summary > *, details[open] > summary > a > *)) { transform: rotate(90deg); }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq [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; }
.t1ecjyuq.t1ecjyuq ul > li + li:where([data-section][data-top-level]) { margin-block: calc(var(--gap) * 2.5) 0; }
.t1ecjyuq.t1ecjyuq [data-element="MobileHeading"] > button:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.t1ecjyuq.t1ecjyuq 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); }
.t1ecjyuq.t1ecjyuq 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); }
.t1ecjyuq.t1ecjyuq a > span:where(:first-child) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1ecjyuq.t1ecjyuq [data-element=SectionHeading]:where(:has(> a)) { padding: 0; }
.t1ecjyuq.t1ecjyuq summary:where(:has(> a)) { padding: 0; }
@media (not (width >= 50rem)) { .t1ecjyuq.t1ecjyuq [data-element="MobileHeading"] { display: flex; } }
.t1ecjyuq.t1ecjyuq:where([data-open]:popover-open)::backdrop { opacity: 1; }
.t1ecjyuq.t1ecjyuq [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)); }
.t1ecjyuq.t1ecjyuq 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)); }
.t1ecjyuq.t1ecjyuq ul > li + li:where([data-top-level]) { margin-block: 0; }