:root{--background:#f7f7f5;--foreground:#171717;--muted:#686864;--border:#d8d8d3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}html{scrollbar-gutter:stable;overflow-y:scroll}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}body:has(.docs-site){--background:#fbfbfa}body:has(.theme-page--dark){--background:#171918;--foreground:#f3f0e7;--muted:#aaa9a2;--border:#40423f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:2px solid}.site-shell,.route-host,.destination{min-height:100vh}.index-page{width:min(100% - 3rem,72rem);margin:0 auto;padding:4rem 0 7rem}.index-intro{margin-bottom:3rem}.index-intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.index-intro p{max-width:34rem;color:var(--muted);margin:.75rem 0 0}.index-docs-link{margin-top:1.25rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-block}.index-docs-link:hover{text-underline-offset:.25rem;text-decoration:underline}.docs-site{--docs-header-height:3.75rem;--docs-background:#fbfbfa;--docs-border:#e3e3df;--docs-panel:#f3f3f0;--docs-panel-border:#deded9;--docs-active:#eeeeeb;--docs-prose:#292927;--docs-code:#242422;--docs-code-accent:#d84f32;--docs-inline-code:#9d3824;--docs-inline-code-background:#fff0eb;--docs-inline-code-border:#efc5ba;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.docs-site){--docs-header-height:3.75rem;--docs-background:#fbfbfa;--docs-border:#e3e3df;--docs-panel:#f3f3f0;--docs-panel-border:#deded9;--docs-active:#eeeeeb;--docs-prose:#292927;--docs-code:#242422;--docs-code-accent:#d84f32;--docs-inline-code:#9d3824;--docs-inline-code-background:#fff0eb;--docs-inline-code-border:#efc5ba;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.docs-site{background:var(--docs-background);min-height:100vh;color:var(--foreground)}.skip-link{z-index:100;background:var(--foreground);color:var(--background);padding:.55rem .75rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-5rem)}.skip-link:focus{transform:translateY(0)}.docs-header{z-index:20;height:var(--docs-header-height);border-bottom:1px solid var(--docs-border);background:color-mix(in srgb, var(--docs-background) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.docs-wordmark{letter-spacing:-.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700;text-decoration:none}.docs-header nav{align-items:center;gap:1.5rem;display:flex}.docs-header nav a{color:var(--muted);font-size:.82rem;text-decoration:none}.docs-header nav a:hover,.docs-header nav a[aria-current=page]{color:var(--foreground)}.examples-link{align-items:center;gap:.3rem;display:inline-flex}.examples-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:.8rem;height:.8rem}.docs-layout{grid-template-columns:13rem minmax(0,46rem) 10.5rem;justify-content:center;gap:clamp(2rem,4vw,4.5rem);width:min(100% - 4rem,87rem);margin:0 auto;display:grid}.docs-sidebar,.docs-toc{top:calc(var(--docs-header-height) + 2rem);max-height:calc(100vh - var(--docs-header-height) - 4rem);align-self:start;padding-top:2.5rem;position:sticky;overflow:auto}.docs-nav-group{gap:.15rem;margin-bottom:1.75rem;display:grid}.docs-nav-group p,.docs-toc p{color:var(--foreground);margin:0 0 .4rem;font-size:.76rem;font-weight:700}.docs-nav-group a,.docs-toc a{color:var(--muted);border-radius:4px;padding:.38rem .55rem;font-size:.78rem;line-height:1.35;text-decoration:none}.docs-nav-group a:hover,.docs-nav-group a[aria-current=page]{background:var(--docs-active);color:var(--foreground)}.docs-mobile-navigation{display:none}.docs-main{min-width:0;padding:4.25rem 0 6rem}.docs-article-header{border-bottom:1px solid var(--docs-border);padding-bottom:2.25rem}.docs-article-header p{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.docs-article-header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,5vw,3.15rem);line-height:1.05}.docs-article-header span{max-width:40rem;color:var(--muted);margin-top:1rem;font-size:1.05rem;display:block}.docs-prose{color:var(--docs-prose);font-size:.94rem;line-height:1.75}.docs-prose h2,.docs-prose h3{scroll-margin-top:calc(var(--docs-header-height) + 2rem);color:var(--foreground);letter-spacing:-.025em;line-height:1.25}.docs-prose h2{margin:3.25rem 0 1rem;font-size:1.55rem}.docs-prose h3{margin:2.5rem 0 .75rem;font-size:1.15rem}.docs-prose h2 a,.docs-prose h3 a{text-decoration:none}.docs-prose h2 a:hover:after,.docs-prose h3 a:hover:after{color:#aaa9a3;content:"#";margin-left:.45rem}.docs-prose p{margin:1rem 0}.docs-prose ul,.docs-prose ol{padding-left:1.35rem}.docs-prose li{margin:.35rem 0;padding-left:.2rem}.docs-prose a{text-underline-offset:.2rem;text-decoration-color:#aaa9a3}.docs-prose .docs-term{color:var(--foreground);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--docs-code-accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--docs-code-accent) 40%, transparent);text-underline-offset:.2em;font-style:normal;font-weight:500;text-decoration-thickness:1px}.docs-term-tooltip-positioner{z-index:30;width:max-content;max-width:min(17rem, var(--available-width))}.docs-term-tooltip{border:1px solid var(--docs-panel-border);background:var(--docs-panel);max-width:100%;color:var(--docs-prose);text-align:left;border-radius:5px;padding:.55rem .65rem;font-size:.74rem;font-style:normal;font-weight:400;line-height:1.45;text-decoration:none;box-shadow:0 .4rem 1.25rem #0000001a}.docs-glossary section+section{border-top:1px solid var(--docs-panel-border)}.docs-prose :not(pre)>code{border:1px solid var(--docs-inline-code-border);background:var(--docs-inline-code-background);color:var(--docs-inline-code);border-radius:4px;padding:.12rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}.docs-prose [data-rehype-pretty-code-figure]{margin:1.4rem 0}.docs-prose pre{border:1px solid var(--docs-panel-border);border-left:2px solid var(--docs-code-accent);background:var(--docs-panel);color:var(--docs-code);border-radius:6px;margin:1.4rem 0;padding:1.15rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.65;overflow-x:auto}.docs-prose [data-rehype-pretty-code-figure] pre{margin:0}.docs-prose code[data-theme*=\ ],.docs-prose code[data-theme*=\ ] span{color:var(--shiki-light)}.docs-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.82rem;display:block;overflow-x:auto}.docs-prose th,.docs-prose td{border-bottom:1px solid var(--docs-panel-border);text-align:left;vertical-align:top;min-width:8rem;padding:.65rem .75rem}.docs-prose th{color:var(--foreground);font-weight:700}.docs-diagram{margin:2rem 0}.docs-diagram-trigger{border:1px solid var(--docs-panel-border);background:var(--docs-panel);width:100%;color:var(--foreground);cursor:zoom-in;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.docs-diagram-trigger:hover{border-color:color-mix(in srgb, var(--foreground) 45%, var(--docs-panel-border))}.docs-diagram-trigger:focus-visible{outline:2px solid var(--docs-code-accent);outline-offset:3px}.docs-diagram-trigger img{width:100%;height:auto;display:block}.docs-diagram[data-orientation=portrait] .docs-diagram-trigger img{object-fit:contain;width:min(100%,34rem);max-height:42rem;margin:0 auto}.docs-diagram-action{border:1px solid var(--docs-panel-border);background:color-mix(in srgb, var(--docs-background) 92%, transparent);text-transform:uppercase;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 2px 12px #00000014}.docs-diagram-action svg,.docs-diagram-dialog header svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:.9rem;height:.9rem}.docs-diagram figcaption{color:var(--muted);gap:.2rem;margin-top:.65rem;font-size:.76rem;line-height:1.5;display:grid}.docs-diagram figcaption strong{color:var(--foreground);font-size:.78rem}.docs-diagram-dialog{border:1px solid var(--docs-panel-border);background:var(--docs-background);width:min(100vw - 2rem,96rem);max-width:none;height:calc(100dvh - 2rem);max-height:none;color:var(--foreground);border-radius:10px;padding:0}.docs-diagram-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080908c7}.docs-diagram-dialog-panel{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.docs-diagram-dialog header{border-bottom:1px solid var(--docs-panel-border);justify-content:space-between;align-items:center;min-height:3.5rem;padding:0 .75rem 0 1.1rem;display:flex}.docs-diagram-dialog header p{margin:0;font-size:.82rem;font-weight:700}.docs-diagram-dialog header button{border:1px solid var(--docs-panel-border);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.docs-diagram-dialog header button:hover{background:var(--docs-active)}.docs-diagram-dialog header button:focus-visible{outline:2px solid var(--docs-code-accent);outline-offset:2px}.docs-diagram-dialog-viewport{--diagram-dialog-padding:clamp(.75rem, 2vw, 2rem);min-height:0;position:relative;overflow:hidden}.docs-diagram-dialog-viewport img{inset:var(--diagram-dialog-padding);width:calc(100% - var(--diagram-dialog-padding) - var(--diagram-dialog-padding));height:calc(100% - var(--diagram-dialog-padding) - var(--diagram-dialog-padding));object-fit:contain;display:block;position:absolute}.docs-toc{gap:.1rem;display:grid}.docs-toc p{padding-left:.55rem}.docs-toc a{border-left:1px solid var(--docs-panel-border);border-radius:0}.docs-toc a:hover{border-color:var(--foreground);color:var(--foreground)}.docs-pagination{border-top:1px solid var(--docs-border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:1.5rem;display:grid}.docs-pagination a{gap:.2rem;padding:.85rem 0;font-size:.85rem;font-weight:700;text-decoration:none;display:grid}.docs-pagination a:last-child{text-align:right}.docs-pagination a span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:400}.example-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.example-list li{border-bottom:1px solid var(--border)}.example-link{grid-template-columns:2.5rem 9rem minmax(0,1fr) 8.5rem 1.5rem;align-items:center;gap:1.25rem;min-height:8rem;padding:1rem 0;text-decoration:none;display:grid}.example-number,.example-kind{color:var(--muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.example-preview{aspect-ratio:3/2;background:#e8e8e3;border-radius:3px;display:block;overflow:hidden}.example-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.22,.8,.25,1);display:block}.example-link:hover .example-preview img,.example-link:focus-visible .example-preview img{transform:scale(1.04)}.example-summary{gap:.35rem;display:grid}.example-summary strong{font-size:1.05rem}.example-summary>span{max-width:34rem;color:var(--muted);font-size:.85rem}.example-arrow{justify-self:end;transition:transform .18s}.example-link:hover .example-arrow{transform:translate(4px)}.example-page{background:var(--background);grid-template-columns:minmax(0,3fr) minmax(20rem,2fr);min-height:100vh;display:grid;position:relative}.example-hero{background:#deded8;min-height:34rem;margin:0;overflow:hidden}.example-hero img{object-fit:cover;width:100%;height:100%;display:block}.example-content{align-self:end;padding:clamp(2rem,5vw,5rem)}.example-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.example-content h1,.theme-content h1,.effect-content h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.example-content>p:not(.example-label),.theme-content>p:not(.example-label){max-width:31rem;color:var(--muted);margin:1.25rem 0 2.25rem}.text-link{border-bottom:1px solid;padding-bottom:.2rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-block}.example-page--image-growth,.example-page--image-zoom,.example-page--expanding-seam{display:block}.example-page--image-wipe{height:100vh;min-height:0;overflow:hidden}.example-page--image-wipe .example-hero{min-height:0}.example-page--image-growth .example-hero,.example-page--image-zoom .example-hero,.example-page--expanding-seam .example-hero{position:absolute;inset:0}.example-page--image-growth .example-content,.example-page--image-zoom .example-content,.example-page--expanding-seam .example-content,.track-content{z-index:1;color:#171717;background:#f7f7f5f5;width:min(31rem,100% - 3rem);padding:2rem;position:absolute;bottom:1.5rem;right:1.5rem}.example-page--image-growth .example-content>p:not(.example-label),.example-page--image-zoom .example-content>p:not(.example-label),.example-page--expanding-seam .example-content>p:not(.example-label),.track-content>p:not(.example-label){color:#686864}.track-page{background:#171717;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.settled-image-track{transition:transform .6s cubic-bezier(.65,0,.35,1);transform:translate(16vw)}.settled-image-track[data-slide="1"]{transform:translate(-53.5vw)}.settled-image-track[data-slide="2"]{transform:translate(-123vw)}.settled-image-track[data-slide="3"]{transform:translate(-192.5vw)}.track-content h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.track-content{z-index:60}.carousel-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:0 0 1.5rem;display:grid}.carousel-controls>a,.carousel-controls>span[aria-disabled=true]{color:inherit;font:inherit;background:0 0;border:1px solid #b8b8b2;padding:.55rem .7rem;text-decoration:none}.carousel-controls>:last-child{justify-self:end}.carousel-controls>span[aria-disabled=true]{opacity:.35}.carousel-controls>span:not([aria-disabled]){color:#686864;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.curtain-page,.mosaic-page{height:100vh;position:relative;overflow:hidden}.curtain-grid,.mosaic-grid{display:grid}.curtain-page>.curtain-grid,.mosaic-page>.mosaic-grid{position:absolute;inset:0}.curtain-grid{grid-template-columns:repeat(4,1fr)}.curtain-grid span:first-child{background:#1d322e}.curtain-grid span:nth-child(2){background:#d6ff78}.curtain-grid span:nth-child(3){background:#ef7158}.curtain-grid span:nth-child(4){background:#f3f0e7}[data-transition-overlay=curtain-panels] span:nth-child(odd){transform:translateY(-100%)}[data-transition-overlay=curtain-panels] span:nth-child(2n){transform:translateY(100%)}.mosaic-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.mosaic-page>.mosaic-grid{background:#f7f7f5}.mosaic-grid img{object-fit:cover;width:100%;height:100%;display:block}[data-transition-overlay=mosaic-assembly] img:first-child{transform:translate(-100%,-100%)scale(.82)}[data-transition-overlay=mosaic-assembly] img:nth-child(2){transform:translate(100%,-100%)scale(.82)}[data-transition-overlay=mosaic-assembly] img:nth-child(3){transform:translate(-100%,100%)scale(.82)}[data-transition-overlay=mosaic-assembly] img:nth-child(4){transform:translate(100%,100%)scale(.82)}.effect-content{z-index:1;color:#171717;background:#f7f7f5f5;width:min(30rem,100% - 3rem);padding:2rem;position:absolute;bottom:1.5rem;right:1.5rem}.effect-content>p:not(.example-label){color:#686864;margin:1rem 0 1.75rem}.effect-content--light{color:#f3f0e7;background:#171918f0}.effect-content--light>p:not(.example-label),.effect-content--light .example-label{color:#aaa9a2}.theme-page{grid-template-columns:minmax(16rem,1fr) minmax(20rem,1fr);align-items:center;gap:8vw;min-height:100vh;padding:clamp(2rem,7vw,7rem);display:grid}.theme-page--light{color:#202422;background:#f3f0e7}.theme-page--dark{color:#f3f0e7;background:#171918}.theme-page--light .theme-content>p{color:#686864}.theme-page--dark .theme-content>p{color:#aaa9a2}.theme-sample{aspect-ratio:1;border:1px solid;align-content:end;gap:1rem;padding:clamp(1.5rem,4vw,4rem);display:grid}.theme-sample span{background:currentColor;height:1px;display:block}.theme-sample span:first-child{width:40%;height:20%}.theme-sample span:nth-child(2){opacity:.5;width:75%;height:9%}.theme-links{flex-wrap:wrap;gap:1.5rem;display:flex}.transition-stage,.image-growth-overlay,.expanding-seam-overlay{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.image-wipe-stage{grid-template-columns:minmax(0,3fr) minmax(20rem,2fr);display:grid}.image-wipe-stage__media{background:#202020;min-width:0;overflow:hidden}.image-wipe-stage__panel{background:#f7f7f5}.image-wipe-stage__media img,.image-growth-overlay img,.expanding-seam-overlay img,.image-zoom-stage img{object-fit:cover;width:100%;height:100%;display:block}.image-zoom-stage img{object-position:center}.expanding-seam-overlay{clip-path:inset(50% 0)}.theme-wipe-stage--dark{background:#171918}.theme-wipe-stage--light{background:#f3f0e7}.image-track-stage{background:#171717;align-items:center;display:flex}.transition-image-track{will-change:transform;flex:none;gap:1.5vw;width:max-content;display:flex}.transition-image-track img{object-fit:cover;flex:none;width:68vw;height:76vh;display:block}.image-zoom-stage img{opacity:0;transform:scale(1.35)}.entry-value{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}@media (max-width:760px){.index-page{width:min(100% - 2rem,42rem);padding-top:2.5rem}.docs-header{padding:0 1rem}.docs-header nav{gap:1rem}.docs-layout{width:min(100% - 2rem,46rem);display:block}.docs-sidebar,.docs-toc{display:none}.docs-mobile-navigation{border:1px solid var(--docs-panel-border);background:var(--docs-panel);border-radius:5px;margin-top:1rem;display:block}.docs-mobile-navigation summary{cursor:pointer;padding:.75rem .85rem;font-size:.8rem;font-weight:700}.docs-mobile-navigation nav{border-top:1px solid var(--docs-panel-border);padding:.25rem .85rem .75rem}.docs-mobile-navigation .docs-nav-group{margin:1rem 0}.docs-main{padding:2.5rem 0 4rem}.docs-article-header{padding-bottom:1.75rem}.docs-prose h2{margin-top:2.75rem}.example-link{grid-template-columns:2rem 6.5rem minmax(0,1fr) 1rem;gap:.75rem;min-height:7rem}.example-kind,.example-summary>span{display:none}.example-page,.theme-page{grid-template-columns:1fr}.example-page{grid-template-rows:minmax(20rem,56vh) auto}.example-page--image-wipe{grid-template-rows:56vh 44vh}.image-wipe-stage{grid-template-rows:minmax(20rem,56vh) 1fr;grid-template-columns:1fr}.example-hero{min-height:20rem}.example-content{align-self:auto;padding:2rem 1.25rem 4rem}.example-page--image-wipe .example-content{align-self:stretch;min-height:0;padding:1.25rem}.example-page--image-wipe .example-content>p:not(.example-label){margin:1rem 0 1.5rem}.track-content,.effect-content{width:calc(100% - 2rem);padding:1.5rem;bottom:1rem;right:1rem}.theme-page{align-content:center;gap:3rem;padding:2rem 1.25rem 4rem}.theme-sample{width:min(75vw,20rem)}.transition-image-track img{width:82vw;height:66vh}.settled-image-track[data-slide="1"]{transform:translate(-74.5vw)}.settled-image-track[data-slide="2"]{transform:translate(-158vw)}.settled-image-track[data-slide="3"]{transform:translate(-241.5vw)}.settled-image-track{transform:translate(9vw)}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.docs-site){--background:#111210;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.docs-site{--foreground:#f1f1ef;--muted:#a4a4a0;--docs-background:#111210;--docs-border:#30312e;--docs-panel:#1b1c19;--docs-panel-border:#383936;--docs-active:#272825;--docs-prose:#d1d1cd;--docs-code:#e5e5e1;--docs-code-accent:#ff8064;--docs-inline-code:#ff9b82;--docs-inline-code-background:#291b18;--docs-inline-code-border:#58362e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.docs-site){--foreground:#f1f1ef;--muted:#a4a4a0;--docs-background:#111210;--docs-border:#30312e;--docs-panel:#1b1c19;--docs-panel-border:#383936;--docs-active:#272825;--docs-prose:#d1d1cd;--docs-code:#e5e5e1;--docs-code-accent:#ff8064;--docs-inline-code:#ff9b82;--docs-inline-code-background:#291b18;--docs-inline-code-border:#58362e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.docs-prose code[data-theme*=\ ],.docs-prose code[data-theme*=\ ] span{color:var(--shiki-dark)}}@media (min-width:761px) and (max-width:1080px){.docs-layout{grid-template-columns:12rem minmax(0,46rem)}.docs-toc{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.example-preview img,.example-arrow{transform:none!important}}