div.drum-wrapper{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:30px}div.drum-wrapper .inner{position:relative;overflow:hidden}div.drum-wrapper div.container{position:absolute;width:100%;top:48px;left:0;-webkit-perspective:1100px;-moz-perspective:1100px;-o-perspective:1100px;perspective:1100px}div.drum-wrapper,div.drum-wrapper .inner{height:120px}.outside div.drum-wrapper{height:140px}.outside div.drum-wrapper .inner{top:12px}.outside div.drum-wrapper .container{top:46px}div.drum-wrapper .dial{position:absolute;width:100%;left:0;height:48px;background-color:rgba(255,255,255,.7);display:none}.outside div.drum-wrapper .dial{height:58px}div.drum-wrapper .dial div{width:20px;height:10px;margin:0 auto}div.drum-wrapper .dial svg{position:absolute}div.drum-wrapper .up{top:0}div.drum-wrapper .up svg{top:2px}div.drum-wrapper .down{bottom:0}div.drum-wrapper .down svg{bottom:2px}div.drum{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}div.drum figure{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;display:block;position:absolute;left:0;top:0;line-height:20px;color:#000;margin:0;padding:0 3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:left}div.drum-wrapper div.container,div.drum-wrapper figure{height:25px;line-height:25px}