.hc-header__profile-detail{align-items:center;display:flex;gap:16px}.hc-header__profile-photo{border:none;padding:0}button.hc-header__profile-photo{background-image:var(--hc-gradient-btn);background-size:200% 100%;border-radius:50%;height:52px;transition:background-position .8s ease-in-out;width:52px}button.hc-header__profile-photo:active,button.hc-header__profile-photo:hover{background-position:100% 0;box-shadow:0 0 12px 0 #ee771b}.hc-header__profile-photo img{background-clip:padding-box;border:2px solid transparent;border-radius:50%}.hc-header__profile-name a:link,.hc-header__profile-name a:visited{color:inherit;text-decoration:none}.hc-header__profile-name a:hover{text-decoration:underline}.hc-popup{background:var(--hc-background-color);box-shadow:0 4px 20px rgb(0 0 0/4%);position:absolute;top:76px;width:16rem}.hc-popup:before{border-bottom:.75rem solid var(--hc-background-color);border-left:.75rem solid transparent;border-right:.75rem solid transparent;content:"";position:absolute;right:14px;top:-.75rem}.hc-popup ul{list-style-type:none;margin:0;padding:0}:is(.hc-popup ul) li{align-items:center;display:flex;gap:16px;padding:16px}.hc-btn{background:transparent;border:2px solid;border-image-slice:1;border-image-source:var(--hc-gradient);border-radius:0;color:var(--hc-text-color);cursor:pointer;font-family:inherit;padding:4px 8px}