@layer docs-components{.aurora{pointer-events:none;background:radial-gradient(75% 60% at 50% 88%, color-mix(in srgb, var(--brand-500) calc(14% * var(--_intensity,1)), transparent), transparent 72%);position:absolute;inset:0;overflow:clip}.aurora>canvas{opacity:0;transition:opacity 1.2s ease-out;mask-image:radial-gradient(90% 75% at 50% 92%,#000 0%,#00000080 45%,#0000 78%)}.aurora[data-running]>canvas{opacity:var(--_intensity,1)}.aurora[data-running]{background:0 0}@media (prefers-reduced-motion:reduce){.aurora>canvas{display:none}}.home-band[data-astro-cid-lcdefpme]{background-color:#0000}.home-band[data-astro-cid-lcdefpme] .card{background-color:var(--docs-panel)}.hero[data-astro-cid-lcdefpme]{min-height:calc(100svh - var(--docs-header-height))}.hero-command[data-astro-cid-lcdefpme]{text-align:start;width:100%;max-width:32rem;& .code{margin-block:0}}.stacki-wordmark[data-astro-cid-lcdefpme]{width:6.5rem}.stacki-row[data-astro-cid-lcdefpme]{gap:var(--space-6);width:100%;display:grid;@media (width>=64rem){gap:var(--space-7);grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:center}}.stacki-copy[data-astro-cid-lcdefpme]{align-items:start;gap:var(--space-5);flex-direction:column;display:flex;&>[data-astro-cid-lcdefpme]{margin-block:0}}.stacki-window[data-astro-cid-lcdefpme]{container-type:inline-size;& .win{font-size:clamp(.4375rem,.665cqi,.75rem)}& .win_body{min-height:clamp(15rem,52cqi,36rem)}}}@layer components{.win{--_bg:#191919;--_panel:#111;--_input:#ffffff0f;--_hover:#ffffff0d;--_active:#ffffff17;--_line:#ffffff14;--_line-strong:#ffffff24;--_text:#f5f5f5;--_dim:#999;--_faint:#666;--_accent:#09f;--_swap-down:5.065em;--_swap-up:-2.531em;--_accent-soft:#0099ff29;--_green:#30c158;--_component:#79e09c;--_component-soft:#79e09c29;--_amber:#ffd60a;width:100%;font-size:clamp(.4375rem,.62vw,.75rem);font-family:var(--primary-family);color:var(--_text);background-color:var(--_panel);border:var(--border-width) solid #ffffff1a;border-radius:var(--radius-large);user-select:none;line-height:1.4;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff12,0 40px 80px -40px #000000e6}.win_titlebar{background-color:var(--_panel);border-bottom:var(--border-width) solid var(--_line);align-items:center;gap:1em;height:3.333em;padding:0 1em;display:flex}.win_lights{gap:.667em;padding-right:1.5em;display:flex;& i{background-color:#ffffff21;border-radius:50%;width:1.083em;height:1.083em}}.win_appname{color:var(--_dim);font-size:1em;font-weight:600}.win_pageswitch{color:var(--_faint);align-items:center;gap:.5em;display:inline-flex;& svg{width:.833em;height:auto}}.win_spacer{flex:1}.win_url{background-color:var(--_input);color:var(--_dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:.667em;flex:0 24em;padding:.417em 1em;font-size:.917em;font-weight:450;overflow:hidden}.win_git{background-color:var(--_input);height:2.167em;color:var(--_dim);white-space:nowrap;border-radius:99px;align-items:center;gap:.5em;padding:0 1em;font-size:.958em;font-weight:500;display:inline-flex}.win_git_dot{background-color:var(--_green);border-radius:50%;width:.5em;height:.5em;&.dirty{background-color:var(--_amber)}}.win_body{grid-template-columns:auto 1fr;min-height:clamp(15rem,40vw,36rem);display:grid}.win_rail{background-color:var(--_panel);border-right:var(--border-width) solid var(--_line);flex-direction:column;align-items:center;gap:.333em;width:3.667em;padding-top:.833em;display:flex}.win_rail_btn{width:2.667em;height:2.667em;color:var(--_dim);border-radius:.667em;justify-content:center;align-items:center;display:flex;& .icon{--_size:1.667em}&.on{background-color:var(--_active);color:var(--_text)}}.win_panel{background-color:var(--_panel);flex-direction:column;display:none}.win_panel-left{border-right:var(--border-width) solid var(--_line);width:21.667em}.win_panel-right{border-left:var(--border-width) solid var(--_line);width:26.833em}.win_panel_head{padding:1em 1em .667em;& h2{color:var(--_text);font-size:.958em;font-weight:600}}.win_tree{flex-direction:column;padding:.167em .667em 1em;display:flex}.win_node{height:2.333em;padding:0 .5em 0 calc(.5em + var(--_depth) * 1em);color:var(--_dim);white-space:nowrap;border-radius:.5em;align-items:center;gap:.5em;display:flex;&.selected{background-color:var(--_accent-soft);color:var(--_text);& .win_node_icon{color:var(--_accent)}}&[data-kind=component]{color:var(--_component);& .win_node_icon{color:var(--_component)}}}.win_node_icon{color:var(--_faint);flex:none;align-items:center;display:flex;& .icon{--_size:1em}}.win_node_label{font-weight:500}.win_center{background-color:var(--_bg);flex-direction:column;min-width:0;display:flex}.win_toolbar{background-color:var(--_panel);border-bottom:var(--border-width) solid var(--_line);align-items:center;gap:.667em;height:3.667em;padding:0 1em;display:flex}.win_crumbs{flex:1;align-items:center;gap:.083em;min-width:0;display:flex;overflow:hidden}.win_crumb{color:var(--_faint);white-space:nowrap;border-radius:.417em;padding:.25em .5em;font-size:.958em;font-weight:500;&.last{color:var(--_text)}}.win_crumb_sep{color:var(--_faint)}.win_devices{background-color:var(--_input);border-radius:.667em;gap:.167em;padding:.167em;display:flex;position:relative}.win_device_btn{z-index:1;width:2.25em;height:1.833em;color:var(--_faint);border-radius:.5em;justify-content:center;align-items:center;display:flex;position:relative;& .icon{--_size:1.333em}&.on{color:var(--_text)}}.win_device_indicator{background-color:#ffffff1f;border-radius:.5em;width:2.25em;transition:transform .25s cubic-bezier(.3,.7,.3,1);position:absolute;top:.167em;bottom:.167em;left:.167em}.win_stage{background-color:var(--_bg);flex:1;padding:1.333em;display:grid;position:relative;overflow:clip}.win_scene{opacity:0;transition:opacity .45s var(--ease-out-quad,ease), transform .55s var(--ease-out-expo,ease);pointer-events:none;grid-area:1/1;justify-content:center;align-items:stretch;display:flex;transform:translateY(.6em)scale(.99)}.win_scene[data-on]{opacity:1;transform:none}.win_frame{background-color:#fff;border-radius:.833em;width:100%;overflow:clip;box-shadow:0 12px 48px #0000008c;&.dim{opacity:.45}}.win_site{color:#111;flex-direction:column;align-items:flex-start;gap:.667em;padding:2.4em 3em;display:flex;&.compact{gap:.45em;padding:1em;font-size:.8em}}.win_site_eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;font-size:.833em;font-weight:600}.win_site_h1{letter-spacing:-.03em;color:#111;font-size:1.9em;font-weight:500;line-height:1.08;&.big{font-size:2.15em}}.win_site_p{background-color:#11111121;border-radius:1em;width:100%;height:.5em;display:block;&.short{width:62%}}.win_site_btns{gap:.5em;margin-top:.4em;display:flex}.win_site_btn{color:#111;white-space:nowrap;border:1px solid #11111124;border-radius:.5em;padding:.55em 1em;font-size:.9em;font-weight:500;&.primary{color:#fff;background-color:#111;border-color:#111}}.win_site_media{aspect-ratio:16/8;background-color:#e8e6df;background-image:var(--_media);background-position:50% 45%;background-size:cover;border-radius:.5em;width:100%;margin-top:.5em}.win_pick{outline:1px solid var(--_accent);flex-direction:column;align-self:stretch;gap:.1em;margin:.4em -.25em .2em;padding:.25em;display:flex;position:relative;&.tight{outline-color:#0000}}.win_head{flex-direction:column;align-self:stretch;gap:.1em;display:flex;position:relative}.win_drop{background-color:var(--_accent);opacity:0;border-radius:.167em;height:.167em;position:absolute;inset-inline:0;&.above{margin-bottom:.45em;bottom:100%}&.below{margin-top:.45em;top:100%}}.win_pick_tag{background-color:var(--_accent);color:#fff;white-space:nowrap;border-radius:.25em .25em 0 0;padding:.15em .45em;font-size:.833em;font-weight:500;position:absolute;bottom:100%;left:-1px}.win_pick_h{border:1px solid var(--_accent);background-color:#fff;border-radius:1px;width:.5em;height:.5em;position:absolute;&.tl{top:-.25em;left:-.25em}&.tr{top:-.25em;right:-.25em}&.bl{bottom:-.25em;left:-.25em}&.br{bottom:-.25em;right:-.25em}}.win_gap{background-color:var(--_accent);color:#fff;border-radius:.25em;padding:.1em .35em;font-size:.833em;position:absolute;&.top{top:-.6em;left:50%;transform:translate(-50%)}&.left{top:50%;left:-1.4em;transform:translateY(-50%)}}.win_bps{justify-content:center;align-self:center;align-items:flex-start;gap:1em;width:100%;display:flex}.win_bp{flex-direction:column;gap:.5em;min-width:0;display:flex;&.lg{flex:1.5 1 0}&.md{flex:.85 1 0}&.sm{flex:.5 1 0}&.md .win_site{font-size:.72em}&.sm .win_site{font-size:.56em}}.win_bp_label{color:var(--_dim);white-space:nowrap;font-size:.917em;font-weight:500}.win_scene-publish{position:relative}.win_gitmenu{border:1px solid var(--_line-strong);background-color:#232323;border-radius:.667em;flex-direction:column;gap:.5em;width:20em;padding:1em;display:flex;position:absolute;top:0;right:0;box-shadow:0 8px 30px #00000073}.win_gitmenu_head{border-bottom:1px solid var(--_line);align-items:center;gap:.5em;padding-bottom:.667em;font-weight:500;display:flex;& span{color:var(--_dim);margin-left:auto}}.win_gitmenu_row{color:var(--_dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;display:flex;overflow:hidden;& i{background-color:var(--_green);border-radius:.125em;flex:none;width:.5em;height:.5em}& i[data-change=edit]{background-color:var(--_amber)}}.win_gitmenu_field{background-color:var(--_input);color:var(--_text);border-radius:.5em;margin-top:.333em;padding:.5em .667em}.win_gitmenu_cta{background-color:var(--_accent);color:#fff;text-align:center;border-radius:.667em;padding:.583em;font-weight:600}.win_tabs{border-bottom:var(--border-width) solid var(--_line);gap:.167em;padding:.667em .833em .333em;display:flex;position:relative}.win_tab{z-index:1;color:var(--_faint);text-align:center;border-radius:.5em;flex:1;padding:.417em 0;font-size:.958em;position:relative;&.on{color:var(--_text)}}.win_tabs_ind{background-color:var(--_active);border-radius:.5em;position:absolute;inset:.667em .833em .333em calc(50% + .083em)}.win_props_title{align-items:center;gap:.667em;padding:1.083em 1em 1em;font-size:1.083em;font-weight:600;display:flex}.win_props_icon{color:var(--_dim);align-items:center;display:flex;& .icon{--_size:1.333em}}.win_props_field{margin:0 1em 1em}.win_props_label{color:var(--_dim);align-items:center;margin-bottom:.417em;font-size:.917em;font-weight:500;display:flex}.win_prop_pill{border-radius:.333em;align-items:center;gap:.25em;margin-left:-.417em;padding:.083em .417em;display:inline-flex;& .icon{--_size:1em;opacity:.85}&.set{background-color:var(--_accent-soft);color:var(--_accent)}}.win_input{background-color:var(--_input);width:100%;min-height:2.167em;color:var(--_text);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:.5em;align-items:center;gap:.5em;padding:.5em .667em;display:flex;overflow:hidden;&.select:after{content:"";border-right:1px solid var(--_dim);border-bottom:1px solid var(--_dim);width:.5em;height:.5em;margin-left:auto;transform:translateY(-.15em)rotate(45deg)}}.win_props_group{align-items:center;gap:.667em;padding:.833em 1em;font-size:1.042em;font-weight:600;display:flex}.win_props_group_name{flex:1}.win_props_count{background-color:var(--_input);color:var(--_faint);border-radius:10px;padding:.083em .5em;font-size:.875em;font-weight:500}.win_props_chev{border-top:1px solid var(--_faint);border-right:1px solid var(--_faint);width:.5em;height:.5em;transform:rotate(45deg)}.win_cursor{pointer-events:none;position:absolute;top:3.9em;left:5.9em;& svg{filter:drop-shadow(0 1px 1.5px #00000047);width:1.5em;height:auto;overflow:visible}}.win[data-idle] [data-scene=design] .win_pick{z-index:2;animation:12s infinite win-drag-pick}.win[data-idle] [data-scene=design] .win_head{animation:12s infinite win-drag-head}.win[data-idle] [data-scene=design] .win_cursor{animation:12s infinite win-drag-cursor}.win[data-idle] [data-scene=design] .win_drop.below{animation:12s infinite win-drop-below}.win[data-idle] .win_node[data-node=eyebrow]{animation:12s infinite win-tree-eyebrow}.win[data-idle] .win_node[data-node=heading]{animation:12s infinite win-tree-heading}.win[data-idle] [data-scene=design] .win_drop.above{animation:12s infinite win-drop-above}@keyframes win-drag-pick{0%,24%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(0)}40%,74%{transform:translateY(var(--_swap-down));animation-timing-function:cubic-bezier(.4,0,.2,1)}90%,to{transform:translateY(0)}}@keyframes win-drag-head{0%,30%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)}34%,80%{transform:translateY(var(--_swap-up));animation-timing-function:cubic-bezier(.22,1,.36,1)}84%,to{transform:translateY(0)}}@keyframes win-drag-cursor{0%,22%{transform:translateY(0)scale(1)}24%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(0)scale(.86)}40%,42%{transform:translateY(var(--_swap-down)) scale(.86)}44%,72%{transform:translateY(var(--_swap-down)) scale(1)}74%{transform:translateY(var(--_swap-down)) scale(.86);animation-timing-function:cubic-bezier(.4,0,.2,1)}90%,92%{transform:translateY(0)scale(.86)}94%,to{transform:translateY(0)scale(1)}}@keyframes win-drop-below{0%,25%{opacity:0}29%,39%{opacity:1}42%,to{opacity:0}}@keyframes win-tree-eyebrow{0%,30%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)}34%,80%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(2.333em)}84%,to{transform:translateY(0)}}@keyframes win-tree-heading{0%,30%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)}34%,80%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(-2.333em)}84%,to{transform:translateY(0)}}@keyframes win-drop-above{0%,75%{opacity:0}79%,89%{opacity:1}92%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.win[data-idle] :is(.win_cursor,.win_pick,.win_head,.win_drop,.win_node,.win_pick_tag,.win_pick_h){animation:none}.win_scene{transition:none}}@media (width>=48rem){.win_body{grid-template-columns:auto auto 1fr auto}.win_panel{display:flex}}}