.hc-header__profile-detail{display:flex;align-items:center;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%;width:52px;height:52px;transition:background-position .8s ease-in-out}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{border:2px solid transparent;border-radius:50%;background-clip:padding-box}.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{width:16rem;position:absolute;top:76px;background:var(--hc-background-color);box-shadow:0 4px 20px rgb(0 0 0/4%)}.hc-popup:before{content:"";border-left:.75rem solid transparent;border-right:.75rem solid transparent;border-bottom:.75rem solid var(--hc-background-color);position:absolute;top:-.75rem;right:14px}.hc-popup ul{margin:0;padding:0;list-style-type:none}:is(.hc-popup ul) li{display:flex;align-items:center;gap:16px;padding:16px}.hc-btn{color:var(--hc-text-color);font-family:inherit;border:2px solid;border-radius:0;border-image-source:var(--hc-gradient);border-image-slice:1;background:transparent;padding:4px 8px;cursor:pointer}