body.indicator-v2>.nav{display:none!important}
.indicator-v2{background:#090b0e;background-image:none}
.indicator-v2 .pp-header{background:#090b0e;backdrop-filter:none}
.indicator-v2 .pp-hero{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:56px;padding-top:64px;padding-bottom:72px}
.indicator-v2 .pp-overline{color:#6fd4f7}
.indicator-v2 .pp-deck{color:#b4bcc4}
.indicator-v2 .pp-button,.indicator-v2 .pp-join,.indicator-v2 .pp-final a{border-radius:4px}
.indicator-demo{overflow:hidden;border:1px solid rgba(111,204,241,.18);border-radius:6px;background:#090e13;box-shadow:0 20px 48px rgba(0,0,0,.24)}
.indicator-demo-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#0c1117;color:#7f8b95;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.065em}
.indicator-demo-head b{color:#d8ad59;font-weight:750}
.indicator-demo-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;min-height:390px}
.indicator-chart{position:relative;overflow:hidden;padding:18px;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#090e13;background-size:100% 52px,72px 100%}
.indicator-chart-title{display:flex;justify-content:space-between;gap:12px;color:#7d8993;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.055em}
.indicator-chart-title strong{color:#d1d7dc}
.indicator-orb{position:absolute;left:8%;right:43%;top:38%;height:34%;border:1px solid rgba(111,204,241,.13);background:rgba(64,151,186,.035)}
.indicator-orb-label{position:absolute;left:7px;top:6px;color:#6e7c87;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}
.indicator-candles{position:absolute;left:8%;right:8%;top:27%;height:45%;display:flex;align-items:end;gap:7px;z-index:2}
.indicator-candle{position:relative;width:8px;border-radius:1px 1px 0 0;background:#58d2ba;height:var(--h);box-shadow:none}
.indicator-candle.down{background:#e97682}
.indicator-candle:before{content:"";position:absolute;left:3px;top:-10px;width:1px;height:calc(100% + 18px);background:currentColor;opacity:.68}
.indicator-line{position:absolute;left:7%;right:7%;height:1px;background:#58c9f3;z-index:1}
.indicator-line span{position:absolute;right:0;top:-12px;color:#72808c;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.indicator-line.one{top:43%}
.indicator-line.two{top:56%;background:#d8ad59}
.indicator-line.three{top:69%;background:#697782}
.indicator-state-chip{position:absolute;right:7%;top:31%;z-index:3;padding:6px 9px;border:1px solid rgba(216,173,89,.34);border-radius:3px;background:#15130d;color:#d8ad59;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em}
.indicator-event-strip{position:absolute;left:18px;right:18px;bottom:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.07);z-index:4}
.indicator-event-strip span{padding:7px 5px;background:#0b1117;color:#5f6d78;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;letter-spacing:.05em}
.indicator-event-strip .done{color:#77cce9}
.indicator-event-strip .current{background:#15130d;color:#d8ad59}
.indicator-state-output{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.075);border-radius:4px;background:rgba(9,14,19,.96);z-index:4}
.indicator-state-output small{color:#71808e;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em}
.indicator-state-output strong{display:block;margin-top:4px;color:#d8ad59;font-size:16px;letter-spacing:.02em}
.indicator-state-output span{color:#8d98a2;font-size:9px}
.indicator-state-output span:first-of-type{color:#83cae4}
.indicator-state-output span:last-of-type{color:#d8ad59}
.indicator-config{padding:15px;border-left:1px solid rgba(255,255,255,.08);background:#0d1217}
.indicator-config-section+.indicator-config-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.indicator-config-section>span{display:block;color:#8996a0;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em}
.indicator-setting{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#8e99a4;font-size:9px}
.indicator-setting b{color:#c5cdd3;font-weight:650}
.indicator-setting span{color:#7ac8e6}
.indicator-setting span.pending{color:#d8ad59}
.indicator-alert{margin-top:9px;padding:9px;border:1px solid rgba(255,255,255,.075);border-left:2px solid #58c9f3;border-radius:3px;background:#10161b}
.indicator-alert strong{display:block;color:#c7d0d7;font-size:9px}
.indicator-alert span{display:block;margin-top:4px;color:#97a4af;font-size:8px;line-height:1.4}
.indicator-alert.wait{border-left-color:#d8ad59}
.indicator-v2 .pp-light{background:#f1ede5}
.indicator-v2 .pp-light .pp-section{padding-top:82px;padding-bottom:82px}
.indicator-v2 .pp-final{margin-top:0}
@media(max-width:1080px){.indicator-v2 .pp-hero{grid-template-columns:1fr}.indicator-demo{max-width:900px}.indicator-demo-body{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:720px){.indicator-v2 .pp-hero{padding-top:46px}.indicator-demo-body{grid-template-columns:1fr}.indicator-config{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.indicator-chart{min-height:360px}.indicator-candles{gap:5px}.indicator-state-output{grid-template-columns:1fr 1fr}.indicator-state-output>div:first-child{grid-column:1/-1}.indicator-event-strip{bottom:93px}}
