/* Canonical modular geometry. Only the component's outer size varies. */
.ot-avatar{position:relative;display:block;inline-size:min(100%,285px);max-inline-size:100%;margin-inline:auto;box-sizing:border-box;flex-shrink:1;overflow:visible}
.ot-avatar.ot-avatar-framed{aspect-ratio:3/2}
.ot-avatar.ot-avatar-plain{inline-size:min(100%,110px);aspect-ratio:1}
.ot-avatar>.account-avatar-default{position:absolute!important;display:block;inset:0!important;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border:0!important;border-radius:50%;transform:none!important;clip-path:circle(47% at 50% 50%)}
.ot-avatar.ot-avatar-framed>.account-avatar-default{inset:auto!important;left:50%!important;top:43%!important;width:53.3333%!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important;z-index:1}
.ot-avatar>.account-avatar-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.ot-avatar.ot-avatar-compact{inline-size:min(100%,100px)}
.account-sidebar{min-inline-size:0}.account-sidebar>h2{overflow-wrap:anywhere}.account-sidebar>.ot-avatar{max-inline-size:100%}
.account-achievement-log .achievement-entry{grid-template-columns:100px minmax(0,1fr)}
.supporter-frame-preview>.ot-avatar{inline-size:min(100%,360px)}
@media(max-width:420px){.account-achievement-log .achievement-entry{grid-template-columns:72px minmax(0,1fr)}}

@media(max-width:700px){.account-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account-sidebar nav>a,.account-sidebar nav>span{min-inline-size:0;overflow-wrap:anywhere}.account-sidebar form{min-inline-size:0}.account-sidebar .auth-secondary{max-inline-size:100%}}