@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
@font-face{font-family:"NewEdge 666";src:url(/fonts/NewEdge666-UltraLight.otf)format("opentype");font-weight:200;font-display:block}@font-face{font-family:"NewEdge 666";src:url(/fonts/NewEdge666-SemiBold.otf)format("opentype");font-weight:600;font-display:block}@font-face{font-family:"NewEdge 666 Rounded";src:url(/fonts/NewEdge666-SemiboldRounded.otf)format("opentype");font-weight:600;font-display:block}.sdemo{--black:#000;--white:#fff;--grey-70:#ffffffb3;--grey-50:#ffffff80;--grey-30:#ffffff4d;--grey-12:#ffffff1f;--grey-06:#ffffff0f;--hairline:#ffffff40;--hairline-strong:#fff9;--text-secondary:var(--grey-70);--text-tertiary:var(--grey-50);--font-display:"NewEdge 666 Rounded","Archivo",sans-serif;--font-flat:"NewEdge 666","Archivo",sans-serif;--font-grotesk:"Archivo","Helvetica Neue",Helvetica,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-label:11px;--text-micro:9px;--tracking-label:.12em;--cell:16px;--bar:49px;--foot:33px;grid-template-rows:var(--bar)1fr var(--foot);background:var(--black);color:var(--white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-grotesk);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;display:grid;position:fixed;inset:0;overflow:hidden}.sdemo *,.sdemo :before,.sdemo :after{box-sizing:border-box;border-color:var(--hairline)}.sdemo ::selection{background:var(--white);color:var(--black)}.sdemo a{color:inherit;text-decoration:none}.sdemo button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sdemo h1,.sdemo h2,.sdemo h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:.92}.sdemo p{margin:0}.sdemo .lbl{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:1.4}.sdemo .micro{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:1.4}.sdemo .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sdemo .dim{color:var(--text-tertiary)}.sdemo .dim2{color:var(--text-secondary)}.sdemo .faint{color:var(--grey-30)}.sdemo .ul{font-family:var(--font-flat);letter-spacing:-.03em;font-weight:200;line-height:.9}.sdemo .num{font-family:var(--font-flat);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:200;line-height:1}.sdemo .bar{border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr auto auto;min-width:0;display:grid}.sdemo .bar-logo{padding:0 var(--cell);border-right:1px solid var(--hairline);align-items:center;display:flex}.sdemo .bar-logo img{height:26px;display:block}.sdemo .bar-mid{padding:0 var(--cell);white-space:nowrap;align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.sdemo .bar-nav{display:flex}.sdemo .bar-nav a{border-left:1px solid var(--hairline);color:var(--text-tertiary);align-items:center;gap:8px;padding:0 18px;transition:color .12s linear,background .12s linear;display:flex}.sdemo .bar-nav a:hover{color:var(--white)}.sdemo .bar-nav a[aria-current=page]{background:var(--white);color:var(--black)}.sdemo .bar-nav a .ix{opacity:.5}.sdemo .bar-clock{padding:0 var(--cell);border-left:1px solid var(--hairline);align-items:center;gap:10px;display:flex}.sdemo .foot{border-top:1px solid var(--hairline);grid-template-columns:auto 1fr;min-width:0;display:grid}.sdemo .foot>*{padding:0 var(--cell);align-items:center;gap:16px;display:flex}.sdemo .foot>*+*{border-left:1px solid var(--hairline)}.sdemo .ticker{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.sdemo .ticker-track{gap:48px;animation:60s linear infinite sd-crawl;display:inline-flex}@keyframes sd-crawl{to{transform:translate(-50%)}}.sdemo .main{min-height:0;position:relative;overflow:hidden}.sdemo .screen{height:100%;min-height:0;animation:.2s ease-out sd-in;display:grid}@keyframes sd-in{0%{opacity:0}}.sdemo .cell{padding:var(--cell);min-width:0;min-height:0}.sdemo .rt{border-right:1px solid var(--hairline)}.sdemo .rb{border-bottom:1px solid var(--hairline)}.sdemo .rl{border-left:1px solid var(--hairline)}.sdemo .rtop{border-top:1px solid var(--hairline)}.sdemo .col{flex-direction:column;min-width:0;min-height:0;display:flex}.sdemo .row{align-items:center;min-width:0;display:flex}.sdemo .grow{flex:1;min-width:0;min-height:0}.sdemo .scroll{scrollbar-width:thin;scrollbar-color:var(--grey-30)transparent;overflow-y:auto}.sdemo .between{justify-content:space-between}.sdemo .gap4{gap:4px}.sdemo .gap8{gap:8px}.sdemo .gap12{gap:12px}.sdemo .gap16{gap:16px}.sdemo .gap24{gap:24px}.sdemo .head{padding:10px var(--cell);border-bottom:1px solid var(--hairline);white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.sdemo .btn{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border:1px solid var(--hairline-strong);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:10px 22px;line-height:1.4;transition:background .12s linear,color .12s linear,border-color .12s linear;display:inline-flex}.sdemo .btn:hover{background:var(--white);color:var(--black)}.sdemo .btn.primary{background:var(--white);color:var(--black);border-color:var(--white)}.sdemo .btn.primary:hover{color:var(--white);background:0 0}.sdemo .btn.sm{padding:5px 12px}.sdemo .btn.block{width:100%}.sdemo .btn[disabled]{opacity:.3;pointer-events:none}.sdemo .btn .ix{opacity:.5}.sdemo .tag{border:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:2px 7px;display:inline-flex}.sdemo .tag.on{background:var(--white);color:var(--black);border-color:var(--white)}.sdemo .tag.x{color:var(--text-tertiary);text-decoration:line-through}.sdemo .field{border:1px solid var(--hairline);width:100%;color:var(--white);font-family:var(--font-grotesk);resize:none;background:0 0;outline:none;padding:12px;font-size:15px;display:block}.sdemo .field:focus{border-color:var(--white)}.sdemo .caret:after{content:"";vertical-align:-.15em;background:var(--white);width:.55em;height:1.05em;margin-left:2px;animation:1s step-end infinite sd-blink;display:inline-block}@keyframes sd-blink{50%{opacity:0}}.sdemo .field[disabled],.sdemo .field[readonly]{color:var(--grey-70)}.sdemo .field::placeholder{color:var(--grey-30)}.sdemo .field.big{letter-spacing:-.01em;padding:12px 14px;font-size:22px;line-height:1.2}.sdemo .field.err{border-color:var(--white);border-style:dashed}.sdemo input[type=number].field{font-family:var(--font-mono);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.sdemo input[type=number].field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sdemo input[type=number].field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sdemo .chk{border:1px solid var(--hairline-strong);width:16px;height:16px;font-family:var(--font-grotesk);letter-spacing:0;flex:none;place-items:center;font-size:12px;line-height:1;display:inline-grid}.sdemo .chk.on{background:var(--white);border-color:var(--white);color:var(--black)}.sdemo .drop{border:1px dashed var(--hairline);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;transition:border-color .12s linear,background .12s linear;display:flex}.sdemo .drop:hover,.sdemo .drop.over{border-color:var(--white);background:var(--grey-06)}.sdemo .segd{border:1px solid var(--hairline);display:flex}.sdemo .segd>button{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary);flex:1;padding:7px 10px}.sdemo .segd>button+button{border-left:1px solid var(--hairline)}.sdemo .segd>button.on{background:var(--white);color:var(--black)}.sdemo .segd>button[disabled]{cursor:default}.sdemo .utabs{border-bottom:1px solid var(--hairline);padding:0 var(--cell);display:flex}.sdemo .utabs>a,.sdemo .utabs>button{color:var(--text-tertiary);border-bottom:1px solid #0000;margin-bottom:-1px;padding:11px 14px 10px}.sdemo .utabs>a.on,.sdemo .utabs>button.on{color:var(--white);border-bottom-color:var(--white)}.sdemo .dd{z-index:10;background:var(--black);border:1px solid var(--white);position:absolute;top:calc(100% - 1px);left:0;right:0}.sdemo .dd>button{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.sdemo .dd>button:hover{background:var(--white);color:var(--black)}.sdemo .dd>button:hover .dim,.sdemo .dd>button:hover .faint{color:#0009}.sdemo .sq{background:var(--white);flex:none;width:7px;height:7px;display:inline-block}.sdemo .sq.hollow{border:1px solid var(--grey-50);background:0 0}.sdemo .sq.blink{animation:.8s step-end infinite sd-blink}.sdemo .meter{border:1px solid var(--hairline);height:7px;position:relative}.sdemo .meter>i{background:var(--white);position:absolute;inset:0 auto 0 0}.sdemo .meter.ticks{background-image:repeating-linear-gradient(90deg,transparent 0 9px,var(--grey-12)9px 10px)}.sdemo .log{color:var(--grey-70);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.7}.sdemo .log>div{grid-template-columns:58px 1fr;gap:10px;animation:.15s linear sd-in;display:grid}.sdemo .log .t{color:var(--grey-30)}.sdemo .log .ok{color:var(--white)}.sdemo .log .mute{color:var(--text-tertiary)}.sdemo .steps>div{padding:9px var(--cell);border-bottom:1px solid var(--hairline);color:var(--grey-30);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;transition:color .12s linear,background .12s linear;display:grid}.sdemo .steps>div.active{background:var(--white);color:var(--black)}.sdemo .steps>div.done{color:var(--white)}.sdemo .kv>div{border-bottom:1px solid var(--grey-12);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:6px 0;font-size:11px;display:flex}.sdemo .kv>div>:first-child{color:var(--text-tertiary);letter-spacing:var(--tracking-label);text-transform:uppercase}.sdemo .media{background:#0a0a0a;position:relative;overflow:hidden}.sdemo .media>img,.sdemo .media>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sdemo .bw{filter:grayscale()contrast(1.08)}.sdemo .bw-hover{filter:grayscale()contrast(1.08);transition:filter .2s linear}.sdemo .bw-hover:hover,.sdemo .bw-hover.lit{filter:none}.sdemo .reveal{animation:.2s linear both sd-in}.sdemo .reg{position:relative}.sdemo .reg:before,.sdemo .reg:after{content:"+";font-family:var(--font-mono);color:var(--grey-50);pointer-events:none;font-size:13px;line-height:1;position:absolute}.sdemo .reg:before{top:-7px;left:-4px}.sdemo .reg:after{bottom:-7px;right:-4px}.sdemo .scan{background:var(--white);height:1px;box-shadow:0 0 0 .5px var(--white);pointer-events:none;position:absolute;left:0;right:0}.sdemo .brk{pointer-events:none;--l:12px;background:linear-gradient(var(--white),var(--white))top left/var(--l)1px no-repeat,linear-gradient(var(--white),var(--white))top left/1px var(--l)no-repeat,linear-gradient(var(--white),var(--white))top right/var(--l)1px no-repeat,linear-gradient(var(--white),var(--white))top right/1px var(--l)no-repeat,linear-gradient(var(--white),var(--white))bottom left/var(--l)1px no-repeat,linear-gradient(var(--white),var(--white))bottom left/1px var(--l)no-repeat,linear-gradient(var(--white),var(--white))bottom right/var(--l)1px no-repeat,linear-gradient(var(--white),var(--white))bottom right/1px var(--l)no-repeat;position:absolute}.sdemo .overlay{z-index:20;background:#000000f0;place-items:center;animation:.15s linear sd-in;display:grid;position:absolute;inset:0}