div.drum-wrapper{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}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:200px}.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:10%;left:45%;height:10px;background-color:#ffffffb3;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;left:calc(50% - 10px)}div.drum-wrapper .up{top:5px}div.drum-wrapper .up svg{top:7px}div.drum-wrapper .down{bottom:0}div.drum-wrapper .down svg{bottom:2px}div.drum{width:100%;height:100%;position:absolute;top:35px;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:center}div.drum-wrapper div.container,div.drum-wrapper figure{height:35px;line-height:35px}div.drum-wrapper .drumButtons{width:100%;height:50px;border-top:1px solid #424542;position:absolute;z-index:1;left:0;width:100%;padding:5px 10px;box-sizing:border-box;top:-50px;background-color:#F9F9F9}div.drum-wrapper .drumButtons .drumOKButton{right:20px;padding:5px;position:absolute;top:10px}