.wrap{box-sizing:border-box;border-radius:24px;width:100%;max-width:980px;margin:0 auto;padding:12px}.cardsRow{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.card{color:#ffffffe6;background:var(--macro-card-bg,#222);border-radius:18px;min-width:0;padding:12px;box-shadow:0 6px 16px #00000040}.cardTop{justify-content:space-between;align-items:center;display:flex}.cardTitle{align-items:center;gap:8px;display:flex}.dot{border-radius:999px;width:10px;height:10px}.cardTitleText{opacity:.9;font-size:16px}.cardValue{letter-spacing:-.5px;word-break:break-word;margin-top:8px;font-size:26px;font-weight:700}.sliderArea{margin-top:18px;padding:4px 0 0}.bar{-webkit-user-select:none;user-select:none;touch-action:none;background:#15181a;border-radius:18px;min-width:0;height:54px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.seg{height:100%}.handleWrap{pointer-events:none;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.handleLine{background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0}.handleKnob{pointer-events:auto;cursor:grab;touch-action:none;background:#fff;border-radius:999px;place-items:center;width:36px;height:36px;margin-top:auto;margin-bottom:auto;display:grid;box-shadow:0 8px 18px #0000004d}@media (max-width:600px){.wrap{border-radius:12px;padding:4px}.cardsRow{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.card{border-radius:10px;padding:8px;font-size:14px}.cardTitleText{font-size:14px}.cardValue{font-size:16px}.sliderArea{margin-top:10px}.bar{border-radius:10px;height:36px}.handleKnob{width:28px;height:28px}}