.menu-button .menu-button__action,.menu-button .menu-button__avatar,.menu-button .menu-button__button{margin:0}.menu-button .menu-button__menu{background-color:var(--background);border:1px solid var(--edge);border-radius:15px;box-shadow:var(--shadow-minor);left:6px;max-height:400px;overflow-y:auto;position:absolute;top:auto;width:calc(100% - 12px);z-index:70}.menu-button .menu-button__menu button.action,.menu-button .menu-button__menu button.button{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:400;justify-content:flex-start;margin:3px!important;text-align:left;width:calc(100% - 6px)!important}.menu-button .menu-button__menu button.action span,.menu-button .menu-button__menu button.button span{display:block;flex-grow:1}.menu-button .menu-button__menu button.action svg.icon,.menu-button .menu-button__menu button.button svg.icon{margin-right:9px}.menu-button .menu-button__menu button.action svg.icon.pro,.menu-button .menu-button__menu button.button svg.icon.pro{margin-left:9px;margin-right:-3px;top:0}.menu-button .menu-button__menu .actions{margin:0}.menu-button .menu-button__menu .actions button.action,.menu-button .menu-button__menu .actions button.button{justify-content:center}.menu-button .menu-button__menu hr{margin:3px 0}.menu-button .menu-button__menu .actions+hr{margin-top:0}@media (min-width:400px){.menu-button{position:relative}.menu-button .menu-button__menu{left:-3px;margin-top:3px;position:absolute;top:auto;width:240px}.menu-button .menu-button__menu.menu-button__menu--left{left:-3px;right:auto}.menu-button .menu-button__menu.menu-button__menu--right{left:auto;right:-3px}}