.trainee-card>.portrait.trainee-art-frame{
  height:auto;
  aspect-ratio:auto;
  overflow:visible;
  isolation:isolate;
  border-radius:0;
  background:transparent;
  display:block;
}
.trainee-detail-panel>.trainee-card>.portrait.trainee-art-frame{width:min(100%,112px);height:auto;aspect-ratio:30/43;margin:0 auto 12px}
.trainee-detail-panel>.trainee-card>.portrait.trainee-art-frame>.trainee-rank-badge{width:40px;height:58px;top:2px;right:2px}
@media(max-width:650px){.trainee-detail-panel>.trainee-card>.portrait.trainee-art-frame{width:min(100%,96px)}.trainee-detail-panel>.trainee-card>.portrait.trainee-art-frame>.trainee-rank-badge{width:34px;height:49px}}
.trainee-art-image{
  position:relative;
  inset:auto;
  z-index:0;
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:initial;
  object-position:center;
}
.trainee-rank-badge{
  position:absolute;
  z-index:2;
  top:3px;
  right:3px;
  display:block;
  width:58px;
  height:84px;
  object-fit:contain;
  pointer-events:none;
  filter:drop-shadow(0 2px 4px #182d4a45);
}
.trainee-rank-badge.compact{width:58px;height:84px;top:2px;right:3px}
.recruit-portrait{height:auto;aspect-ratio:auto;overflow:visible;isolation:isolate;background:transparent;border-radius:0;display:block}
.recruit-portrait.female{background:transparent}
.recruit-portrait>.trainee-art-image{object-position:center}
.recruit-portrait>.trainee-rank-badge.compact{width:64px;height:94px;top:1px;right:2px}
.recruit-portrait>span{z-index:3}
.trainee-training-card{position:relative}
.trainee-training-card>.trainee-rank-badge.compact{width:42px;height:62px;top:7px;right:8px}
.trainee-training-card>.person-heading{padding-right:42px}