.mdp-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.mdp-dotnav>*{flex:none;padding-left:15px;margin-top:15px}.mdp-dotnav:after,.mdp-dotnav:before{content:"";display:block;overflow:hidden}.mdp-dotnav:after{clear:both}.mdp-dotnav>*{float:left}.mdp-dotnav>*>*{display:block;box-sizing:content-box;width:20px;height:20px;border-radius:50%;background:rgba(50,50,50,.1);text-indent:100%;overflow:hidden;white-space:nowrap}.mdp-dotnav>*>:focus,.mdp-dotnav>*>:hover{background:rgba(50,50,50,.4);outline:0}.mdp-dotnav>*>:active{background:rgba(50,50,50,.6)}.mdp-dotnav>.mdp-active>*{background:rgba(50,50,50,.4)}.mdp-dotnav-contrast>*>*{background:rgba(255,255,255,.4)}.mdp-dotnav-contrast>*>:focus,.mdp-dotnav-contrast>*>:hover{background:rgba(255,255,255,.7)}.mdp-dotnav-contrast>*>:active{background:rgba(255,255,255,.9)}.mdp-dotnav-contrast>.mdp-active>*{background:rgba(255,255,255,.9)}.mdp-dotnav-vertical{flex-direction:column}.mdp-dotnav-vertical>*{float:none}