@media only screen and (min-width:1024px){.roleInfo_top__ODU3h .roleInfo_avatar__VjQAp{top:10px!important;left:16px!important;width:56px!important;height:56px!important}}.roleInfo_top__ODU3h{position:relative;display:flex;align-items:center;width:100%}.roleInfo_top__ODU3h .roleInfo_avatar__VjQAp{position:absolute;border-radius:50%;z-index:2;flex-shrink:0;top:7px;left:11px;width:32px;height:32px}.roleInfo_top__ODU3h .roleInfo_info__gwILk{position:relative;flex:1;background:url(https://lilithimage.lilithcdn.com/platwb/rok/gametools/images/avatar_info_bg.png) no-repeat;background-size:100% 100%;padding:8px 8px 10px 24px;border-radius:4px;transition:all .2s;margin-left:-20px;z-index:1}.roleInfo_top__ODU3h .roleInfo_info__gwILk:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.25)}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_flexName__PcdXC{display:flex;justify-content:space-between;margin-bottom:4px}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_flexId__Gqbqr{display:flex;align-items:center;font-size:var(--text-Body2)}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_name__B31ZX{font-size:var(--text-Heading1);font-weight:900;color:#444;text-shadow:0 1px 0 #e1e0d7}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_power__4afBn{margin-left:8px;font-size:var(--text-Heading2);font-weight:900}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_power__4afBn .roleInfo_tit__oyiuK{color:#444;margin-left:2px}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_powerPc__NdZka{display:none}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_verticalLine__pZO_w{border-left:1px solid hsla(46,6%,42%,.3);height:8px;margin:0 8px}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_uid__3YzyB{color:#777;line-height:1}.roleInfo_top__ODU3h .roleInfo_info__gwILk .roleInfo_uid__3YzyB span{margin-left:2px;color:#444}.roleInfo_top__ODU3h .roleInfo_switch__v4o4X{position:absolute;top:8px;right:12px;cursor:pointer;background:rgba(0,0,0,.3);color:#c0dfea;border-radius:4px}.roleInfo_top__ODU3h .roleInfo_svr__3Z1zU{margin-top:12px;height:30px;background:#ededed;border-radius:4px;color:#666;font-size:12px;display:flex;align-items:center;padding:0 10px}.roleInfo_top__ODU3h .roleInfo_svr__3Z1zU .roleInfo_svrName__Ytwd_{margin-right:18px}.roleInfo_top__ODU3h .roleInfo_unLogin__kIU2j{font-size:var(--text-Body2);color:#777}.roleInfo_top__ODU3h .roleInfo_unLogin__kIU2j .roleInfo_login__pDdJq{display:flex;align-items:center;font-size:var(--text-Heading1);color:#444;font-family:NotoSansSCBK;font-family:NotoSansHSBD;filter:drop-shadow(0 1px 0 #e1e0d7);cursor:pointer}.switchRoleModal_switchRolesWrap__CV2g7{width:400px;max-width:calc(100vw - 80px);height:200px;overflow:auto;display:flex;flex-direction:column}.switchRoleModal_rolesContent__1Fnd5{width:100%;padding:8px 0;margin:auto 0;display:flex;flex-direction:column}.switchRoleModal_flex__23lbe{display:flex}.switchRoleModal_labelCtn___RfId{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;background:rgba(0,63,85,.6);color:#66a8c7;padding:8px;margin-bottom:8px;border-radius:4px;border:1px solid transparent;cursor:pointer}.switchRoleModal_labelCtn___RfId.switchRoleModal_selectedRole__YsrwZ,.switchRoleModal_labelCtn___RfId:active,.switchRoleModal_labelCtn___RfId:focus,.switchRoleModal_labelCtn___RfId:hover{color:#def6ff;border-color:#66a8c7}.switchRoleModal_labelCtn___RfId:last-of-type{margin-bottom:0}.switchRoleModal_labelCtn___RfId .switchRoleModal_checked__xzojj{display:none;margin-right:14px}.switchRoleModal_labelCtn___RfId .switchRoleModal_check__JKVlu{display:block;margin-right:14px}.switchRoleModal_labelCtn___RfId.switchRoleModal_selectedRole__YsrwZ .switchRoleModal_check__JKVlu{display:none}.switchRoleModal_labelCtn___RfId.switchRoleModal_selectedRole__YsrwZ .switchRoleModal_checked__xzojj{display:block}.switchRoleModal_labelCtn___RfId .switchRoleModal_avatarGroup__QhGWK{width:48px;height:48px;display:flex;justify-content:center;align-items:center;background-image:url(https://lilithimage.lilithcdn.com/platwb/rok/gametools/images/avatar_bg.png);background-size:100% 100%;background-position:50%}.switchRoleModal_labelCtn___RfId .switchRoleModal_avatar__7FCN6{width:35px;height:35px;border-radius:50%}.switchRoleModal_labelCtn___RfId .switchRoleModal_infoGroup__toQRO{display:flex;flex-direction:column;margin-left:8px}.switchRoleModal_labelCtn___RfId .switchRoleModal_name__9DYtb{font-size:10px;font-family:NotoSansSCBK;font-family:NotoSansHSBD;color:#def6ff}.switchRoleModal_labelCtn___RfId .switchRoleModal_line__Scf92{width:1px;height:4px;margin:0 4px;background:#66a8c7;display:block}.switchRoleModal_labelCtn___RfId .switchRoleModal_server___NLgg{font-size:9px;font-family:NotoSansSCBK;font-family:NotoSansHSBD;color:#def6ff;display:flex;align-items:center}.switchRoleModal_labelCtn___RfId .switchRoleModal_nameSm__3RnBQ{font-size:9px;color:#66a8c7;font-weight:500}.switchRoleModal_labelCtn___RfId .switchRoleModal_radio___mXp3{margin-right:14px}@media screen and (min-width:1024px){.switchRoleModal_switchRolesWrap__CV2g7{width:740px;height:360px}.switchRoleModal_labelCtn___RfId{width:100%;height:88px;padding:12px;border-radius:8px}.switchRoleModal_labelCtn___RfId:hover{border-color:transparent;box-shadow:0 4px 10px 0 hsla(0,0%,100%,.25)}.switchRoleModal_labelCtn___RfId:active{transform:scale(.95);animation:switchRoleModal_spring-animation__n9_4E .8s cubic-bezier(.34,1.56,.64,1)}@keyframes switchRoleModal_spring-animation__n9_4E{0%{transform:scale(1)}to{transform:scale(.95)}}.switchRoleModal_labelCtn___RfId.switchRoleModal_selectedRole__YsrwZ{border-color:transparent}.switchRoleModal_labelCtn___RfId .switchRoleModal_name__9DYtb{font-size:16px}.switchRoleModal_labelCtn___RfId .switchRoleModal_avatarGroup__QhGWK{width:75px;height:75px}.switchRoleModal_labelCtn___RfId .switchRoleModal_avatar__7FCN6{width:56px;height:56px}.switchRoleModal_labelCtn___RfId .switchRoleModal_server___NLgg{font-size:14px;font-family:NotoSansHSBD;font-weight:700}.switchRoleModal_labelCtn___RfId .switchRoleModal_nameSm__3RnBQ{font-size:14px}}