.sb{--pad:28px;--rule:#151a26;--cell:#070a12;--panel:#0e1220;--panel-edge:#ffffff14;--bright:#fafafa;--dim:#a3a3a3;--faint:#6b7080;--amber:#ffd9a0;--wire:#232a3a;font-family:var(--font-geist-sans), "Geist", system-ui, sans-serif;-webkit-font-smoothing:antialiased;container-type:inline-size}.sb .sb-grid{border:1px solid var(--rule);background:var(--rule);border-radius:14px;grid-template:"hero"400px"cool"330px"lint"310px"http"396px"rest"270px/minmax(0,1fr);gap:1px;display:grid;overflow:hidden}@container (min-width:600px){.sb .sb-grid{grid-template-rows:390px 350px 290px 240px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero""cool lint""http http""rest rest"}}@container (min-width:900px){.sb .sb-grid{grid-template-rows:390px 320px 220px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hero hero cool""lint http http""rest rest rest"}}@container (max-width:599px){.sb .sb-grid{--pad:24px}}.sb .sb-grid--section{grid-template:none/minmax(0,1fr);grid-auto-rows:auto}.sb .sb-grid--section .sb-cell{grid-area:auto}.sb .sb-grid--section .sb-cell--hero{height:390px}.sb .sb-grid--section .sb-cell--cool{height:340px}.sb .sb-grid--section .sb-cell--lint{height:300px}.sb .sb-grid--section .sb-cell--http{height:290px}.sb .sb-grid--section .sb-cell--test,.sb .sb-grid--section .sb-cell--watch{height:350px}@container (max-width:599px){.sb .sb-grid--section .sb-cell--hero{height:400px}.sb .sb-grid--section .sb-cell--cool{height:330px}.sb .sb-grid--section .sb-cell--lint{height:310px}.sb .sb-grid--section .sb-cell--http{height:396px}.sb .sb-grid--section .sb-cell--test,.sb .sb-grid--section .sb-cell--watch{height:384px}}.sb .sb-cell{background:var(--cell);position:relative;overflow:hidden}.sb .sb-cell--hero{grid-area:hero}.sb .sb-cell--cool{grid-area:cool}.sb .sb-cell--lint{grid-area:lint}.sb .sb-cell--http{grid-area:http}.sb .sb-cell--rest{grid-area:rest}.sb .sb-copy{z-index:1;max-width:440px;padding:24px var(--pad) 0;gap:8px;display:grid;position:relative}.sb .sb-cell--rest .sb-copy{max-width:760px}.sb .sb-pkg{color:var(--amber);font-family:var(--font-geist-mono), "Geist Mono", ui-monospace, monospace;letter-spacing:.02em;font-size:11.5px;line-height:16px}.sb .sb-pkg__name{white-space:nowrap}.sb .sb-line{color:var(--dim);letter-spacing:-.012em;text-wrap:pretty;margin:0;font-size:17px;line-height:24px}.sb .sb-line b{color:var(--bright);font-weight:600}.sb .sb-picture{position:absolute;bottom:0}.sb .sb-picture--full{width:100%;left:0}.sb .sb-picture--band{--half:min(50cqw, 500px);width:1200px;-webkit-mask-image:linear-gradient(90deg, transparent calc(50% - var(--half)), #000 calc(50% - var(--half) + 80px), #000 calc(50% + var(--half) - 80px), transparent calc(50% + var(--half)));-webkit-mask-image:linear-gradient(90deg, transparent calc(50% - var(--half)), #000 calc(50% - var(--half) + 80px), #000 calc(50% + var(--half) - 80px), transparent calc(50% + var(--half)));mask-image:linear-gradient(90deg, transparent calc(50% - var(--half)), #000 calc(50% - var(--half) + 80px), #000 calc(50% + var(--half) - 80px), transparent calc(50% + var(--half)));margin-left:-600px;left:50%}.sb .sb-stage .ss-stage{font-family:var(--ss-font);background:0 0;overflow:hidden}.sb .sb-wire{fill:none;stroke:var(--wire);stroke-width:1px}.sb .sb-wire--lit{stroke:var(--amber);stroke-width:1.25px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset 0s .5s,opacity .4s .1s}.sb .sb-wire--lit[data-on]{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .55s cubic-bezier(.45,0,.2,1),opacity .12s}.sb .sb-cache{position:absolute;inset:0}.sb .sb-cache__lines{position:absolute;inset:0;overflow:visible}.sb .sb-worker{box-sizing:border-box;background:var(--panel);height:26px;box-shadow:inset 0 0 0 1px var(--panel-edge);color:#c9ccd4;font:500 11.5px/1 var(--ss-mono);white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:7px;transition:box-shadow .25s;display:inline-flex;position:absolute;top:4px;translate:-50%}.sb .sb-worker[data-on]{box-shadow:inset 0 0 0 1px #ffd9a059}.sb .sb-worker__dot{background:#3a4152;border-radius:3px;flex:none;width:6px;height:6px;transition:background-color .25s}.sb .sb-worker[data-on] .sb-worker__dot{background:var(--amber)}.sb .sb-worker__shards{color:var(--faint)}.sb .sb-keys{background:var(--panel);box-shadow:inset 0 0 0 1px var(--panel-edge);border-radius:12px 12px 0 0;position:absolute;bottom:-40px;overflow:hidden}.sb .sb-keys__head{border-bottom:1px solid var(--panel-edge);height:38px;color:var(--faint);font:11.5px/16px var(--ss-mono);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sb .sb-keys__ns{color:var(--dim)}.sb .sb-key{height:34px;font:12px/16px var(--ss-mono);color:#c9ccd4;white-space:nowrap;border-bottom:1px solid #ffffff0a;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;display:grid}.sb .sb-key__mark{background:0 0;border-radius:3px;width:6px;height:6px;transition:background-color .4s}.sb .sb-key[data-fresh] .sb-key__mark{background:var(--amber)}.sb .sb-key__id{overflow:hidden}.sb .sb-key__ns{color:var(--faint)}.sb .sb-key__by{color:var(--faint);font-size:11px}.sb .sb-keys__type{color:var(--faint)}.sb .sb-cache[data-layout=compact] .sb-keys__type{display:none}.sb .sb-cache[data-layout=compact] .sb-key{grid-template-columns:6px minmax(0,1fr);gap:10px;padding:0 14px;font-size:11.5px}.sb .sb-cache[data-layout=compact] .sb-keys__head{padding:0 14px}.sb .sb-dc{top:0;left:var(--pad);box-sizing:border-box;padding:18px calc(40px + var(--pad)) 62px 18px;color:#dbdee1;background:#313338;border-radius:12px 0 0;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:-40px;right:-40px;box-shadow:inset 0 0 0 1px #ffffff0f}.sb .sb-dc__feed{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 36px);mask-image:linear-gradient(#0000,#000 36px)}.sb .sb-dc__turn{flex:none}.sb .sb-dc__group{padding-top:17px}.sb .sb-dc__used{color:#949ba4;align-items:center;gap:4px;height:18px;padding-left:56px;font-size:13px;line-height:18px;display:flex;position:relative}.sb .sb-dc__spine{border-top:2px solid #4e5058;border-left:2px solid #4e5058;border-top-left-radius:6px;width:30px;height:12px;position:absolute;top:9px;left:20px}.sb .sb-dc__who{color:#f2f3f5;font-weight:500}.sb .sb-dc__cmd{color:#00a8fc}.sb .sb-dc__msg{gap:16px;margin-top:4px;display:flex}.sb .sb-dc__face{background:#05070d;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.sb .sb-dc__face img{object-fit:contain;width:72%;height:72%}.sb .sb-dc__body{gap:2px;min-width:0;display:grid}.sb .sb-dc__meta{align-items:center;gap:6px;height:22px;display:flex}.sb .sb-dc__name{color:#f2f3f5;font-size:15px;font-weight:500}.sb .sb-dc__app{color:#fff;letter-spacing:.02em;background:#5865f2;border-radius:3px;align-items:center;height:15px;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex}.sb .sb-dc__text{margin:0;font-size:15px;line-height:22px}.sb .sb-dc__time{font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff14;border-radius:3px;padding:1px 3px}.sb .sb-lint{position:absolute;inset:0}.sb .sb-editor{top:0;left:var(--pad);box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--panel-edge);font:12px/21px var(--ss-mono);background:#090b12;border-radius:12px 0 0;padding:16px 0 16px 8px;position:absolute;bottom:-40px;right:-40px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 40px));mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 40px))}.sb .sb-editor__line{white-space:pre;display:flex}.sb .sb-editor__no{box-sizing:border-box;color:#3d4354;text-align:right;flex:none;width:36px;padding-right:16px}.sb .sb-squiggle{text-underline-offset:4px;-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;text-decoration-thickness:1px;transition:text-decoration-color .3s}.sb .sb-lint[data-on] .sb-squiggle{text-decoration-color:#f0605a}.sb .sb-hover{top:92px;left:calc(var(--pad) + 22px);box-sizing:border-box;opacity:0;will-change:translate;background:#141a2a;border-radius:8px;width:252px;padding:10px 12px 11px;transition:opacity .3s .45s,translate .5s cubic-bezier(.25,.8,.25,1) .45s;position:absolute;translate:0 4px;box-shadow:0 0 0 1px #ffffff1a,0 16px 40px -12px #000c}.sb .sb-lint[data-on] .sb-hover{opacity:1;translate:0}.sb .sb-hover__msg{color:#d4d6dc;margin:0;font-size:12.5px;line-height:18px}.sb .sb-hover__msg code{font-family:var(--ss-mono);color:var(--bright);font-size:11.5px}.sb .sb-hover__rule{color:var(--faint);font:11px/16px var(--ss-mono);margin-top:2px;display:block}.sb .sb-ide{top:0;left:var(--pad);box-shadow:inset 0 0 0 1px var(--panel-edge);font:12px/21px var(--ss-mono);background:#090b12;border-radius:12px 0 0;flex-direction:column;display:flex;position:absolute;bottom:-40px;right:-40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 40px));mask-image:linear-gradient(90deg,#000 calc(100% - 96px),#0000 calc(100% - 40px))}.sb .sb-ide__tab{border-bottom:1px solid var(--panel-edge);height:34px;color:var(--amber);flex:none;align-items:center;gap:8px;padding:0 16px;font-size:11.5px;display:flex}.sb .sb-ide__dirty{background:var(--dim);opacity:0;border-radius:3px;width:6px;height:6px;transition:opacity .2s}.sb .sb-ide__dirty[data-on]{opacity:1}.sb .sb-ide__code{flex:none;padding:10px 0 10px 8px}.sb .sb-slot{animation:.4s cubic-bezier(.22,1,.36,1) sb-slot-in;display:inline-block}.sb .sb-ide__term{border-top:1px solid var(--panel-edge);color:#c9ccd4;min-height:0;font:11.5px/19px var(--ss-mono);white-space:pre;flex-direction:column;flex:1;justify-content:flex-end;padding:8px 16px 52px;display:flex}.sb .sb-term__feed{flex-direction:column;justify-content:flex-end;min-height:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.sb .sb-term__save{flex:none}.sb .sb-term__row--sub{opacity:0;transition:opacity .25s}.sb .sb-term__row--sub[data-on]{opacity:1}.sb .sb-ok{color:#6ee7a8}.sb .sb-dim,.sb .sb-debug{color:var(--faint)}.sb .sb-info{color:#67d4e6}.sb .sb-flow{position:absolute;inset:0}.sb .sb-flow__dots{background-image:radial-gradient(circle,#1a1f2b 1px,#0000 1.4px);background-position:4px 2px;background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(64% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(64% 80%,#000 40%,#0000 100%)}.sb .sb-flow__lines{position:absolute;inset:0;overflow:visible}.sb .sb-wire--flow{stroke:#2c3446}.sb .sb-node{background:var(--panel);height:30px;box-shadow:inset 0 0 0 1px var(--panel-edge);color:#d4d6dc;font:500 12px/1 var(--ss-mono);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:absolute;translate:-50% -50%}.sb .sb-node__sub{color:var(--faint);font-weight:400}.sb .sb-node__verb{color:var(--amber)}.sb .sb-node--req{box-shadow:inset 0 0 0 1px #ffd9a047}.sb .sb-node--client{color:var(--bright)}.sb .sb-flow[data-layout=compact] .sb-node{height:28px;padding:0 10px;font-size:11.5px}.sb .sb-rows{flex-direction:column;gap:12px;padding-top:28px;display:flex;position:absolute;inset:0}.sb .sb-row{transform:translateX(var(--off));justify-content:center;display:flex}.sb .sb-track{will-change:transform;width:max-content;animation:sb-glide var(--lap) linear infinite;animation-direction:var(--way);flex:none;animation-play-state:paused;display:flex}.sb .sb-rows[data-on] .sb-track{animation-play-state:running}.sb .sb-track .sb-chip{margin-right:10px}.sb .sb-chip{background:var(--panel);height:36px;box-shadow:inset 0 0 0 1px var(--panel-edge);color:#c9ccd4;font:500 12.5px/1 var(--ss-mono);white-space:nowrap;border-radius:9px;flex:none;align-items:center;padding:0 14px;display:inline-flex}.sb .sb-chip__scope{color:var(--faint)}@keyframes sb-glide{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes sb-slot-in{0%{opacity:0;filter:blur(3px);transform:translateY(3px)}}
