.user-popup-drawer-wrapper{cursor:pointer;z-index:10;width:100%;height:100%;position:fixed;inset:0}.user-popup-drawer{bottom:var(--bottom-nav-height);z-index:20;background:#10141a;border-radius:36rem 36rem 0 0;width:336rem;padding:12rem;position:fixed;left:calc(50% - 168rem)}@media only screen and (width>=600px){.user-popup-drawer{bottom:unset;left:unset;right:24rem;top:calc(var(--layout-padding) + var(--header-height) + 8rem);border-radius:36rem}.user-popup-drawer--with-soft-page{top:calc(var(--header-height) + 8rem)}}.user-popup-drawer__mobile-line-wrapper{justify-content:center;align-items:center;display:flex}@media only screen and (width>=600px){.user-popup-drawer__mobile-line-wrapper{display:none}}.user-popup-drawer__mobile-line{text-align:center;background:#222632;border-radius:3rem;width:40rem;height:3rem}.user-popup-drawer .user-popup-drawer__line{background:#222632;width:100%;height:1rem;margin-top:16rem;margin-bottom:16rem;display:block}.user-popup-drawer__icon-btn{color:#fff;border-radius:36rem;justify-content:flex-start;align-items:center;width:100%;margin-top:4rem;margin-left:0;line-height:normal;display:flex}.user-popup-drawer__icon-btn.router-link-active{background:#282828}.user-popup-drawer__icon-btn:hover{background:linear-gradient(90deg,#1a73e8,#1a73e8 33.3%,#0a9aff 66.6%,#dd0aff)}.user-popup-drawer__icon-btn span,.user-popup-drawer__icon-btn svg{color:#fff!important}.user-popup-drawer__icon-btn span:not(.ui-icon){text-transform:uppercase;font-size:12rem;font-style:normal;font-weight:600;line-height:normal}.user-popup-drawer__icon-btn:first-of-type{margin-top:16rem}@media only screen and (width>=600px){.user-popup-drawer__icon-btn:first-of-type{margin-top:inherit}}.user-popup-drawer__icon{justify-content:center;align-items:center;width:48rem;height:48rem;margin-right:4rem;display:flex;position:relative}.user-popup-drawer__icon-sphere-dot{box-sizing:content-box;background:#81cc52;border:2rem solid #121212;border-radius:100%;min-width:5rem;min-height:5rem;position:absolute;top:15rem;right:15rem}@media only screen and (width>=600px){.user-popup-drawer-wrapper.header-bar .user-popup-drawer{top:calc(var(--layout-padding) + var(--header-bar-height) + var(--layout-gap) + var(--header-height) + 8rem)}}