.slider{box-sizing:border-box;height:100%;width:100%}.slider *{box-sizing:border-box;cursor:pointer}.block{cursor:default;padding:1em 1.5em;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.bar{background-color:rgba(0,0,0,0.54);border-radius:.5em;cursor:pointer;height:1em;min-width:1em;position:relative;-ms-touch-action:pan-y;touch-action:pan-y;width:100%}.knob-container{height:0;position:absolute;top:50%;width:0}.knob-container .knob{background-color:#fff;border-radius:100%;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);height:2em;left:0;position:absolute;top:0;-ms-touch-action:pan-y;touch-action:pan-y;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2em}.progress{background-color:#2196f3;border-radius:.5em;height:100%;left:0;position:absolute;top:0;-ms-touch-action:pan-y;touch-action:pan-y}.vertical{height:100%;padding:1.5em 1em;-ms-touch-action:pan-x;touch-action:pan-x;width:auto}.vertical .bar{height:100%;min-height:1em;-ms-touch-action:pan-x;touch-action:pan-x;width:1em}.vertical .knob-container{left:50%;top:auto}.vertical .knob-container .knob{-ms-touch-action:pan-x;touch-action:pan-x}.vertical .progress{bottom:0;top:auto;-ms-touch-action:pan-x;touch-action:pan-x;width:100%}