.slid { display: inline-flex; font-size: 21px; padding:10px;}
 .slid span{ line-height: 1em; padding:0 5px;white-space: no-wrap ; }
 .slid .nouislider { display:inline-block; width:3.5em; margin:0.8em 1.5em 1em 1.5em; pointer-events: none;}
 .slid .nouislider .noUi-handle { pointer-events: auto; width: 1.5em; height:1.5em; top:-0.7ex; text-align: center; line-height: 1.6em; transition:all 0.03s; border-radius:2em; background: #3399ee; ;border:0; box-shadow: -1px 1px 2px rgba(0,0,0,0.4); }
 .slid .nouislider .noUi-handle:before { background: transparent; width:1em; content: '►'; top:0ex;left:0.8ex;  font-size: 0.9em;  color: #fff;}
 .slid .nouislider .noUi-handle:after { background: transparent; }
 .slid .nouislider .noUi-handle[aria-valuenow='100.0'] { background: #33aa44; }