@layer design-system-components.pwds{.SectionIndex.svelte-tr2832{--section-index-container-gutter: calc((100vw - var(--container-width-current)) / 2);--section-index-section-offset: calc(2 * calc((var(--container-width-current) - 13 * var(--grid-container-gap)) / 14) + 1 * var(--grid-container-gap));--section-index-container-width: calc(12 * calc((var(--container-width-current) - 13 * var(--grid-container-gap)) / 14) + 11 * var(--grid-container-gap))}.SectionIndex__subnav.svelte-tr2832{padding-right:var(--section-index-container-gutter);padding-left:var(--section-index-container-gutter);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.SectionIndex__subnav.svelte-tr2832::-webkit-scrollbar{display:none}@media (min-width: 64rem){.SectionIndex__subnav.svelte-tr2832{padding-right:var(--space-none);padding-left:var(--space-none);overflow-x:visible}}.SectionIndex__item.svelte-tr2832{padding-left:var(--space-none);white-space:nowrap}@media (min-width: 64rem){.SectionIndex__item.svelte-tr2832{white-space:normal}}.SectionIndex__item.svelte-tr2832:last-child{padding-right:var(--section-index-container-gutter)}@media (min-width: 64rem){.SectionIndex__item.svelte-tr2832:last-child{padding-right:var(--space-none)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.SectionIndex__nav{position:sticky;top:var(--section-index-sticky-offset);z-index:9;height:fit-content;width:100vw;margin-left:calc(50% - 50vw);padding-top:var(--space-20);padding-bottom:var(--space-20);background-color:var(--color-white);border-bottom:var(--border-line-width) var(--border-line-style) var(--color-neutral-700)}@media (min-width: 64rem){.SectionIndex__nav{width:auto;margin-left:var(--space-none);padding-top:var(--space-responsive-120);padding-bottom:var(--space-responsive-120);background-color:transparent;border-bottom:none}}.SectionIndex__link{--font-family: var(--text-font-family-mono);margin-bottom:var(--space-none);text-transform:uppercase;opacity:var(--ui-opacity-inactive);transition:opacity var(--duration-default) var(--easing-standard)}.SectionIndex__link:hover{opacity:var(--ui-opacity-hover)}.SectionIndex__link.Action--is-active{opacity:1}.SectionIndex__sections .Section{width:100vw;margin-left:calc(50% - 50vw);scroll-margin-top:var(--section-index-sticky-offset)}.SectionIndex__sections .Section .Section__header .EyebrowText{display:none}@media (min-width: 64rem){.SectionIndex__sections .Section .Section__content-wrapper:not(section section .Section__content-wrapper){width:var(--container-width-current);margin-right:var(--space-auto);margin-left:var(--space-auto);padding-left:calc(var(--section-index-section-offset) + var(--grid-container-gap))}}@media (min-width: 64rem){.SectionIndex__sections .Section .Section__content-wrapper:not(section section .Section__content-wrapper)>.Layout{--container-width-current: var(--section-index-container-width, 100%)}}.SectionIndex__sections .Section .ContentExplorer__header .EyebrowText{display:none}}