.range-container{width:100%;height:100%;background-color:#ccc;position:relative}.range-bar{position:absolute;top:0;bottom:0;color:#fff;display:table;height:100%;font-weight:bold;box-shadow:inset 0 0 0 2px rgba(50,50,50,.8)}.range-bar>div{display:table-cell;vertical-align:middle;text-align:center}.range-thumb{position:absolute;top:0;bottom:0;width:4px;cursor:e-resize;z-index:10;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.range-thumb:hover{}.range-thumb::after{content:"";position:absolute;width:20px;height:20px;background-color:#333;top:100%;left:-9px}.range-thumb::after:hover{background-color:#999}.range-legend{display:table;width:100%;position:relative;top:30px}.range-legend>div{display:table-row;border-bottom:20px solid #fff}.range-legend>div>div{display:table-cell;vertical-align:middle;border-bottom:20px solid #fff}.legend-item-icon{width:20px;height:20px}.legend-item-text{padding-left:10px}