@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 (not (width < 72rem)) { .t1u4qz31.t1u4qz31 { display: block; } }
@media (width < 72rem) { .t1u4qz31.t1u4qz31 { 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 (not (width <= 40rem)) { .t1pzcxum.t1pzcxum { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (width <= 40rem) { .t1pzcxum.t1pzcxum { grid-template-columns: 1fr; } }
.twt5sq0.twt5sq0 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; }
.twt5sq0.twt5sq0 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-color: 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; }
.twt5sq0.twt5sq0 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; }
.twt5sq0.twt5sq0: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; }
.twt5sq0.twt5sq0: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; }
.twt5sq0.twt5sq0 .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)); }
.twt5sq0.twt5sq0 a:where(:active) { background-color: var(--surface-2-pressed-color); }
.twt5sq0.twt5sq0 a:where(:hover) { border: var(--border-width) solid var(--border-color); background-color: var(--surface-2-hover-color); }
.twt5sq0.twt5sq0 a > span:where(:is(a[rel="next"] > span)) { margin-inline: auto 0; text-align: end; }
.twt5sq0.twt5sq0 a:where([rel="next"]) { justify-content: flex-start; text-align: end; }
@media (not (width <= 40rem)) { .twt5sq0.twt5sq0 a:where([rel="next"]) { grid-column: 2; grid-row: 1; } }
@media (not (width <= 40rem)) { .twt5sq0.twt5sq0 a:where([rel="prev"]) { grid-column: 1; grid-row: 1; } }
@media (width <= 40rem) { .twt5sq0.twt5sq0 a:where([rel="next"]) { grid-column: auto; grid-row: auto; } }
@media (width <= 40rem) { .twt5sq0.twt5sq0 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 (not (width < 50rem)) { .to6cfh8.to6cfh8 { display: none; } }
@media (not (width < 50rem)) { .to6cfh8.to6cfh8 > *:not(:last-child) { margin-bottom: var(--gap); } }
@media (width < 50rem) { .to6cfh8.to6cfh8 { display: flex; gap: var(--gap); } }
.t1avh03p.t1avh03p > 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; }
.t1avh03p.t1avh03p .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)); }
.t1avh03p.t1avh03p .td-menu-button__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)) { .tv80rpc.tv80rpc { display: grid; } }
.tv80rpc.tv80rpc { gap: var(--gap); }
@media (width >= 50rem) { .tv80rpc.tv80rpc { display: none; } }
.t107nkx4.t107nkx4 summary > svg { flex-shrink: 0; }
.t107nkx4.t107nkx4 li { margin: 0; }
.t107nkx4.t107nkx4 .td-mobile-tabs__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t107nkx4.t107nkx4 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); }
.t107nkx4.t107nkx4 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); }
.t107nkx4.t107nkx4 summary::marker { display: none; }
.t107nkx4.t107nkx4 summary::-webkit-details-marker { display: none; }
.t107nkx4.t107nkx4 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; }
.t107nkx4.t107nkx4 a:where([aria-current="page"]) { color: var(--accent-text-color); --current-color: var(--accent-text-color); background-color: var(--accent-surface-subtle-color); }
.t107nkx4.t107nkx4 details > summary > svg:where(:is(details[open] > summary > svg)) { rotate: 180deg; }
.t107nkx4.t107nkx4 a:where(:hover) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
@media (not (width < 72rem)) { .thaykg2.thaykg2 { 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 (width < 72rem) { .thaykg2.thaykg2 { inline-size: 100%; min-inline-size: initial; max-inline-size: initial; } }
@media (width < 72rem) { .t107zluq.t107zluq:where(:not(:has(cookbook-mobile-toc))) { display: none; } }
.t107zluq.t107zluq:where(:has(cookbook-mobile-toc)) { display: block; }
@media (not (width < 72rem)) { .t13jtc25.t13jtc25 { order: 2; } }
.t13jtc25.t13jtc25 { position: relative; }
@media (width < 72rem) { .t13jtc25.t13jtc25 { order: 0; } }
@media (not (width < 72rem)) { .t1768adh.t1768adh .right-sidebar { position: sticky; block-size: calc(100vh - var(--docs-nav-height)); min-block-size: initial; max-block-size: initial; overflow-y: auto; } }
.t1768adh.t1768adh .right-sidebar { inset-block: var(--docs-nav-height) auto; inline-size: 100%; min-inline-size: initial; max-inline-size: initial; scrollbar-width: none; }
@media (width < 72rem) { .t1768adh.t1768adh .right-sidebar { 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; }
.tyy4vv9.tyy4vv9:where(:not(:empty)) .td-mobile-preferences__social { display: flex; }
.tyy4vv9.tyy4vv9 .td-mobile-preferences__social { gap: calc(var(--gap) * 2); align-items: center; margin-inline: 0 auto; padding-block: calc(var(--gap) * 2); }
.tyy4vv9.tyy4vv9:where(:empty) .td-mobile-preferences__social { display: none; }
.tbljdy6.tbljdy6 { border: 0 solid var(--border-color, currentColor); color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-color); }
@media (not (width < 50rem)) { .tbljdy6.tbljdy6 { box-shadow: none ; } }
@media (width < 50rem) { .tbljdy6.tbljdy6 { box-shadow:  0.25rem 0 1rem var(--shadow-color); } }
.to2tce6.to2tce6 { block-size: auto; min-block-size: initial; max-block-size: initial; margin: 0; padding: 0; }
@media (not (width < 50rem)) { .to2tce6.to2tce6 { inline-size: var(--sidebar-width); min-inline-size: initial; max-inline-size: initial; } }
@media (width < 50rem) { .to2tce6.to2tce6 { inline-size: min(22rem, calc(100% - 2rem)); min-inline-size: initial; max-inline-size: initial; } }
@media (width >= 50rem) { .t5l63b4.t5l63b4 { display: block; } }
.t5l63b4.t5l63b4 { scrollbar-width: auto; scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color, transparent); scrollbar-gutter: stable; }
@media (not (width < 50rem)) { .t3ggij1.t3ggij1 { inset-block: var(--docs-nav-height) 0; transition: none var(--none-transition, var(--transition)); z-index: 8; } }
@media (not (width >= 50rem)) { .t3ggij1.t3ggij1 { inset-inline: 0 auto; } }
.t3ggij1.t3ggij1 { position: fixed; }
@media (prefers-reduced-motion: reduce) and (width < 50rem) { .t3ggij1.t3ggij1 { transition: none var(--none-transition, var(--transition)); } }
@media (width < 50rem) { .t3ggij1.t3ggij1 { inset-block: 0; z-index: 12; } }
@media (width >= 50rem) { .t3ggij1.t3ggij1 { inset-inline: max(0px, calc(calc(100% - var(--layout-width)) / 2)) auto; } }
@media (not (prefers-reduced-motion: reduce)) and (width < 50rem) { .t3ggij1.t3ggij1 { 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; } }
.t1ueebux.t1ueebux { --sidebar-transition: 120ms; overflow-y: auto; overscroll-behavior: contain; }
@media (not (width < 50rem)) { .t1ueebux.t1ueebux { translate: 0; visibility: visible; } }
@media (width < 50rem) { .t1ueebux.t1ueebux:where([data-open]:popover-open) { translate: 0; } }
@media (width < 50rem) { .t1ueebux.t1ueebux:where(:popover-open) { visibility: visible; } }
@media (width < 50rem) { .t1ueebux.t1ueebux:where(:not(:popover-open[data-open])) { translate: -100% 0; } }
@media (width < 50rem) { .t1ueebux.t1ueebux:where(:not(:popover-open)) { visibility: hidden; } }
.tiivkx.tiivkx::backdrop { background-color: var(--overlay-color); opacity: 0; }
@media (not (width < 50rem)) { .tiivkx.tiivkx::backdrop { transition: none var(--none-transition, var(--transition)); } }
@media (prefers-reduced-motion: reduce) and (width < 50rem) { .tiivkx.tiivkx::backdrop { transition: none var(--none-transition, var(--transition)); } }
.tiivkx.tiivkx 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)); }
.tiivkx.tiivkx .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; }
.tiivkx.tiivkx:where(:not(:dir(rtl))) .sidebar-caret { transform: none; }
.tiivkx.tiivkx .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); }
.tiivkx.tiivkx .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; }
.tiivkx.tiivkx .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); }
@media (not (width < 50rem)) { .tiivkx.tiivkx .sidebar-content { padding-block: calc(var(--gap) * 3) calc(var(--gap) * 6); } }
.tiivkx.tiivkx 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; }
.tiivkx.tiivkx 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); }
.tiivkx.tiivkx .group-label { display: flex; gap: 0.25em; align-items: center; inline-size: auto; min-inline-size: 0; max-inline-size: initial; flex-grow: 1; }
.tiivkx.tiivkx summary > a { justify-content: space-between; }
.tiivkx.tiivkx [data-element="HomeLabel"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiivkx.tiivkx [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)); }
.tiivkx.tiivkx [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; }
.tiivkx.tiivkx cookbook-sidebar li { overflow-wrap: anywhere; }
.tiivkx.tiivkx cookbook-sidebar ul { display: grid; gap: var(--border-width); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
@media (not (width < 50rem)) { .tiivkx.tiivkx .td-sidebar-heading { display: none; } }
.tiivkx.tiivkx .td-sidebar-heading { gap: var(--gap); align-items: center; justify-content: space-between; }
.tiivkx.tiivkx cookbook-sidebar details > ul > li { margin-inline: calc(var(--gap) * 1.5) 0; }
.tiivkx.tiivkx .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)); }
.tiivkx.tiivkx cookbook-sidebar summary::marker { display: none; }
.tiivkx.tiivkx summary::-webkit-details-marker { display: none; }
.tiivkx.tiivkx .top-level > li + li { margin-block: 0; }
.tiivkx.tiivkx cookbook-sidebar { display: block; }
@media (not (prefers-reduced-motion: reduce)) and (width < 50rem) { .tiivkx.tiivkx::backdrop { transition: opacity var(--sidebar-transition) ease-out, display var(--sidebar-transition) allow-discrete, overlay var(--sidebar-transition) allow-discrete; } }
.tiivkx.tiivkx:where(:dir(rtl)) .sidebar-caret { transform: rotate(180deg); }
@media (width < 50rem) { .tiivkx.tiivkx .sidebar-content { padding-block: calc(var(--gap) * 2) calc(var(--gap) * 6); } }
.tiivkx.tiivkx 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)); }
.tiivkx.tiivkx details > summary > .sidebar-caret:where(:is(details[open] > summary > .sidebar-caret)), .tiivkx.tiivkx details > summary > .sidebar-caret:where(:not(:is(details[open] > summary > .sidebar-caret)):is(details[open] > summary > a > .sidebar-caret)) { transform: rotate(90deg); }
.tiivkx.tiivkx details > summary > a > .sidebar-caret:where(:is(details[open] > summary > .sidebar-caret)), .tiivkx.tiivkx details > summary > a > .sidebar-caret:where(:not(:is(details[open] > summary > .sidebar-caret)):is(details[open] > summary > a > .sidebar-caret)) { transform: rotate(90deg); }
.tiivkx.tiivkx .group-label > span:where(:is(.group-label > span:first-child)) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiivkx.tiivkx .top-level > li + li:where(:is(.top-level > li + li:has(> .sidebar-section-label))) { margin-block: calc(var(--gap) * 2.5) 0; }
.tiivkx.tiivkx .td-sidebar-heading > button:where(:is(.td-sidebar-heading > button:hover)) { color: var(--text-color); --current-color: var(--text-color); background-color: var(--surface-2-hover-color); }
.tiivkx.tiivkx 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); }
.tiivkx.tiivkx 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); }
.tiivkx.tiivkx a > span:where(:is(a > span:first-child)) { inline-size: auto; min-inline-size: 0; max-inline-size: initial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiivkx.tiivkx .sidebar-section-label:where(:has(> a)) { padding: 0; }
.tiivkx.tiivkx summary:where(:has(> a)) { padding: 0; }
@media (width < 50rem) { .tiivkx.tiivkx .td-sidebar-heading { display: flex; } }
.tiivkx.tiivkx:where([data-open]:popover-open)::backdrop { opacity: 1; }
.tiivkx.tiivkx .sidebar-section-label > a:where(:is(.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)); }
.tiivkx.tiivkx a.large:where(: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)); }