div:has(>.su-profile-banner){container-type:inline-size;container-name:profile-banner}body .su-profile-banner{height:auto;min-height:0;aspect-ratio:4 / 1}body .su-profile-banner .su-profile-cover{top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}body .su-profile-banner .su-profile-identity{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;padding:clamp(16px,2.2cqw,32px);gap:clamp(16px,2cqw,28px)}body .su-profile-banner .su-profile-avatar{width:clamp(88px,12cqw,168px);height:clamp(88px,12cqw,168px)}body .su-profile-banner .su-profile-name h1{font-size:clamp(26px,3.3cqw,46px)}body .su-fan-profile-banner{position:relative;width:100%;height:auto;aspect-ratio:4 / 1;overflow:hidden;background:linear-gradient(120deg,#241a42,#10131e)}body .su-fan-profile-banner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.su-fan-profile-banner-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(17,17,19,.55),transparent)}@container profile-banner (max-width:700px){body .su-profile-banner{aspect-ratio:auto;padding-top:25%}body .su-profile-banner .su-profile-cover{height:auto;aspect-ratio:4 / 1}body .su-profile-banner .su-profile-shade{bottom:auto;height:auto;aspect-ratio:4 / 1}body .su-profile-banner .su-profile-identity{position:relative;inset:auto;padding:16px;align-items:center}}@media(max-width:540px){body .su-fan-profile-avatar{margin-top:-24px;width:88px;height:88px}}