.ramp{background-color:#e3f2fd;font-size:100%;height:3rem;overflow:hidden;position:relative}.ramp__slice{border-left-color:rgba(0,0,0,0);border-left-style:solid;display:block;height:0;position:absolute;width:0}.ramp__slice--color0{border-bottom:3rem rgba(255,152,0,.5) solid}.ramp__slice--color1{border-bottom:3rem rgba(3,169,244,.5) solid}.ramp__slice--color2{border-bottom:3rem rgba(76,175,80,.5) solid}.ramp__slice--color3{border-bottom:3rem rgba(63,81,181,.5) solid}.ramp__slice--color4{border-bottom:3rem rgba(233,30,99,.5) solid}