.menu-popup.wrapper{right:0;left:auto;padding:0}.menu-popup.wrapper:before{left:auto;right:100%}.menu-popup.wrapper .close{position:absolute;top:10px;left:10px;bottom:auto;right:auto;width:42px;height:42px;line-height:42px;text-align:center;color:var(--text);cursor:pointer;z-index:3;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.menu-popup.wrapper .close:after{content:"close";font-family:Material Icons Outlined;font-size:20px}.menu-popup.wrapper .close:hover{color:var(--text)}.menu-popup .component .menu{margin-top:60px}.menu-popup .component .menu>div{position:relative;border-bottom:1px solid var(--light);-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.menu-popup .component .menu>div:first-child{border-top:1px solid var(--light)}.menu-popup .component .menu>div:hover{background:var(--light)}.menu-popup .component .menu>div:hover .opener{color:var(--text)}.menu-popup .component .menu>div .opener{position:absolute;top:0;left:0;bottom:auto;right:auto;display:block;width:60px;height:52px;line-height:52px;color:var(--text);text-align:center;cursor:pointer;z-index:2;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.menu-popup .component .menu>div .opener:after{content:"keyboard_arrow_left";font-family:Material Icons Outlined;font-size:20px}.menu-popup .component .menu>div .opener:hover{background:rgba(0,0,0,0.1)}.menu-popup .component .menu>div a{position:relative;display:block;padding:0 20px;line-height:52px;text-align:right;font-size:20px}.menu-popup .component .menu>div a[href="#"]+.opener{right:0;width:auto;padding-left:20px;text-align:left}.menu-popup .component .menu>div .component{position:fixed;top:60px;left:auto;bottom:0;right:-460px;width:100%;max-width:460px;opacity:0;visibility:hidden;background:var(--background);z-index:3;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.menu-popup .component .menu>div .component.opened{right:0;opacity:1;visibility:visible}.menu-popup .component .menu>div .component .back{position:fixed;top:20px;left:auto;bottom:auto;right:20px;cursor:pointer}.menu-popup .component .menu>div .component .back:after{content:"keyboard_arrow_right";font-family:Material Icons Outlined;font-size:20px}.menu-popup .component .menu>div .component .menu{margin-top:0}.menu-popup .component .menu>div .component .menu>div a{font-size:20px}