:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f0ea;font-synthesis:none;text-rendering:geometricprecision;background:#111b20;font-family:Geist,Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 14%,#dca25012,#0000 30rem),#111b20;min-width:320px;min-height:100dvh;margin:0}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;display:block}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:2px solid #dca250}.skip-link{z-index:100;color:#111b20;background:#f1f0ea;border-radius:.55rem;padding:.65rem .8rem;font-size:.72rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-5rem)}.skip-link:focus{transform:translate(0,0)}.docs-shell{grid-template-columns:15rem minmax(0,1fr) 15rem;min-height:100dvh;display:grid}.docs-nav,.properties-rail{align-self:start;height:100dvh;position:sticky;top:0}.docs-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091013b8;border-right:1px solid #ffffff12;flex-direction:column;padding:1.4rem 1rem 1.2rem;display:flex}.docs-brand{letter-spacing:-.025em;align-items:center;gap:.65rem;min-height:2.4rem;padding-inline:.45rem;font-size:.76rem;font-weight:680;display:flex}.docs-brand__mark{border:.14rem solid #dca250;border-radius:.24rem .24rem .48rem .48rem;width:.9rem;height:.9rem;transform:rotate(-7deg)}.docs-nav__back{color:#f1f0ea73;text-transform:uppercase;align-items:center;gap:.5rem;margin:1rem 0 1.8rem;padding:.62rem .48rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.58rem;transition:color .18s;display:flex}.docs-nav__back:hover,.docs-nav__back:focus-visible{color:#f1f0ea}.docs-nav__back svg{width:.88rem;height:.88rem}.docs-nav__section{color:#f1f0ea4d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;padding-inline:.5rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.54rem}.docs-nav__link{color:#f1f0ea80;border-radius:.6rem;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:2.7rem;padding:.65rem .7rem;font-size:.69rem;transition:color .18s,background .18s;display:grid}.docs-nav__link span:last-child{color:#f1f0ea3d;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.52rem}.docs-nav__link.is-active,.docs-nav__link:hover,.docs-nav__link:focus-visible{color:#f1f0ea;background:#ffffff0d}.docs-nav__future{color:#f1f0ea40;border:1px dashed #ffffff17;border-radius:.7rem;margin-top:.45rem;padding:.85rem .7rem;font-size:.62rem;line-height:1.55}.docs-nav__footer{color:#f1f0ea57;border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:auto;padding:1rem .5rem 0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.54rem;display:flex}.docs-main{width:min(100% - clamp(2rem,6vw,6rem),62rem);margin-inline:auto;padding-block:clamp(4rem,7vw,6.5rem)}.effect-intro{gap:1rem;margin-bottom:2.2rem;display:grid}.breadcrumb,.eyebrow{color:#dca250;letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.58rem;font-weight:650}.breadcrumb span{color:#f1f0ea52}.effect-intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.2rem,7vw,6.3rem);font-weight:560;line-height:.9}.effect-intro__row{justify-content:space-between;align-items:start;gap:2rem;display:flex}.effect-intro__description{color:#f1f0ea8c;max-width:42rem;margin:0;font-size:clamp(.92rem,1.4vw,1.05rem);line-height:1.72}.effect-meta{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.45rem;display:flex}.effect-meta span{color:#f1f0ea6b;white-space:nowrap;border:1px solid #ffffff14;border-radius:999px;padding:.45rem .6rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.53rem}.effect-workspace{background:#0b1519;border:1px solid #ffffff14;border-radius:1.15rem;overflow:hidden;box-shadow:0 2rem 5rem -3.6rem #000000e6}.workspace-bar{background:#0b1519;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;min-height:3.8rem;padding:.65rem .75rem;display:flex}.view-tabs,.snippet-tabs{align-items:center;gap:.2rem;display:flex}.view-tab,.snippet-tab,.inspect-toggle,.copy-action,.inline-copy{color:#f1f0ea7a;cursor:pointer;background:0 0;border-radius:.55rem;transition:color .18s,background .18s,transform .15s}.view-tab{min-height:2.35rem;padding:.55rem .8rem;font-size:.68rem}.view-tab:hover,.view-tab:focus-visible,.view-tab.is-active,.snippet-tab:hover,.snippet-tab:focus-visible,.snippet-tab.is-active{color:#f1f0ea;background:#ffffff0f}.inspect-toggle{align-items:center;gap:.55rem;min-height:2.35rem;padding:.5rem .65rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.56rem;display:inline-flex}.inspect-toggle:hover,.inspect-toggle:focus-visible,.inspect-toggle.is-active{color:#f1f0ea;background:#ffffff0d}.inspect-toggle__switch{background:#ffffff0f;border:1px solid #ffffff2b;border-radius:999px;width:1.85rem;height:1.05rem;position:relative}.inspect-toggle__switch:after{content:"";background:#f1f0ea85;border-radius:50%;width:.58rem;height:.58rem;transition:background .18s,transform .18s cubic-bezier(.16,1,.3,1);position:absolute;top:.17rem;left:.19rem}.inspect-toggle.is-active .inspect-toggle__switch{background:#dca2502e;border-color:#dca25080}.inspect-toggle.is-active .inspect-toggle__switch:after{background:#dca250;transform:translate(.72rem)}.preview-frame{background:radial-gradient(circle at 54% 45%,#e2aa5512,#0000 22rem),#15242b;min-height:36rem;position:relative;overflow:hidden}.preview-canvas{place-items:center;min-height:36rem;padding:3.5rem 2.2rem 2.5rem;display:grid}.preview-footer{color:#f1f0ea5e;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;min-height:3.8rem;padding:.8rem 1rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.55rem;display:flex}.preview-footer strong{color:#dca250;font-weight:600}.inspect-overlay{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.inspect-ruler{z-index:4;color:#f1f0ea85;background:#060c0fe6;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.46rem;position:absolute;overflow:hidden}.inspect-ruler--x{border-bottom:1px solid #dca25066;height:1.2rem;top:0;left:1.35rem;right:0}.inspect-ruler--y{border-right:1px solid #dca25066;width:1.35rem;top:1.2rem;bottom:0;left:0}.inspect-tick{background:#f1f0ea59;position:absolute}.inspect-tick[data-axis=x]{bottom:0;left:var(--tick-position);width:1px;height:.28rem}.inspect-tick[data-axis=y]{top:var(--tick-position);width:.28rem;height:1px;right:0}.inspect-tick--major[data-axis=x]{height:.52rem}.inspect-tick--major[data-axis=y]{width:.52rem}.inspect-tick b{color:#f1f0ea85;font:inherit;font-weight:500;position:absolute}.inspect-tick[data-axis=x] b{bottom:.52rem;left:.18rem}.inspect-tick[data-axis=y] b{top:.16rem;right:.52rem;transform:rotate(-90deg)}.inspect-box{will-change:width, height, transform;background:#dca2501f;border:1px solid #dca250;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #ffffff14}.inspect-box:before,.inspect-box:after{content:"";background:#dca25061;position:absolute}.inspect-box:before{width:1px;top:-100vh;bottom:-100vh;left:-1px}.inspect-box:after{height:1px;top:-1px;left:-100vw;right:-100vw}.inspect-tooltip{background:#070e11f0;border:1px solid #dca25061;border-radius:.48rem;gap:.2rem;padding:.55rem .65rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;display:grid;position:absolute;top:0;left:0;box-shadow:0 .7rem 2rem #00000052}.inspect-tooltip strong{color:#f1f0ea;text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;font-weight:650;overflow:hidden}.inspect-tooltip span{color:#f1f0ea6e;font-size:.48rem}.code-panel{min-height:39.8rem}.code-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;min-height:3.6rem;padding:.65rem .85rem;display:flex}.snippet-tab{min-height:2.15rem;padding:.48rem .7rem;font-size:.62rem}.copy-action,.inline-copy{color:#f6e8d2;background:#2d424a;justify-content:center;align-items:center;gap:.45rem;min-height:2.3rem;padding:.55rem .7rem;font-size:.61rem;font-weight:620;display:inline-flex}.copy-action:hover,.copy-action:focus-visible,.inline-copy:hover,.inline-copy:focus-visible{color:#fff;background:#3a535c}.copy-action.is-copied,.inline-copy.is-copied{color:#182126;background:#d7ad6d}.copy-action:active,.inline-copy:active,.view-tab:active,.snippet-tab:active{transform:translateY(1px)scale(.98)}.copy-action svg,.inline-copy svg{width:.86rem;height:.86rem}.code-window{color:#cfddd5;scrollbar-color:#ffffff2b transparent;scrollbar-width:thin;tab-size:2;white-space:pre;min-height:32rem;max-height:38rem;margin:0;padding:1.5rem 1.7rem 2.2rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:clamp(.66rem,.9vw,.76rem);line-height:1.72;overflow:auto}.code-window code{font:inherit}.code-status{color:#f1f0ea57;margin:0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.52rem}.docs-panel{padding:clamp(1.6rem,4vw,3.4rem)}.docs-panel__lead{color:#f1f0ea94;max-width:44rem;margin:0 0 2.8rem;font-size:.92rem;line-height:1.75}.docs-section+.docs-section{border-top:1px solid #ffffff12;margin-top:3.2rem;padding-top:3.2rem}.docs-section h2{letter-spacing:-.04em;margin:0 0 .8rem;font-size:1.35rem;font-weight:620}.docs-section>p{color:#f1f0ea7a;max-width:45rem;margin:0;font-size:.78rem;line-height:1.72}.install-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1.25rem;padding:.85rem .9rem .85rem 1.1rem;display:grid}.install-block code{color:#d2dfd8;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.64rem;overflow:hidden}.usage-steps{counter-reset:usage;gap:0;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.usage-steps li{color:#f1f0ea7a;counter-increment:usage;border-top:1px solid #ffffff0f;grid-template-columns:2rem 1fr;gap:.8rem;padding-block:.9rem;font-size:.76rem;line-height:1.6;display:grid}.usage-steps li:before{content:"0" counter(usage);color:#dca250;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.55rem}.api-table{border-collapse:collapse;width:100%;margin-top:1.25rem;font-size:.69rem}.api-table th,.api-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff12;padding:.82rem .7rem}.api-table th{color:#f1f0ea52;letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.5rem;font-weight:500}.api-table td{color:#f1f0ea7a;line-height:1.55}.api-table code{color:#edc68d;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.61rem}.properties-rail{background:#0910138c;border-left:1px solid #ffffff12;padding:1.4rem 1rem}.rail-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:.85rem;padding:1rem}.rail-card+.rail-card{margin-top:.8rem}.rail-card__eyebrow{color:#dca250;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .45rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.51rem}.rail-card h2{margin:0;font-size:.78rem;font-weight:620}.metric-list{gap:.65rem;margin:1rem 0 0;display:grid}.metric-list div{gap:.24rem;display:grid}.metric-list dt{color:#f1f0ea45;text-transform:uppercase;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.48rem}.metric-list dd{color:#f1f0ea96;text-overflow:ellipsis;min-width:0;margin:0;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.55rem;line-height:1.45;overflow:hidden}.rail-note{color:#f1f0ea4f;margin:.85rem 0 0;font-size:.6rem;line-height:1.55}@media (width<=1180px){.docs-shell{grid-template-columns:13rem minmax(0,1fr)}.properties-rail{display:none}}@media (width<=780px){.docs-shell{display:block}.docs-nav{border-bottom:1px solid #ffffff12;border-right:0;grid-template-columns:1fr auto;gap:.4rem 1rem;width:100%;height:auto;padding:.85rem 1rem;display:grid;position:static}.docs-nav__back{grid-area:1/2;margin:0}.docs-nav__section,.docs-nav__future,.docs-nav__footer{display:none}.docs-nav__link{grid-column:1/-1;min-height:2.2rem}.docs-main{width:min(100% - 2rem,62rem);padding-block:3rem}.effect-intro__row{display:grid}.effect-meta{justify-content:flex-start}.preview-frame,.preview-canvas{min-height:31rem}}@media (width<=540px){.docs-main{width:min(100% - 1.2rem,62rem)}.effect-intro h1{font-size:clamp(3rem,18vw,4.5rem)}.workspace-bar,.code-toolbar{flex-direction:column;align-items:stretch}.view-tabs,.snippet-tabs{width:100%;overflow-x:auto}.view-tab,.snippet-tab{flex:1 0 auto}.inspect-toggle{align-self:flex-end}.preview-canvas{padding-inline:1rem}.preview-footer{flex-direction:column;align-items:start}.code-panel{min-height:32rem}.code-window{min-height:25rem;max-height:31rem;padding-inline:1rem}.docs-panel{padding:1.3rem}.install-block{grid-template-columns:1fr}.install-block code{white-space:normal;word-break:break-all}.inline-copy{justify-self:start}.api-table{display:block;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}}.folder-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(.25rem,1.2vw,1rem);width:100%;padding-block:2.4rem 1rem;display:grid}.folder-variant{opacity:.72;justify-items:center;gap:.85rem;min-width:0;transition:opacity .28s,transform .42s cubic-bezier(.16,1,.3,1);display:grid}.folder-variant--graphite{transform:translateY(1.8rem)}.folder-variant--amber{transform:translateY(-1.1rem)}.folder-variant--pearl{transform:translateY(1rem)}.folder-variant:is(:hover,:focus-within),.folder-variant.is-selected{opacity:1}.folder-variant.is-selected{transform:translateY(-1.45rem)}.folder-variant__name{color:#f1f0ea6e;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.52rem;transition:color .22s;display:inline-flex}.folder-variant__name b{color:#dca250;font:inherit}.folder-variant.is-selected .folder-variant__name,.folder-variant:focus-within .folder-variant__name{color:#f1f0ea}.folder-gallery .folder{--folder-width:clamp(10.5rem, 14vw, 14.5rem)}.theme-options{gap:.28rem;margin-top:.9rem;display:grid}.theme-option{color:#f1f0ea73;text-align:left;cursor:pointer;background:0 0;border-radius:.55rem;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;min-height:2.45rem;padding:.5rem .55rem;font-size:.62rem;transition:color .18s,background .18s,transform .15s;display:grid}.theme-option:hover,.theme-option:focus-visible,.theme-option.is-active{color:#f1f0ea;background:#ffffff0d}.theme-option:active{transform:translateY(1px)scale(.98)}.theme-swatch{border:1px solid #ffffff2e;border-radius:50%;width:.85rem;height:.85rem}.theme-swatch--amber{background:#e9a33c}.theme-swatch--graphite{background:#292a28}.theme-swatch--pearl{background:#e6e7e3}.docs-section code:not(.install-block code),.usage-steps code{color:#edc68d;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.92em}.preview-frame.is-inspecting,.preview-frame.is-inspecting .folder{cursor:crosshair}.preview-frame.is-inspecting .folder-variant,.preview-frame.is-inspecting .folder__object,.preview-frame.is-inspecting .folder__front,.preview-frame.is-inspecting .folder__front:after,.preview-frame.is-inspecting .paper{transition:none!important}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__object{transform:translate(0,0)rotateX(.001deg)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--rear{opacity:.92;transform:translate3d(-52%,-5%,2px)rotate(-2deg)scale(.94)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--left{transform:translate(-82%)rotate(-8deg)scale(.96)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--right{transform:translate3d(-20%,0,1px)rotate(9deg)scale(.96)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__front{transform:translateZ(7px)rotateX(.001deg)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__front:after{transform:translate(-120%)skew(-12deg)}@media (width<=920px){.folder-gallery .folder{--folder-width:clamp(9.25rem, 19vw, 11.8rem)}}@media (width<=780px){.folder-gallery .folder{--folder-width:clamp(9rem, 23vw, 11.5rem)}}@media (width<=540px){.folder-gallery{grid-template-columns:1fr;gap:2.5rem;padding-block:3rem 2rem}.folder-gallery .folder{--folder-width:min(72vw, 19rem)}.folder-variant,.folder-variant--graphite,.folder-variant--amber,.folder-variant--pearl,.folder-variant.is-selected{transform:none}}