@keyframes spin-7cf05c86{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.user-page-header[data-v-7cf05c86]{color:var(--hy-color-text-default);--avatar-size:124px}@media (max-width:768px){.user-page-header[data-v-7cf05c86]{--avatar-size:85px}}.user-page-header__top-bar[data-v-7cf05c86]{background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--hy-radius-sm);display:flex;height:156px;justify-content:flex-end;overflow:hidden;padding:var(--hy-space-lg) var(--hy-space-xl);position:relative}@media (max-width:768px){.user-page-header__top-bar[data-v-7cf05c86]{padding:var(--hy-space-sm)}}.user-page-header__top-bar[data-v-7cf05c86]:before{background:linear-gradient(180deg,transparent 0,#000);bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;width:100%}.user-page-header__user-content-wrapper[data-v-7cf05c86]{display:flex;flex-wrap:wrap;gap:var(--hy-space-lg);margin-top:-55px;padding:0 var(--hy-space-sm);position:relative;z-index:var(--z-1)}@media (max-width:768px){.user-page-header__user-content-wrapper[data-v-7cf05c86]{gap:var(--hy-space-sm)}}.user-page-header__avatar[data-v-7cf05c86]{border-radius:var(--hy-radius-circle);height:var(--avatar-size);-o-object-fit:cover;object-fit:cover;width:var(--avatar-size)}.user-page-header__user-info[data-v-7cf05c86]{flex:1;max-width:calc(100% - var(--avatar-size) - var(--hy-space-2xl))}@media (max-width:768px){.user-page-header__user-info[data-v-7cf05c86]{max-width:calc(100% - var(--avatar-size) - var(--hy-space-lg))}}.user-page-header__user-info__title[data-v-7cf05c86]{margin-bottom:var(--hy-space-2xs);overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}@media (max-width:768px){.user-page-header__user-info__title[data-v-7cf05c86]{font-size:var(--hy-font-size-xl)}}.user-page-header__user-info__data[data-v-7cf05c86]{display:flex;flex-wrap:wrap;gap:var(--hy-space-sm);margin-top:var(--hy-space-lg)}.user-page-header__user-info .caption[data-v-7cf05c86]{color:var(--hy-color-text-secondary);font-weight:var(--hy-font-weight-regular)}.user-page-header__user-info__by[data-v-7cf05c86]{overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.user-page-header__user-bio[data-v-7cf05c86]{flex:0 0 350px;margin-top:var(--hy-space-md);max-width:350px}@media (max-width:768px){.user-page-header__user-bio[data-v-7cf05c86]{max-width:100%}}@media (min-width:1026px){.user-page-header--soundboardDetail .user-page-header__user-content-wrapper[data-v-7cf05c86]{padding-left:var(--hy-space-2xl)}}.user-page-header--soundboardDetail .user-page-header__user-info[data-v-7cf05c86]{max-width:100%}