.setup-demo{--sd-canvas:#fff;--sd-shell:#fafafa;--sd-rule:#1a1a1a1c;--sd-rule-strong:#1a1a1a2f;--sd-control:#1a1a1a34;--sd-selected:#1a1a1a0f;--sd-ghost:#1a1a1a0f;--sd-info:#0074dd;--sd-toggle-off:#1a1a1a29;--sd-toggle-on:#3ea64c;--sd-success-fill:#dcfce7;--sd-success-text:#166534;--sd-series:#4a99c3;--sd-track:#e8e8e8;width:100%;container-type:inline-size}@supports (color:lab(0% 0 0)){.setup-demo{--sd-success-fill:lab(96.2253% -13.6498 6.43104);--sd-success-text:lab(37.3273% -33.3579 20.7183)}}.home-v2[data-theme=dark] .setup-demo{--sd-canvas:#191919;--sd-shell:#191919;--sd-rule:#ffffff1a;--sd-rule-strong:#ffffff2e;--sd-control:#ffffff3d;--sd-selected:#ffffff14;--sd-ghost:#ffffff1a;--sd-info:#83bbff;--sd-toggle-off:#fff3;--sd-toggle-on:#22c55e;--sd-success-fill:#14532d;--sd-success-text:#86efac;--sd-track:#383838}@supports (color:lab(0% 0 0)){.home-v2[data-theme=dark] .setup-demo{--sd-success-fill:lab(30.678% -27.9429 16.3251);--sd-success-text:lab(86.8411% -42.8218 22.6317)}}.setup-demo__frame{aspect-ratio:1160/640;min-height:0}@container not (min-width:620px){.setup-demo__frame{aspect-ratio:358/560}}.setup-demo__frame:has(.ss-stage:not([data-placing])){aspect-ratio:auto}.setup-demo .ss-stage{--ss-font:var(--hv-sans);--ss-mono:var(--hv-mono);--ss-canvas:var(--sd-canvas);--ss-surface:var(--sd-canvas);--ss-chrome:var(--sd-canvas);--ss-line:var(--sd-rule);--ss-text:var(--hv-ink-secondary);--ss-text-strong:var(--hv-ink);--ss-text-faint:var(--hv-ink-muted);--ss-ink-1:var(--sd-ghost);--ss-shadow-window:none;color:var(--hv-ink);font-family:var(--hv-sans);font-size:var(--text-small-size);font-weight:var(--text-small-weight);letter-spacing:var(--text-small-tracking);-webkit-font-smoothing:antialiased;background:0 0;line-height:1.4;transition:opacity .2s cubic-bezier(.25,.8,.25,1);overflow:hidden}.setup-demo .ss-stage[data-placing]{opacity:0}.setup-demo .sd-window{width:100%;height:680px;position:relative}.setup-demo .sd-window:after{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--sd-rule);content:"";pointer-events:none;z-index:4;position:absolute;inset:0}.setup-demo .ss-window__dot{background:var(--sd-rule-strong);box-shadow:none}.setup-demo .ss-window__url{justify-content:center;max-width:400px;margin-inline:auto;display:flex}.setup-demo .sd-url{align-items:center;gap:6px;display:inline-flex}.setup-demo .sd-body{min-height:0;display:flex;position:relative}.setup-demo .sd-rail{background:var(--sd-shell);box-shadow:inset -1px 0 0 var(--sd-rule);flex-direction:column;flex:none;align-items:center;gap:4px;width:60px;padding-top:12px;display:flex}.setup-demo .sd-rail__mark{color:var(--hv-ink);justify-content:center;align-items:center;height:36px;margin-bottom:12px;display:flex}.setup-demo .sd-rail__mark svg{width:24px;height:24px;display:block}.setup-demo .sd-rail__item{color:var(--hv-ink-muted);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.setup-demo .sd-rail__item[data-on]{background:var(--sd-selected);color:var(--hv-ink)}.setup-demo .sd-main{flex:1;min-width:0;position:relative}.setup-demo .sd-setup,.setup-demo .sd-live{will-change:opacity, transform;transition:opacity .12s ease-out,transform 0s .12s;position:absolute;inset:0}.setup-demo .sd-setup{opacity:0;display:flex;transform:translateY(8px)}.setup-demo .sd-setup[data-on]{opacity:1;transition:opacity .24s cubic-bezier(.25,.8,.25,1) .14s,transform .32s cubic-bezier(.25,.8,.25,1) .14s;transform:translateY(0)}.setup-demo .sd-live{opacity:0;transform:translateY(8px)}.setup-demo .sd-live[data-on]{opacity:1;transition:opacity .24s cubic-bezier(.25,.8,.25,1) .14s,transform .32s cubic-bezier(.25,.8,.25,1) .14s;transform:translateY(0)}.setup-demo .sd-steps{background:var(--sd-shell);box-shadow:inset -1px 0 0 var(--sd-rule);flex:none;width:240px;padding:24px 16px}.setup-demo .sd-progress{background:var(--sd-canvas);box-shadow:inset 0 0 0 1px var(--sd-rule);border-radius:10px;align-items:center;gap:10px;height:48px;padding-inline:12px;display:flex}.setup-demo .sd-ring{flex:none;rotate:-90deg}.setup-demo .sd-ring circle{fill:none;stroke:var(--sd-track);stroke-width:2.25px}.setup-demo .sd-ring .sd-ring__value{stroke:var(--sd-info);stroke-linecap:round;transition:stroke-dashoffset .48s cubic-bezier(.45,0,.1,1)}.setup-demo .sd-progress__label{color:var(--hv-ink);font-weight:var(--text-small-strong-weight);white-space:nowrap;flex:1}.setup-demo .sd-progress__count{color:var(--hv-ink-secondary);font-size:var(--text-caption-size);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.3em;display:inline-flex}.setup-demo .sd-steps__list{margin-top:20px;display:grid;position:relative}.setup-demo .sd-steps__current{background:var(--sd-selected);border-radius:8px;height:40px;transition:transform .32s cubic-bezier(.45,0,.1,1);position:absolute;inset:0 0 auto}.setup-demo .sd-step{color:var(--hv-ink-muted);align-items:center;gap:12px;height:40px;padding-inline:12px;transition:color .2s ease-out;display:flex;position:relative}.setup-demo .sd-step[data-current],.setup-demo .sd-step[data-done]{color:var(--hv-ink)}.setup-demo .sd-step svg{flex:none}.setup-demo .sd-step__label{flex:1}.setup-demo .sd-step__check path{stroke:var(--sd-info);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;transition:stroke-dashoffset .32s cubic-bezier(.25,.8,.25,1) .12s}.setup-demo .sd-step[data-done] .sd-step__check path{stroke-dashoffset:0}.setup-demo .sd-pages{flex:1;min-width:0;position:relative}.setup-demo .sd-page{opacity:0;will-change:opacity, transform;flex-direction:column;padding:48px 90px 0;transition:opacity .12s ease-out,transform 0s .12s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.setup-demo .sd-page[data-on]{opacity:1;transition:opacity .24s cubic-bezier(.25,.8,.25,1) .14s,transform .32s cubic-bezier(.25,.8,.25,1) .14s;transform:translateY(0)}.setup-demo .sd-title{color:var(--hv-ink);font-family:var(--hv-serif);font-size:var(--text-page-title-size);font-weight:var(--text-page-title-weight);letter-spacing:var(--text-page-title-tracking);white-space:nowrap;line-height:40px}.setup-demo .sd-card{box-shadow:inset 0 0 0 1px var(--sd-rule-strong);border-radius:12px;margin-top:32px}.setup-demo .sd-form{gap:20px;padding:24px;display:grid}.setup-demo .sd-form__row{gap:16px;display:flex}.setup-demo .sd-field{flex:none;gap:8px;width:140px;display:grid}.setup-demo .sd-field[data-grow]{flex:1;width:auto}.setup-demo .sd-field__label{color:var(--hv-ink);font-weight:var(--text-small-strong-weight);align-items:center;height:20px;display:flex}.setup-demo .sd-field__box{box-shadow:inset 0 0 0 1px var(--sd-control);color:var(--hv-ink);white-space:nowrap;border-radius:12px;align-items:center;height:40px;padding-inline:12px;display:flex}.setup-demo .sd-dots{color:var(--hv-ink-secondary);letter-spacing:.08em}.setup-demo .sd-tables{padding:0 24px}.setup-demo .sd-tables__head,.setup-demo .sd-tables__row{justify-content:space-between;align-items:center;gap:12px;height:52px;display:flex}.setup-demo .sd-tables__head{color:var(--hv-ink-secondary);height:48px}.setup-demo .sd-tables__row{border-top:1px solid var(--sd-rule)}.setup-demo .sd-tables__all{align-items:center;gap:12px;display:flex}.setup-demo .sd-tables__name{color:var(--hv-ink)}.setup-demo .sd-toggle{background:var(--sd-toggle-off);height:20px;transition:background-color .2s ease-out var(--delay,0s);border-radius:6px;flex:none;width:34px;display:block;position:relative}.setup-demo .sd-toggle:after{content:"";height:16px;transition:translate .2s cubic-bezier(.45, 0, .1, 1) var(--delay,0s);background:#fff;border-radius:4px;width:16px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.setup-demo .sd-toggle[data-on]{background:var(--sd-toggle-on)}.setup-demo .sd-toggle[data-on]:after{translate:14px}.setup-demo .sd-search{box-shadow:inset 0 0 0 1px var(--sd-control);color:var(--hv-ink-muted);border-radius:12px;align-items:center;gap:8px;height:40px;margin-top:32px;padding-inline:12px;display:flex}.setup-demo .sd-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.setup-demo .sd-choice{box-shadow:inset 0 0 0 1px var(--sd-rule-strong);color:var(--hv-ink);border-radius:12px;align-items:center;gap:12px;height:72px;padding-inline:16px;transition:background-color .15s ease-out,box-shadow .15s ease-out;display:flex}.setup-demo .sd-choice[data-hover]{background:var(--sd-ghost)}.setup-demo .sd-choice[data-picked]{background:var(--sd-selected);box-shadow:inset 0 0 0 1.5px var(--hv-ink)}.setup-demo .sd-shelf-wrap{position:absolute;bottom:64px;left:90px;right:90px}.setup-demo .sd-shelf{background:var(--sd-canvas);box-shadow:inset 0 0 0 1px var(--sd-rule-strong), 0 6px 16px -8px #0000001f;border-radius:12px;align-items:center;gap:12px;height:56px;padding:0 8px 0 12px;display:flex;position:relative}.setup-demo .sd-shelf__rest{flex:1;align-self:stretch}.setup-demo .sd-button{background:var(--hv-ink);color:var(--sd-canvas);font-weight:var(--text-small-strong-weight);white-space:nowrap;will-change:transform;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:132px;height:40px;padding-inline:16px;transition:opacity .15s ease-out,transform .12s ease-out;display:inline-flex}.setup-demo .sd-button--secondary{box-shadow:inset 0 0 0 1px var(--sd-control);color:var(--hv-ink);background:0 0;min-width:0}.setup-demo .sd-button[data-hover]{opacity:.9}.setup-demo .sd-button[data-pressed]{transform:scale(.98)}.setup-demo .sd-button[data-off]{opacity:.4}.setup-demo .sd-spinner{flex:none;animation:.8s linear infinite sd-spin}.setup-demo .sd-spinner circle{stroke:currentColor;opacity:.25;stroke-width:2px}.setup-demo .sd-spinner path{stroke:currentColor;stroke-linecap:round;stroke-width:2px}@keyframes sd-spin{to{rotate:360deg}}.setup-demo .sd-tray{background:var(--sd-success-fill);color:var(--sd-success-text);font-weight:var(--text-small-strong-weight);opacity:0;will-change:opacity, transform;border-radius:12px 12px 0 0;align-items:center;gap:8px;height:52px;padding:0 16px 12px;transition:opacity .15s ease-out,transform .2s ease-out;display:flex;position:absolute;bottom:calc(100% - 12px);left:8px;right:8px;transform:translateY(12px)}.setup-demo .sd-tray[data-on]{opacity:1;transition:opacity .26s cubic-bezier(.25,.8,.25,1),transform .32s cubic-bezier(.25,.8,.25,1);transform:translateY(0)}.setup-demo .sd-live{flex-direction:column;padding:48px 48px 0;display:flex}.setup-demo .sd-live__head{align-items:center;gap:16px;display:flex}.setup-demo .sd-live__rest{flex:1;align-self:stretch}.setup-demo .sd-route{align-items:center;gap:8px;display:flex}.setup-demo .sd-button--new{border-radius:6px;gap:6px;min-width:0;height:32px;padding-inline:12px}.setup-demo .sd-rows{margin-top:28px;padding:20px 24px 24px;display:grid}.setup-demo .sd-rows__label{color:var(--hv-ink-secondary)}.setup-demo .sd-rows__value{color:var(--hv-ink);font-family:var(--hv-serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:40px;font-weight:380;line-height:48px}.setup-demo .sd-chart{margin-top:16px;display:block;overflow:visible}.setup-demo .sd-chart__base{stroke:var(--sd-rule-strong);stroke-width:1px}.setup-demo .sd-chart__line{stroke:var(--sd-series);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transition:stroke-dashoffset .15s ease-out}.setup-demo .sd-chart__area{fill:var(--sd-series);opacity:0;transition:opacity .15s ease-out}.setup-demo .sd-live[data-on] .sd-chart__area{opacity:.1;transition:opacity .6s ease-out 1.3s}.setup-demo .sd-live[data-on] .sd-chart__line{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.1,1) .5s}.setup-demo .sd-sheet{background:var(--sd-canvas);box-shadow:inset 0 0 0 1px var(--sd-rule);border-radius:12px;height:600px;position:relative}.setup-demo .sd-sheet .sd-setup{flex-direction:column;padding:16px 16px 0}.setup-demo .sd-sheet .sd-progress{flex:none}.setup-demo .sd-sheet .sd-page{padding:24px 0 0}.setup-demo .sd-sheet .sd-title{text-wrap:balance;white-space:normal;font-size:26px;line-height:30px}.setup-demo .sd-sheet .sd-card,.setup-demo .sd-sheet .sd-search{margin-top:20px}.setup-demo .sd-sheet .sd-form{padding:16px}.setup-demo .sd-sheet .sd-tables{padding:0 16px}.setup-demo .sd-sheet .sd-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-demo .sd-sheet .sd-shelf-wrap{bottom:56px;left:0;right:0}.setup-demo .sd-sheet .sd-live{padding:24px 16px 0}.setup-demo .sd-sheet .sd-rows{margin-top:20px;padding:16px}