.tape-demo{--u:8px;--tile:340px;--rail:372px;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.tape-demo button{font:inherit;color:inherit;cursor:pointer;text-align:left;letter-spacing:inherit;background:0 0;border:0}.tape-demo button:focus-visible{outline:1px solid var(--color-gray-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tape-demo *{transition:none!important}}.tape-demo .label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gray-600);font-size:11px;font-weight:500}.tape-demo .label.on{color:var(--color-gray-100)}.label.mid{color:var(--color-gray-400)}.tape-demo .act{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gray-300);font-size:11px;font-weight:500}.act:hover{color:var(--color-gray-100)}.tape-demo .num{color:var(--color-gray-100);font-size:32px;font-weight:200;line-height:1}.tape-demo .t3{color:var(--color-gray-300)}.t4{color:var(--color-gray-400)}.t5{color:var(--color-gray-500)}.t6{color:var(--color-gray-600)}.tape-demo .site-head{border-bottom:1px solid var(--color-gray-700)}.tape-demo .site-head .wrap{justify-content:space-between;align-items:baseline;height:48px;display:flex}.tape-demo .site-head .right{gap:calc(var(--u)*3);display:flex}.tape-demo .hero{padding:calc(var(--u)*8) 0 calc(var(--u)*6)}.tape-demo .hero h1{max-width:22ch;margin-bottom:calc(var(--u)*3);font-size:32px;font-weight:200;line-height:1.2}.tape-demo .hero p{color:var(--color-gray-400);max-width:62ch}.tape-demo .controls{gap:calc(var(--u)*4);padding:calc(var(--u)*2) 0;border-top:1px solid var(--color-gray-700);align-items:baseline;display:flex}.tape-demo .controls .clock{color:var(--color-gray-500);margin-left:auto;font-size:14px}.tape-demo .inst{border-top:1px solid var(--color-gray-700);border-bottom:1px solid var(--color-gray-700);grid-template-columns:1fr var(--rail);display:grid}.tape-demo .nav{gap:calc(var(--u)*3);padding:0 calc(var(--u)*3) 0 0;border-bottom:1px solid var(--color-gray-700);grid-column:1/-1;align-items:center;height:32px;display:flex}.tape-demo .nav .scope{color:var(--color-gray-400);margin-left:auto;font-size:14px}.nav .label{cursor:default}.tape-demo .main{padding:calc(var(--u)*3) calc(var(--u)*3) calc(var(--u)*6) 0;min-height:640px}.tape-demo .rail{border-left:1px solid var(--color-gray-700);padding:calc(var(--u)*3) calc(var(--u)*2)}.tape-demo .title{gap:var(--u);margin-bottom:calc(var(--u)*3);align-items:baseline;display:flex}.tape-demo .title .since{color:var(--color-gray-400)}.tape-demo .ticker{gap:calc(var(--u)*4);margin-bottom:var(--u);grid-template-columns:auto auto 240px;align-items:end;width:720px;display:grid}.tape-demo .ticker .rate{align-items:baseline;gap:calc(var(--u)*2);display:flex}.tape-demo .ticker .dir{color:var(--color-gray-400);font-size:14px}.tape-demo .ticker .base{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gray-400);font-size:11px;font-weight:500}.tape-demo .ticker svg{display:block}.tape-demo .ticker-row2{width:720px;margin-bottom:calc(var(--u)*4);justify-content:space-between;display:flex}.tape-demo .ticker-row2 .win{gap:calc(var(--u)*2);display:flex}.tape-demo .ticker-row2 .win button{color:var(--color-gray-600)}.ticker-row2 .win button.on{color:var(--color-gray-100)}.tape-demo .day{padding-top:calc(var(--u)*2);margin-top:calc(var(--u)*2);border-top:1px solid var(--color-gray-700)}.tape-demo .day:first-of-type{border-top:0;margin-top:0;padding-top:0}.tape-demo .day .label{margin-bottom:var(--u);display:block}.tape-demo .ln{gap:calc(var(--u)*2);cursor:pointer;grid-template-columns:84px minmax(250px,1fr) minmax(300px,1.6fr) 200px 40px;align-items:baseline;height:32px;display:grid}.tape-demo .ln:hover .t4{color:var(--color-gray-300)}.tape-demo .ln.still{cursor:default}.tape-demo .ln.still:hover .t4{color:var(--color-gray-400)}.tape-demo .ln .who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ln .who .t4{margin-left:var(--u)}.tape-demo .ln.quiet,.ln.quiet .who{color:var(--color-gray-400)}.tape-demo .ln .push{color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-demo .ln .new{color:var(--color-gray-300);text-align:right}.tape-demo .ln .what{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-demo .ln .what .q{color:var(--color-gray-400)}.tape-demo .dot{vertical-align:middle;background:var(--color-signal-neutral);border-radius:9999px;width:8px;height:8px;margin-right:6px;display:inline-block}.tape-demo .dot.pos{background:var(--color-signal-positive)}.dot.cau{background:var(--color-signal-caution)}.dot.neg{background:var(--color-signal-negative)}.tape-demo .gdot{vertical-align:middle;background:var(--color-gray-600);border-radius:9999px;width:8px;height:8px;margin-right:8px;display:inline-block}.tape-demo .gdot.confirmed{background:var(--color-gray-100)}.gdot.likely{background:var(--color-gray-400)}.gdot.uncertain{background:var(--color-gray-600)}.tape-demo .empty{color:var(--color-gray-400)}.tape-demo .tile{width:var(--tile);border:1px solid var(--color-gray-700);padding:calc(var(--u)*2);margin-bottom:calc(var(--u)*2)}.tape-demo .tile.click{cursor:pointer}.tile.click:hover{border-color:var(--color-gray-600)}.tape-demo :is(.tile,.att) .hd{margin-bottom:calc(var(--u)*2)}:is(.tile,.att) .hd .sub{color:var(--color-gray-400)}.tape-demo .tile .meta{justify-content:space-between;align-items:baseline;margin-top:2px;display:flex}.tape-demo .tile .stats{gap:calc(var(--u)*3);margin-bottom:calc(var(--u)*2);display:flex}.tape-demo .tile .stat{flex:none}.tile .stat .num{margin-bottom:6px}.tile .stat .label{white-space:nowrap;display:block}.tape-demo :is(.tile,.att) .sec{border-top:1px solid var(--color-gray-700);padding-top:var(--u);margin-top:var(--u)}.tape-demo :is(.tile,.att) .sec .label{margin-bottom:var(--u);display:block}.tape-demo :is(.tile,.att) .row{justify-content:space-between;gap:var(--u);color:var(--color-gray-400);display:flex}:is(.tile,.att) .row .t1{color:var(--color-gray-100)}.tape-demo .tile .acts{gap:calc(var(--u)*3);margin-top:calc(var(--u)*2);display:flex}.tape-demo .tile .tid{color:var(--color-gray-500);margin-top:var(--u);font-size:14px}.tape-demo :is(.tile,.att) .grade{align-items:center;gap:0;display:flex}.tape-demo .rail>.label.on{margin-bottom:var(--u);display:block}.tape-demo .cols{gap:calc(var(--u)*6);padding-top:calc(var(--u)*8);padding-bottom:calc(var(--u)*8);grid-template-columns:repeat(3,1fr);display:grid}.tape-demo .cols .label{margin-bottom:var(--u);display:block}.tape-demo .cols p{color:var(--color-gray-400);max-width:40ch}.tape-demo .about{border-top:1px solid var(--color-gray-700);padding-top:calc(var(--u)*5);padding-bottom:calc(var(--u)*8);gap:calc(var(--u)*6);grid-template-columns:1fr 2fr;display:grid}.tape-demo .about p{color:var(--color-gray-400);max-width:70ch}.tape-demo .foot{border-top:1px solid var(--color-gray-700);padding-top:calc(var(--u)*3);padding-bottom:calc(var(--u)*8);gap:calc(var(--u)*4);color:var(--color-gray-500);font-size:14px;display:flex}.tape-demo .wire{max-width:1000px}.tape-demo .wire .main{padding:0 0 calc(var(--u)*4) 0;min-height:0}.tape-demo .wire .ln{grid-template-columns:84px minmax(220px,1fr) minmax(280px,1.6fr) 180px}.tape-demo .wire .ln.open .t4,.tape-demo .wire .ln.open .who .t4{color:var(--color-gray-300)}.tape-demo .wire .ln.outreach{cursor:default;grid-template-columns:84px 1fr}.tape-demo .wire .ln.outreach .what{color:var(--color-gray-400)}.tape-demo .wire .att{margin:0 0 calc(var(--u)*2) 100px;padding:var(--u) 0 calc(var(--u)*2);max-width:560px}.tape-demo .wire .att .sec:first-child{border-top:0;margin-top:0;padding-top:0}.tape-demo .wire .att .grade{margin-bottom:var(--u)}.tape-demo .wire .terminal{margin-top:calc(var(--u)*2);padding-top:calc(var(--u)*2);border-top:1px solid var(--color-gray-700);display:block}@media (max-width:640px){.tape-demo .wire .ln{grid-template-columns:84px 1fr;align-items:baseline;row-gap:2px;height:auto;padding:6px 0}.tape-demo .wire .ln .who{white-space:normal;overflow:visible}.tape-demo .wire .ln .what{white-space:normal;grid-column:1/-1;overflow:visible}.tape-demo .wire .ln .push{grid-column:1/-1}.tape-demo .wire .ln.outreach .what{grid-column:2}.tape-demo .wire .att{max-width:none;margin-left:0}}@media (max-width:1000px){.tape-demo .inst{grid-template-columns:1fr}.tape-demo .rail{display:none}.tape-demo .ticker,.tape-demo .ticker-row2{width:100%}}