/* Mobile drawer proportions tuned to Android screenshot. Scoped to the account drawer. */
.member-ax .drawer{
 width:min(310px,84vw)!important;
 max-width:calc(100vw - 44px)!important;
 height:100dvh!important;
 max-height:100dvh!important;
 padding:calc(8px + env(safe-area-inset-top,0px)) 13px calc(12px + env(safe-area-inset-bottom,0px))!important;
 overflow-y:auto!important;overflow-x:hidden!important;
}
.member-ax .drawer header{min-height:43px!important;padding-bottom:7px!important}
.member-ax .drawer header .back,.member-ax .drawer header .x{width:32px!important;height:32px!important;min-width:32px!important}
.member-ax .drawer .brand b{height:31px!important;width:31px!important}
.member-ax .drawer .brand span{font-size:10.5px!important}
.member-ax .drawer .identity{margin:9px 0 9px!important;padding:10px 12px!important}
.member-ax .drawer .identity strong{font-size:16px!important}
.member-ax .drawer .identity em{font-size:10px!important}
.member-ax .drawer nav{display:flex!important;flex-direction:column!important;gap:0!important;margin-bottom:7px!important}
.member-ax .drawer nav:before{padding:4px 10px 7px!important;font-size:9px!important}
.member-ax .drawer nav button{
 flex:0 0 auto!important;min-height:39px!important;height:auto!important;
 margin:0!important;padding:8px 10px!important;border-radius:7px!important;
 font-size:13px!important;font-weight:600!important;
 background:transparent!important;color:#e7e7ea!important;
}
.member-ax .drawer nav button:nth-of-type(4){margin-bottom:5px!important}
.member-ax .drawer nav button:nth-of-type(5){padding-top:12px!important}
.member-ax .drawer nav button:focus-visible{background:rgba(215,181,108,.15)!important;color:#f5dca4!important}
.member-ax .drawer .member-main>.gold{min-height:41px!important;font-size:12px!important;margin:3px 0!important}
@media(max-height:650px){
 .member-ax .drawer nav button{min-height:35px!important;padding-top:6px!important;padding-bottom:6px!important}
 .member-ax .drawer .identity{padding:8px 10px!important}
}