.user-profile__header{display:flex;align-items:flex-end;padding:0 5rem;height:17rem;position:relative}@media only screen and (max-width: 36em){.user-profile__header{padding:0 3rem}}.user-profile__header__banner{background-color:var(--base-gray-900-static);position:absolute;left:0;right:0;top:0;height:12rem}.user-profile__header__nickname{font-size:20px;font-weight:500;color:var(--base-gray-900);padding-left:5px;border-radius:6px}.user-profile__header__actions{margin-left:10px}@media only screen and (max-width: 36em){.user-profile__header__actions{display:none}}.user-profile__header__actions--xs{display:none}@media only screen and (max-width: 36em){.user-profile__header__actions--xs{display:block;height:20px;color:var(--base-gray-900)}}.user-profile__header__photo{position:relative}.user-profile__header__photo .ant-image-mask{align-items:flex-start}.user-profile__header__photo .ant-image-mask-info{font-size:12px!important}.user-profile__header__photo .ant-image{width:100%;height:100%}.user-profile__header__photo .ant-image img{object-fit:cover;height:100%}.user-profile__header__photo:before{content:"";position:absolute;height:94px;width:94px;left:-2px;top:-2px;border-radius:1000rem;background-color:var(--base-gray-000)}@media only screen and (max-width: 36em){.user-profile__header__photo:before{height:84px;width:84px}}.user-profile__header__info{margin-left:10px;margin-bottom:2px;display:flex;align-items:center}@media only screen and (max-width: 36em){.user-profile__header__info{margin-bottom:0}}