.material-drawer{box-sizing:border-box;width:256px;height:100%;background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;border-radius:0 0 0 0;border-right-width:1px;border-right-style:solid;border-color:rgba(0,0,0,.12);z-index:6}.material-drawer .material-list-item{margin:8px;padding:0 8px;height:40px;cursor:pointer;font-size:14px;font-weight:500;border-radius:4px;color:rgba(0,0,0,.87);overflow:hidden}.material-drawer .material-list-item:before{border-radius:4px}.material-drawer .material-list-item:first-child{margin-top:2px}.material-drawer .material-list-item:last-child{margin-bottom:0}.material-drawer .material-list-item--activated{color:rgba(63,81,181,.87)}.material-drawer .material-list-item--activated:before{background-color:#3f51b5;opacity:.12}.material-drawer .material-list-item--activated:hover:before{opacity:.16}.material-drawer .material-list-item--activated:focus:before{opacity:.2}.material-drawer .material-list-item--activated:active:before{opacity:.28}.material-drawer .material-list-item--activated .material-list-item__icon{color:#3f51b5}.material-drawer__header{box-sizing:border-box;min-height:64px;padding:16px 16px 4px}.material-drawer__subtitle,.material-drawer__title{-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-size:20px;font-weight:500;text-decoration:inherit;text-transform:inherit;margin-top:0;margin-bottom:0}.material-drawer__subtitle{color:rgba(0,0,0,.6);font-size:14px;font-weight:400}.material-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}