body{color:#fff;background-color:#191B1C;}
#pixi-container{width:898px;height:445px;margin:0 auto;position:relative;}
button.iconbutton{height:48px;min-width:48px;}
button.iconbutton i{font-size:48px;position:relative;top:0px;}
.spin-container{width:28px;height:28px;margin:208px auto;padding-left:14px;}
.page-content{max-width:1280px;min-width:950px;margin:32px auto;}
.label-sldier .mdl-slider__container{top:11px;}
.label-sldier p{line-height:40px;margin:0;}
.controls-grid{background-color:rgb(32,34,36);}
.controls-grid>.mdl-cell{white-space:nowrap;}
.controls div.tracks-panel{position:relative;background-color:#16181A;min-width:120px;}
.controls p.track-label{padding-left:14px;padding-top:14px;padding-bottom:14px;margin-bottom:4px;}
.controls div.tracks-panel span{position:absolute;color:rgb(58,59,61);top:10px;right:16px;}
.sequencer-grid{background-color:rgb(18,19,20);}
#cell-edit-controls{display:none;position:relative;z-index:1;}
#cell-edit-controls .container #cell-edit-close-button{position:absolute;right:-8px;top:-8px;}
#cell-edit-controls .container .cell-play-button{position:absolute;top:182px;left:825px;}
#cell-edit-controls .container .cell-play-button>button{color:inherit;}
#cell-edit-controls .container .cell-next-prev{position:absolute;top:36px;left:789px;}
#cell-edit-controls .container .cell-edit-sliders{position:absolute;width:826px;background-color:rgb(12,120,208);top:256px;left:26px;padding:12px 8px;}
#cell-edit-controls .container .cell-edit-sliders label>p{float:left;}
#info-modal{position:absolute;background-color:rgba(0,0,0,.6);width:100%;height:100%;z-index:2;left:0;top:0;}
.demo-card-wide.mdl-card{width:610px;margin:0 auto;top:15%;}
.demo-card-wide>.mdl-card__title{color:#fff;height:63px;background-color:#2196F3;}
.demo-card-wide>.mdl-card__menu{color:#fff;}
#code-button{color:#fff;}
.mdl-card__supporting-text{width:92%;padding:0 4%;}
span.icon-text{top:1px;left:2px;vertical-align:top;position:relative;}