/* Math Lab slider styling — readable on ANY theme (light/dark/michigan). */ /* These parts live inside the slider element (dark cards) */ .ml-slider .rc-slider-rail { background: #30363d !important; } .ml-slider .rc-slider-track { background: #e8612c !important; } .ml-slider .rc-slider-handle { border-color: #e8612c !important; background: #e8612c !important; opacity: 1; } .ml-slider .rc-slider-mark-text { color: #c9d1d9 !important; } .ml-slider .rc-slider-dot { border-color: #484f58 !important; background: #161b22 !important; } /* The value tooltips are PORTALED to , so they must be targeted globally. White text on an orange bubble = visible no matter the page background. */ .rc-slider-tooltip { opacity: 1 !important; } .rc-slider-tooltip-inner { background-color: #e8612c !important; color: #ffffff !important; font-weight: 700 !important; font-size: 12px !important; box-shadow: none !important; min-width: 22px !important; height: auto !important; padding: 2px 8px !important; border-radius: 4px !important; } .rc-slider-tooltip-arrow { border-top-color: #e8612c !important; border-bottom-color: #e8612c !important; }