article { background-size: 100%; background-color: #f8f8f8; }

.menunav { position: absolute; top: 1px; bottom: 1px; width: 1.2rem; background: white; }
.menunav li { padding: 0.35rem 0; background: white; height: auto; line-height: 1em; position: relative; }
.menunav li.selected { background: #f8f8f8; color: #99ca23; }
.menunav li.selected:before { content: ' '; background: #99ca23; height: 1em; width: 5px; float: left; }
.menunav li[role] { display: none; }
.menunav li .mui-badge { top: 2px; display: none; }

#appwrap { position: absolute; top: 0; right: 0; bottom: 0; left: 1.4rem; overflow: auto; padding-right: 0.15rem; padding-bottom: 100%; }

.mui-card { margin: 0.2rem 0.1rem; margin-bottom: 0.4rem; border-radius: 10px; display: none; }
.mui-card li { display: inline-block; vertical-align: top; text-align: center; width: 25%; margin: 0.1rem 0; position: relative; margin-bottom: 0.15rem; }
.mui-card li a { color: black; font-size: 13px; }
.mui-card li div { width: 0.6rem; height: 0.6rem; margin: auto; margin-bottom: 5px; }
.mui-card li div img { width: 100%; display: block; }
.mui-card h3 { width: 5.1rem; height: 1.36rem; margin: 0.25rem auto; overflow: hidden; }

h2 { font-size: 0.3rem; margin: 0.1rem; margin-left: 0.2rem; color: #888; margin-top: 0.2rem; border-left: solid 5px #99ca23; text-indent: 0.1rem; }

a.mui-disabled { opacity: 0.3; }
a.mui-disabled img { opacity: 0.2; }

.mui-footer a { position: relative; }
.mui-badge { position: absolute; top: -5px; right: 5px; left: initial; }