.profile-menu{position:relative;z-index:40}
#profile-trigger{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #2b5278;border-radius:50%;background:linear-gradient(145deg,#173655,#0d2036);color:#73c8ff;box-shadow:0 0 16px #168cff20}
#profile-trigger span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2186d7;color:#dff4ff;font-size:8px;box-shadow:inset 0 0 0 4px #12385a}
#profile-trigger[aria-expanded="true"]{border-color:#67bfff;box-shadow:0 0 18px #168cff55}
.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:224px;padding:9px;border:1px solid #2a5378;border-radius:14px;background:#09182a;box-shadow:0 18px 55px #000b,0 0 25px #168cff18;color:#e8f3ff}
.profile-dropdown[hidden]{display:none!important}
.profile-dropdown-head{padding:10px 11px 12px;border-bottom:1px solid #203a55;margin-bottom:5px}
.profile-dropdown-head strong{display:block;font-size:13px}.profile-dropdown-head small{display:block;margin-top:3px;color:#7192b3;font-size:10px}
.profile-dropdown>a,.profile-dropdown>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;margin:0;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#bfd2e8;text-align:left;font-size:12px}
.profile-dropdown>a:hover,.profile-dropdown>button:hover{background:#102b46;color:#fff}
.profile-dropdown .profile-upgrade{color:#7ed0ff}.profile-dropdown .profile-upgrade:after{content:'↗';font-size:14px}
#profile-language{border-top:1px solid #203a55;border-radius:0;margin-top:5px;padding-top:11px}
#profile-language strong{padding:3px 7px;border:1px solid #315879;border-radius:6px;background:#102942;color:#8ed0ff;font-size:9px}
@media(max-width:600px){#profile-trigger{width:30px;height:30px}.profile-dropdown{position:fixed;top:58px;right:10px;width:min(240px,calc(100vw - 20px))}}