.sa-index .sa-index__panel{background:var(--ss-surface);width:600px;height:420px;box-shadow:var(--ss-shadow-hero);border-radius:14px;position:absolute;top:40px;left:40px;-webkit-mask-image:linear-gradient(#000 318px,#0000 372px);mask-image:linear-gradient(#000 318px,#0000 372px)}.sa-index .sa-index__body{width:520px;padding:20px 24px 0}.sa-index .ss-stage[data-layout=compact] .sa-index__panel{width:400px;top:24px;left:20px;-webkit-mask-image:linear-gradient(#000 316px,#0000 366px);mask-image:linear-gradient(#000 316px,#0000 366px)}.sa-index .ss-stage[data-layout=compact] .sa-index__body{width:338px;padding:16px 20px 0}.sa-index .sa-index__head{border-bottom:1px solid var(--ss-line-faint);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.sa-index .sa-index__title{color:var(--ss-text-strong);font-size:15px;font-weight:600;line-height:1.3}.sa-index .sa-index__scope{color:var(--ss-text-faint);flex:none;font-size:12px;line-height:1.3}.sa-index .sa-index__readout{gap:4px;margin:18px 0 16px;display:grid}.sa-index .sa-index__label{color:var(--ss-text);font-size:13px;line-height:1.3}.sa-index .sa-index__line{align-items:center;gap:12px;display:flex}.sa-index .sa-index__value{color:var(--ss-text-strong);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1.1}.sa-index .ss-stage[data-layout=compact] .sa-index__value{font-size:30px}.sa-index .sa-index__change{background:var(--ss-accent-soft);color:var(--ss-accent-text);font-variant-numeric:tabular-nums;opacity:0;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:600;line-height:1.3;transition:opacity .35s,translate .35s cubic-bezier(.2,.8,.2,1);translate:-6px}.sa-index .sa-index__change[data-in]{opacity:1;translate:0}.sa-index .sa-index__plot{position:relative}.sa-index .sa-index__base{border-top:1px dashed var(--ss-line);position:absolute;left:0;right:0}.sa-index .sa-index__hair{background:var(--ss-line);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.sa-index .sa-index__dot{border:2px solid var(--ss-surface);background:var(--ss-accent);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 1px 3px #0000002e}.sa-index .sa-index__spread{background:var(--ss-surface);width:236px;box-shadow:0 0 0 1px var(--ss-line-faint), var(--ss-shadow-hero);opacity:0;border-radius:12px;gap:5px;padding:9px 14px 10px;transition:opacity .4s .15s,translate .5s cubic-bezier(.2,.8,.2,1) .15s;display:grid;position:absolute;bottom:16px;left:16px;translate:0 8px}.sa-index .sa-index__spread[data-in]{opacity:1;translate:0}.sa-index .ss-stage[data-layout=compact] .sa-index__spread{width:208px;padding:8px 12px 9px;bottom:12px;left:8px}.sa-index .sa-index__spread-title{color:var(--ss-text-faint);font-size:11px;font-weight:500;line-height:1.3}.sa-index .sa-index__spread-row{align-items:center;gap:10px;display:flex}.sa-index .sa-index__spread-name{min-width:0;color:var(--ss-text-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.sa-index .sa-index__spread-value{color:var(--ss-text);font-variant-numeric:tabular-nums;flex:none;font-size:13px;line-height:1.3}
