@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}}.vsl{--_radius:var(--radius-main);border-radius:var(--_radius);background-color:#ffffff0f;width:100%;height:2.75rem;position:relative}.vsl_face{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:calc(var(--_radius) - .1875rem);font-size:var(--text-small);color:var(--text);pointer-events:none;padding-inline:.9rem 1.4rem;display:flex;position:absolute;inset:.1875rem}.vsl_face--fill{background:var(--_paint,#fff);color:#111;clip-path:inset(0 calc(100% - var(--_fill)) 0 0 round calc(var(--_radius) - .1875rem))}.vsl_name{font-family:var(--mono-family);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.vsl_value{min-width:calc(var(--_ch,4) * 1ch);font-family:var(--mono-family);font-variant-numeric:tabular-nums;text-align:right;flex:none}.vsl_grip{top:50%;left:calc(var(--_fill) - .75rem);border-radius:var(--radius-round);background-color:#1111114d;width:.1875rem;height:45%;position:absolute;translate:0 -50%}.vsl[data-ramp]{background:var(--_paint,#fff)}.vsl[data-ramp] .vsl_face:not(.vsl_face--fill){display:none}.vsl[data-ramp] .vsl_face--fill{clip-path:none;color:#111;background:0 0}.vsl[data-ramp] .vsl_grip{left:clamp(.125rem, calc(var(--_fill) - .125rem), calc(100% - .375rem));background-color:#fff;width:.25rem;height:62%;box-shadow:0 0 0 1px #00000047}.vsl_input{opacity:0;cursor:ew-resize;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.vsl:has(.vsl_input:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.dd{width:100%;position:relative}.dd_trigger{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-small);width:100%;color:var(--text);font-family:var(--mono-family);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quad);background-color:#ffffff0f;border:1px solid #0000;padding:.55em .7em;font-size:.8125rem;display:flex;@media (hover:hover){&:hover{background-color:#ffffff17}}&:focus-visible{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}}.dd_chevron{width:.4rem;height:.4rem;transition:transform var(--duration-main) var(--ease-out-quad);border-bottom:1px solid #ffffff80;border-right:1px solid #ffffff80;flex:none;transform:translateY(-.15em)rotate(45deg)}.dd[data-open] .dd_chevron{transform:translateY(.1em)rotate(225deg)}.dd_list{z-index:20;border-radius:var(--radius-main);animation:dd-in .16s var(--ease-out-expo) both;background-color:#232323;border:1px solid #ffffff24;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 12px 32px #0000008c}.dd_list[hidden]{display:none}@keyframes dd-in{0%{opacity:0;transform:translateY(-.25rem)}}.dd_option{border-radius:var(--radius-small);font-family:var(--mono-family);color:#ffffffbf;cursor:pointer;align-items:center;gap:.5rem;padding:.45em .55em;font-size:.8125rem;display:flex}.dd_option[data-active]{color:var(--text);background-color:#ffffff17}.dd_check{opacity:0;border-bottom:1.5px solid;border-left:1.5px solid;flex:none;width:.7rem;height:.4rem;transform:translateY(-.1em)rotate(-45deg)}.dd_option[aria-selected=true] .dd_check{opacity:1}@media (prefers-reduced-motion:reduce){.dd_list{animation:none}.dd_chevron{transition:none}}.build{--b-color:#7a49e9;--b-on:#fff;--b-space:16px;--b-size:18px;gap:var(--space-8);grid-template-columns:minmax(0,1fr);width:100%;display:grid;@media (width>=64rem){gap:var(--section-space-small);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}}.build_steps{gap:var(--space-8);flex-direction:column;display:flex;@media (width>=64rem){gap:0;padding-block:0 12vh}}.build_step{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex;@media (width>=64rem){opacity:.32;justify-content:center;min-height:78vh;&:first-child{justify-content:flex-start;min-height:60vh}transition:opacity var(--duration-slow) var(--ease-out-quad);&[data-on]{opacity:1}}}.build_step_title{font-family:var(--brand-family);font-size:var(--h3);margin-bottom:var(--space-3);font-weight:var(--primary-medium);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;line-height:1.2}.build_step_body{max-width:46ch;color:var(--text-faded)}.build_panel{width:100%;margin-top:var(--space-3);padding:var(--space-5);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-large);background-color:#111}.build_sources{gap:var(--space-2);flex-direction:column;display:flex}.build_source{cursor:pointer;& input{opacity:0;pointer-events:none;position:absolute}&:has(input:focus-visible) .build_source_face{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}}.build_source_face{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);border-radius:var(--radius-small);transition:background-color var(--duration-main) var(--ease-out-quad), border-color var(--duration-main) var(--ease-out-quad);background-color:#ffffff0a;border:1px solid #0000;flex-wrap:wrap;padding:.6rem .75rem;display:flex}.build_source:has(input:checked) .build_source_face{border-color:color-mix(in srgb, var(--brand-500) 55%, transparent);background-color:color-mix(in srgb, var(--brand-500) 12%, transparent)}.build_seg{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.build_seg_option{& input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}& span{border-radius:var(--radius-small);font-family:var(--mono-family);text-align:center;transition:background-color var(--duration-main) var(--ease-out-quad), border-color var(--duration-main) var(--ease-out-quad), color var(--duration-main) var(--ease-out-quad);background-color:#ffffff0a;border:1px solid #0000;padding:.55rem .5rem;font-size:.75rem;display:block}&:has(input:focus-visible) span{outline:2px solid var(--brand-500);outline-offset:2px}&:has(input:checked) span{border-color:color-mix(in srgb, var(--brand-500) 55%, transparent);background-color:color-mix(in srgb, var(--brand-500) 12%, transparent);color:var(--text)}}.build_source_name{font-weight:var(--primary-medium);font-size:var(--text-small)}.build_source_url{font-family:var(--mono-family);color:var(--text-faded);font-size:.6875rem}.build_bound{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-small);color:var(--text-faded);flex-wrap:wrap;display:flex;& .icon{--_size:.875rem}& code{color:#c4afff;background-color:#9274ff38;border-radius:.3em;padding:.15em .45em;font-size:.8125rem}}.build_vars{gap:var(--space-3);flex-direction:column;display:flex}.build_fields{gap:var(--space-4);border:0;flex-direction:column;margin:0;padding:0;display:flex}.build_field{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex;& input{border-radius:var(--radius-small);width:100%;color:var(--text);font:inherit;font-size:var(--text-small);background-color:#ffffff0f;border:1px solid #0000;padding:.6rem .75rem;&:focus-visible{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}}}.build_field_label{font-family:var(--mono-family);color:var(--text-faded);align-items:center;gap:.35em;padding:0;font-size:.8125rem;display:flex}.build_field_type{font-family:var(--primary-family);color:#ffffff4d;font-size:.6875rem;font-style:normal}.build_props{gap:var(--space-4);flex-direction:column;display:flex}.build_prop{gap:var(--space-2);animation:build-in .32s var(--ease-out-expo) both;z-index:1;flex-direction:column;display:flex;position:relative;&:has([data-dd][data-open]){z-index:5}&[data-off]{filter:grayscale()opacity(.45)}}@keyframes build-in{0%{opacity:0;transform:translateY(-.35rem)}}.build_prop_pill{font-family:var(--mono-family);border-radius:.3em;align-self:flex-start;align-items:center;gap:.3em;padding:.1em .4em;font-size:.8125rem;display:inline-flex;& .icon{--_size:.75rem;opacity:.85}&.set{color:#09f;background-color:#0099ff29}}.build_prop_static{border-radius:var(--radius-small);color:var(--text-faded);font-family:var(--mono-family);background-color:#ffffff08;padding:.55em .7em;font-size:.8125rem}.build_prop_head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.build_mode{border-radius:var(--radius-small);background-color:#ffffff0d;padding:.125rem;display:flex}.build_mode_option{& input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}& span{border-radius:calc(var(--radius-small) - .125rem);color:var(--text-faded);cursor:pointer;transition:background-color var(--duration-main) var(--ease-out-quad), color var(--duration-main) var(--ease-out-quad);padding:.25rem .6rem;font-size:.75rem;display:block}&:has(input:focus-visible) span{outline:2px solid var(--brand-500);outline-offset:2px}&:has(input:checked) span{color:var(--text);background-color:#ffffff1c}}.build_prop:has(.build_mode input[value=URL]:checked) .build_asset,.build_prop:has(.build_mode input[value=Asset]:checked) .build_url{display:none}.build_asset{gap:var(--space-2);flex-direction:column;display:flex}.build_asset_row{border-radius:var(--radius-main);border:1px solid #ffffff17;align-items:center;gap:.75rem;padding:.5rem;display:flex}:is(.build_asset_row,.build_url_value):not([data-on]){display:none}.build_asset_thumb{border-radius:var(--radius-small);background-color:#d8d8d8;background-image:linear-gradient(45deg,#8f8f8f 25%,#0000 25%),linear-gradient(-45deg,#8f8f8f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#8f8f8f 75%),linear-gradient(-45deg,#0000 75%,#8f8f8f 75%);background-position:0 0,0 .375rem,.375rem -.375rem,-.375rem 0;background-size:.75rem .75rem;flex:none;width:3rem;height:3rem;overflow:clip;& img{object-fit:cover;width:100%;height:100%;display:block}}.build_asset_meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.build_asset_name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.build_asset_spec{color:var(--text-faded);font-size:.75rem}.build_asset_choose{border-radius:var(--radius-main);text-align:center;color:var(--text);background-color:#ffffff0d;padding:.55rem;font-size:.8125rem;display:block}.build_url_value{border-radius:var(--radius-small);color:var(--text-faded);font-family:var(--mono-family);white-space:nowrap;text-overflow:ellipsis;background-color:#ffffff08;padding:.55em .7em;font-size:.8125rem;display:block;overflow:hidden}.build_stage{@media (width>=64rem){height:100%}}.build_sticky{gap:var(--space-3);flex-direction:column;display:flex;@media (width>=64rem){top:calc(var(--nav-height) + var(--space-6));position:sticky}}.build_cards{gap:var(--b-space);transition:gap .26s var(--ease-out-quad);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bcard{transform:translateY(var(--b-drift,0rem))}.bcard[data-col="2"]{transform:translateY(calc(var(--b-drift,0rem) * -1))}.bcard{aspect-ratio:4/5;border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-large);background-color:var(--surface);transition:background-color .26s var(--ease-out-quad), border-color .26s var(--ease-out-quad);flex-direction:column;display:flex;overflow:clip;container-type:inline-size}:is(.bcard,.build_fields):not([data-on]){display:none}.bcard_media{aspect-ratio:16/10;background-color:#ffffff0a;flex:none;min-height:0;& img{object-fit:cover;width:100%;height:100%}}.bcard_body{align-items:flex-start;gap:calc(var(--b-space-cq,5) * .42cqw);min-height:0;padding:calc(var(--b-space-cq,5) * 1cqw);transition:gap .26s var(--ease-out-quad), padding .26s var(--ease-out-quad);flex-direction:column;flex:1;display:flex;overflow:hidden}.bcard_title{font-family:var(--brand-family);font-size:calc(var(--b-size-cq,6) * 1cqw);font-weight:var(--primary-medium);letter-spacing:var(--letter-spacing-tight);color:inherit;-webkit-line-clamp:2;line-clamp:2;transition:font-size .26s var(--ease-out-quad);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.bcard_btn{width:100%;padding:calc(var(--b-space-cq,5) * .6cqw) 2cqw;background-color:var(--b-color);color:var(--b-on,#fff);font-size:4cqw;font-weight:var(--primary-medium);text-align:center;white-space:nowrap;transition:background-color .26s var(--ease-out-quad), color .26s var(--ease-out-quad);border-radius:2.5cqw;margin-top:auto}.bcard_fields{flex-direction:column;gap:.8cqw;width:100%;margin:0;font-size:4cqw;display:flex}.bcard_field{justify-content:space-between;align-items:baseline;gap:3cqw;display:flex;& dt{color:var(--text-faded)}& dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}}.build[data-variant=plain] .bcard_media{display:none}.build[data-variant=cover] .bcard{position:relative}.build[data-variant=cover] .bcard_media{aspect-ratio:auto;position:absolute;inset:0;& img{opacity:.22}}.build[data-variant=cover] .bcard_body{background:linear-gradient(to top, color-mix(in srgb, var(--surface) 92%, transparent), transparent);position:relative}.build[data-variant=stacked] .bcard{border-color:#0000;border-radius:0}.build[data-variant=stacked] .bcard_media{border-radius:var(--radius-large);margin-bottom:calc(var(--b-space-cq,5) * 1cqw);overflow:clip}.build[data-variant=stacked] .bcard_body{padding:0}.build[data-theme=light]:is([data-variant=plain],[data-variant=cover]) .bcard{color:#111;background-color:#f4f4f5;border-color:#1111111a;& .bcard_field dt{color:#1111118c}}.build[data-theme=light][data-variant=cover] .bcard{border-color:#0000}.build[data-theme=light][data-variant=cover] .bcard_body{background:linear-gradient(#fffffff2,#fff0 50%)}@media (prefers-reduced-motion:reduce){.build_step,.build_cards,.bcard,.bcard_body,.bcard_title,.bcard_media img,.bcard_btn,.build_prop{transition:none;animation:none}}.hero[data-astro-cid-lcdefpme]{overflow:clip}.hero_inner[data-astro-cid-lcdefpme]{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero_title[data-astro-cid-lcdefpme]{max-width:17ch;margin-top:var(--space-5)}.hero_lede[data-astro-cid-lcdefpme]{max-width:52ch;margin-top:var(--space-5);color:var(--text-faded)}.hero_actions[data-astro-cid-lcdefpme]{justify-content:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.badge[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-round);background-color:var(--surface);color:var(--text-faded);font-family:var(--brand-family);font-size:var(--text-small);transition:border-color var(--duration-main) var(--ease-out-quad), color var(--duration-main) var(--ease-out-quad);padding:.4em .5em .4em .75em;text-decoration:none;display:inline-flex;& .badge_arrow{--_size:.9em;transition:transform var(--duration-main) var(--ease-spring)}@media (hover:hover){&:hover{color:var(--text);border-color:#ffffff38;& .badge_arrow{transform:translate(.2em)}}}}.badge_dot[data-astro-cid-lcdefpme]{background-color:var(--accent);width:.375rem;height:.375rem;box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.promises[data-astro-cid-lcdefpme]{justify-content:center;gap:var(--space-3) var(--space-5);margin:var(--space-6) 0 0;font-size:var(--text-small);color:var(--text-faded);flex-wrap:wrap;padding:0;list-style:none;display:flex}.promises_item[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-2);display:flex}.promises_check[data-astro-cid-lcdefpme]{--_size:1rem;color:var(--accent)}.hero_stage[data-astro-cid-lcdefpme]{width:100%;margin-top:var(--space-8);perspective:2800px;perspective-origin:50% 25%}.hero_tilt[data-astro-cid-lcdefpme]{--tilt-scroll:0;--tilt-x:0;--tilt-y:0;--tilt-lift:0;transform:rotateX(calc((var(--tilt-scroll) + var(--tilt-x)) * 1deg)) rotateY(calc(var(--tilt-y) * 1deg)) translate3d(0, calc(var(--tilt-lift) * 1px), 0);transform-style:preserve-3d;will-change:transform}@media (prefers-reduced-motion:reduce){.hero_tilt[data-astro-cid-lcdefpme]{will-change:auto;transform:none}}.head[data-astro-cid-lcdefpme]{align-items:start;gap:var(--space-4);width:100%;max-width:60ch;margin-bottom:var(--space-8);flex-direction:column;display:flex;&.centered{text-align:center;align-items:center;margin-inline:auto}}.head_label[data-astro-cid-lcdefpme]{color:var(--accent)}.head_title[data-astro-cid-lcdefpme]{font-size:var(--h2);font-family:var(--brand-family);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);text-wrap:balance;max-width:20ch}.head_lede[data-astro-cid-lcdefpme]{color:var(--text-faded)}.cta_panel[data-astro-cid-lcdefpme]{text-align:center;align-items:center;gap:var(--space-4);width:100%;padding:var(--section-space-small) var(--space-5);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-large);background-color:var(--surface);flex-direction:column;display:flex;position:relative;overflow:clip}.cta_panel[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:not(.aurora){z-index:1;position:relative}.cta_mark[data-astro-cid-lcdefpme]{width:2.75rem;height:2.75rem;margin-bottom:var(--space-2);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-main);color:var(--accent);background-color:#ffffff0a;justify-content:center;align-items:center;display:inline-flex;& .icon{--_size:1.25rem}}.cta_title[data-astro-cid-lcdefpme]{font-size:var(--h2);font-family:var(--brand-family);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);letter-spacing:var(--h2-letter-spacing);text-wrap:balance;max-width:18ch}.cta_lede[data-astro-cid-lcdefpme]{max-width:44ch;color:var(--text-faded)}.cta_note[data-astro-cid-lcdefpme]{font-size:var(--text-small);color:var(--text-faded)}}
