nav[data-astro-cid-xvrfupwn]{scroll-target-group:auto;text-align:start;h3{font-size:var(--font-size-05);margin-block-end:.5em;text-align:start}menu{font-size:var(--font-size-05);list-style-type:none;margin:0;padding:0}}[data-toc-selector]{ul{font-size:var(--font-size-0);list-style-type:none;margin:0;margin-inline-start:var(--size-3);padding:0}a{display:block;overflow:hidden;padding-block:var(--size-1);position:relative;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;&:before{background-color:transparent;block-size:80%;border-radius:var(--radius-2);content:"";inline-size:2px;inset-block-start:10%;inset-inline-start:calc(-1 * var(--size-3));position:absolute;transition:background-color .3s}&:not([aria-current=page]){color:oklch(from currentColor l c h / 75%)}&:hover{color:var(--primary)}&:target-current{color:var(--primary);font-weight:700;&:before{background-color:currentColor}}}}.local-nav[data-astro-cid-nha32mxw]{align-items:center;backdrop-filter:blur(3px);display:flex;grid-column:4 / 8;margin-block-end:var(--size-4);margin-inline-start:var(--size-2);padding-inline:var(--size-1);padding-block:var(--size-2);position:relative;@media(width<900px){grid-column:1 / -1;margin-inline-start:0}&:before{animation:fade-bg linear both;animation-range:0 150px;animation-timeline:scroll();background-color:var(--surface-elevated);border:var(--border-width) solid oklch(from var(--primary) l c h / .2);border-block-start:none;border-block-end:var(--border-width) solid oklch(from var(--text-primary) l c h / .15);border-radius:0;box-shadow:var(--shadow-2);content:"";inset:0;opacity:0;position:absolute;z-index:-1;@media(width>=900px){inset-block:0;inset-inline-end:0;inset-inline-start:calc(-1 * (var(--_gap) + 200px + clamp(2rem,18vw,16rem)));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 clamp(2.5rem,12vw,7rem));mask-image:linear-gradient(to right,transparent 0,#000 clamp(2.5rem,12vw,7rem))}}@media(width>=1140px){display:none}}@keyframes fade-bg{to{opacity:1}}.menu-button[data-astro-cid-nha32mxw]{@media(width>=900px){display:none}}.toc-button[data-astro-cid-nha32mxw]{margin-inline-start:auto}#document-page{display:grid;grid-template-columns:var(--_gap) 1fr 0 minmax(auto,100%) 0 1fr var(--_gap);margin:0 auto;max-inline-size:calc(var(--_content-lg) + var(--_page-gutters));&:before{background:radial-gradient(100% 100% at 50% 0%,var(--primary),transparent);content:"";inset:0;opacity:.3;position:fixed;z-index:-1;pointer-events:none}.sidebar,.page-contents{display:none}@media(width<900px){#main-content{grid-column:3 / 7;max-inline-size:100%;padding-inline:0}}@media(width>=900px){grid-template-columns:var(--_gap) 1fr 200px minmax(auto,100%) 0 1fr var(--_gap);.sidebar{display:block}}@media(width>=1140px){grid-template-columns:var(--_gap) 1fr 200px minmax(auto,100%) 150px 1fr var(--_gap);.page-contents{display:block}}:where(.sidebar,#sidebar-drawer){.content{padding-inline:var(--size-4);.framework-picker{margin-block-end:var(--size-4)}hr{margin-block:var(--size-4) var(--size-5)}nav{font-weight:500;h3{font-size:var(--font-size-05);margin-block-end:.5em}menu{font-size:var(--font-size-05);list-style-type:none;margin:0;padding:0;li{a{color:var(--text-primary);display:flex;padding-block:var(--size-1);text-decoration:none;&:not([aria-current=page]){color:oklch(from currentColor l c h / 75%)}&:hover{color:var(--primary)}&[aria-current=page]{color:var(--primary);font-weight:700}}}}}}}.sidebar:not(#sidebar-drawer){scroll-timeline:--sidebar-scroll y;&:before,&:after{block-size:var(--size-4);content:"";display:block;inset-inline:0;opacity:0;pointer-events:none;position:sticky;z-index:2}&:before{inset-block-start:0;background:radial-gradient(farthest-side at 50% 0%,color-mix(in oklch,var(--primary) 30%,oklch(from var(--text-primary) l c h / .2)),transparent);animation-name:sidebar-shadow-reveal;animation-timeline:--sidebar-scroll;animation-fill-mode:both;animation-range:0 150px}&:after{inset-block-end:0;background:radial-gradient(farthest-side at 50% 100%,color-mix(in oklch,var(--primary) 30%,oklch(from var(--text-primary) l c h / .2)),transparent);animation-name:sidebar-shadow-reveal;animation-timeline:--sidebar-scroll;animation-fill-mode:both;animation-direction:reverse;animation-range:calc(100% - 150px) 100%}animation-name:sidebar-detect-scroll;animation-timeline:--sidebar-scroll;animation-fill-mode:none;&:before,&:after{--visibility-if-can-scroll: var(--can-scroll) visible;--visibility-if-cant-scroll: hidden;visibility:var( --visibility-if-can-scroll, var(--visibility-if-cant-scroll) )}.content{padding-block:0}}#sidebar-drawer{.framework-picker,hr{display:none}}.sidebar{align-self:start;background-color:var(--surface-filled);border-radius:var(--border-radius);grid-column:3;grid-row:2;inset-block-start:calc(var(--size-10) + var(--_gap));max-block-size:calc(100dvb - var(--size-10) - var(--_page-gutters));overflow-y:auto;position:sticky;.content{padding:var(--_gap)}@supports (corner-shape: squircle){border-radius:var(--radius-4);corner-shape:squircle}@media(width>=900px)and (width<1140px){inset-block-start:calc(var(--size-10) + var(--size-8) + var(--_gap));max-block-size:calc(100dvb - var(--size-10) - var(--size-8) - var(--_page-gutters))}}#main-heading{margin-block-end:var(--size-8);max-inline-size:var(--_content-text)}#main-content{grid-column:4;grid-row:2;max-inline-size:var(--_content-document);min-inline-size:0;padding:var(--_gap);>.rich-text section:last-of-type>div:last-of-type{margin-block-end:0}@scope(&)to (.example-container){:where(h2,h3,h4,h5,h6){display:flex;align-items:center;gap:var(--size-2);.header-anchor{color:var(--primary);display:flex;font-size:.8em;opacity:0;text-decoration:none;transition:opacity .2s ease-in-out;&:after{content:"#"}&:focus-visible{opacity:1}}&:hover .header-anchor{opacity:1}}@media(width>1200px){:where(h2){container-name:sticky-heading;container-type:scroll-state;inset-block-start:var(--size-4);max-inline-size:555px;position:sticky;z-index:22}}}}.page-contents{align-self:start;grid-column:5;grid-row:2;inset-block-start:var(--size-10);max-block-size:calc(100dvb - var(--size-10));overflow-y:auto;padding:var(--_gap) 0 var(--_gap) var(--_gap);position:sticky;@media(width>=900px)and (width<1140px){inset-block-start:calc(var(--size-10) + var(--size-8));max-block-size:calc(100dvb - var(--size-10) - var(--size-8))}}}@keyframes sidebar-shadow-reveal{0%{opacity:0}to{opacity:1}}@keyframes sidebar-detect-scroll{0%,to{--can-scroll: }}