#design-section .page-section-inner{display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.design-image.svelte-wym6a{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;inline-size:80vw;block-size:100%;margin-block-start:120px;text-align:center;margin-bottom:55vh}.files-screenshot.svelte-wym6a{block-size:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.files-screenshot.svelte-wym6a{position:absolute;inset-block-start:-48px;inset-inline-end:0;inset-inline-start:0;z-index:1;inline-size:70%;max-inline-size:1024px;margin:0 auto;border:1px solid var(--fds-surface-stroke-default);border-radius:calc(var(--fds-overlay-corner-radius) / 1.25);background-color:hsl(var(--mica-tint),var(--mica-tint-opacity));box-shadow:var(--fds-dialog-shadow);transition:50ms linear transform;-webkit-backdrop-filter:blur(60px) saturate(150%);backdrop-filter:blur(60px) saturate(150%)}@media screen and (width > 2048px){.files-screenshot.svelte-wym6a{border-radius:var(--fds-overlay-corner-radius)}}@media screen and (width < 1024px){.design-image.svelte-wym6a{inline-size:100%}.files-screenshot.svelte-wym6a{inset-block-start:0}}@media screen and (width < 768px){.design-image.svelte-wym6a{margin-block-start:48px}.files-screenshot.svelte-wym6a{inset-block-start:32px;inset-inline-start:-2.5%;inline-size:105%;transform:none!important}}#features-section{background-color:var(--fds-solid-background-base)}#features-section .page-section-inner{display:grid;grid-template-columns:repeat(auto-fill,1fr);gap:48px}.feature-cards-container.svelte-1mm33zu{--column-count:3;display:grid;grid-template-columns:repeat(var(--column-count),1fr);gap:8px}@media screen and (width < 1164px){.feature-cards-container.svelte-1mm33zu{grid-template-columns:auto}}@media screen and (width < 924px){#features-section .page-section-inner{grid-template-columns:auto}}.navbar.svelte-1939ak8.svelte-1939ak8,.inner.svelte-1939ak8.svelte-1939ak8,.item.svelte-1939ak8.svelte-1939ak8{display:flex;align-items:center}.navbar.svelte-1939ak8.svelte-1939ak8{position:sticky;inset-block-start:0;z-index:10;justify-content:space-between;flex:0 0 auto;block-size:58px;padding:12px 18px;background-color:hsl(var(--mica-tint),var(--mica-tint-opacity));-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);-webkit-user-select:none;user-select:none;view-transition-name:navbar}.item.svelte-1939ak8.svelte-1939ak8{justify-content:center;margin:0 4px;padding:5px 11px 6px;border-radius:var(--fds-control-corner-radius);color:var(--fds-text-secondary);font-size:1.36rem;font-weight:400;text-decoration:none;transition:var(--fds-control-faster-duration) linear background-color}.item.selected.svelte-1939ak8.svelte-1939ak8{background-color:var(--fds-subtle-fill-secondary);color:var(--fds-accent-text-primary)}.item.svelte-1939ak8.svelte-1939ak8:hover{background-color:var(--fds-subtle-fill-secondary)}.item.svelte-1939ak8.svelte-1939ak8:active{background-color:var(--fds-subtle-fill-tertiary)}.item.svelte-1939ak8 .fluent-icon{inline-size:16px;block-size:auto;fill:currentColor;margin-inline-end:4px}.divider.svelte-1939ak8.svelte-1939ak8{block-size:30px;margin:0 8px;border-inline-start:1px solid var(--fds-subtle-fill-secondary)}.logo.svelte-1939ak8.svelte-1939ak8{display:flex;align-items:center;margin-inline-end:8px;color:var(--fds-text-primary);font-size:2rem;font-weight:600;text-decoration:none;transition:.1s ease}.logo.svelte-1939ak8.svelte-1939ak8:hover{color:var(--fds-text-secondary)}.logo.svelte-1939ak8 img.svelte-1939ak8{inline-size:auto;block-size:32px;margin-inline-end:12px}.buttons.svelte-1939ak8.svelte-1939ak8{z-index:1;display:flex}.button.svelte-1939ak8.svelte-1939ak8{display:flex;justify-content:center;align-items:center;inline-size:34px;block-size:34px;margin-inline-start:8px;border:none;border-radius:var(--fds-control-corner-radius);background-color:transparent;color:var(--fds-text-secondary);text-decoration:none;cursor:pointer}.button.svelte-1939ak8.svelte-1939ak8:hover{background-color:var(--fds-subtle-fill-secondary)}.button.svelte-1939ak8.svelte-1939ak8:active{background-color:var(--fds-subtle-fill-tertiary)}.button.svelte-1939ak8 .fluent-icon{transition:.13s cubic-bezier(.16,.16,0,1) transform;inline-size:18px;block-size:auto;fill:currentColor}.navbar .button.sidebar-button{inline-size:38px}.navbar .button.sidebar-button:active .fluent-icon{transform:scaleX(.65)}.navbar .button.sidebar-button .fluent-icon{inline-size:16px}.sidebar.svelte-1939ak8.svelte-1939ak8{position:fixed;inset-block-start:0;inset-inline-end:0;display:none;inline-size:272px;block-size:100vh;padding-block-start:62px;border:1px solid var(--fds-surface-stroke-default);border-radius:var(--fds-overlay-corner-radius);background-color:var(--fds-solid-background-base);transform:translate(100%);transition:.12s cubic-bezier(.1,.9,.2,1)}.sidebar.visible.svelte-1939ak8.svelte-1939ak8{transform:none;transition-duration:.35s}.sidebar.svelte-1939ak8 hr.svelte-1939ak8{margin:4px 0;border:none;border-block-start:1px solid var(--fds-divider-stroke-default)}@media screen and (width < 648px){.navbar.svelte-1939ak8.svelte-1939ak8{position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:64px;overflow:visible}.sidebar.svelte-1939ak8.svelte-1939ak8{display:block}body{padding-block-start:62px}}#page-footer{border-block-start:1px solid var(--fds-divider-stroke-default)}#page-footer .page-section-inner{display:flex;justify-content:space-between;gap:48px}#page-footer p{margin:12px 0}#page-footer .button.style-hyperlink{display:block;inline-size:fit-content;margin-inline:-11px;margin-block-end:8px}#page-footer .button.style-hyperlink:last-child{margin-block-end:0}@media screen and (width < 1024px){#page-footer .page-section-inner{display:grid;gap:24px;grid-template-columns:2fr 1fr}.column.svelte-uvxp51{inline-size:100%;min-inline-size:unset}}@media screen and (width < 768px){#page-footer .page-section-inner{grid-template-columns:auto}}.logo.svelte-uvxp51{display:flex;align-items:center;margin-inline-end:8px;color:var(--fds-text-primary);font-size:3.6rem;font-weight:600;text-decoration:none;transition:.1s ease}.social-links.svelte-uvxp51{display:flex;align-items:center;gap:4px;margin-block-start:12px}.column.svelte-uvxp51{display:block;flex:0 0 auto;min-width:14vw}.column.svelte-uvxp51:first-child{flex:1 1 auto}