.base-headerbar{background-image:url(/images/base-headerbar/illust-headerbar.png);background-size:cover;background-color:#fbd0c9;width:100%;height:80px;padding:var(--space-100) var(--space-200);position:fixed;top:0;left:0;z-index:22}.base-headerbar .base-headerbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-125)}.base-headerbar .base-headerbar__actions .base-headerbar__actions__profile{display:flex;gap:8px;align-items:center;cursor:pointer}.base-headerbar .base-headerbar__actions .base-headerbar__actions__profile svg{flex-shrink:0;transition:all .3s ease-out}.base-headerbar .base-headerbar__actions .base-headerbar__actions__profile.base-headerbar__actions__profile--active svg{transform:rotate(180deg)}.profile-drawer .base-drawer-header .profile-content__name{display:flex;justify-content:center;padding-left:0!important}