.slider-progress{background-color:yellow;width:0px;height:3px}.slidercontainer{position:relative}@-webkit-keyframes progressBar{0%{width:0}100%{width:100%}}@-moz-keyframes progressBar{0%{width:0}100%{width:100%}}@-webkit-keyframes progressBarEmpty{100%{width:0}0%{width:100%}}@-moz-keyframes progressBarEmpty{100%{width:0}0%{width:100%}}.slider-nav{position:absolute;z-index:1;top:3px;height:100px;cursor:pointer;outline:none}.slider-left{padding-left:0px}.slider-right{right:0px;padding-right:10px;size:5em}.arrow{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:10px;margin:20px;size:3em}.arrow-left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.arrow-right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}