/* Figma crop values: Desktop 37:99 and Mobile 37:171, reviewed 2026-10-19. */
.class-portrait{border:0;background-image:none;width:42px;height:46px}
.class-portrait img{position:absolute;max-width:none;pointer-events:none;width:var(--portrait-width);height:var(--portrait-height);left:var(--portrait-left);top:var(--portrait-top)}
.class-portrait:before{content:'';position:absolute;inset:0;border:1px solid #42545a;border-radius:inherit;z-index:2;pointer-events:none}
.class-portrait:after{z-index:1;pointer-events:none}
:is(.class-button,.catalog-portrait)[data-class="Gladiator"]{--portrait-width:868.09%;--portrait-height:445.84%;--portrait-left:-238.71%;--portrait-top:-63.67%}
:is(.class-button,.catalog-portrait)[data-class="Templar"]{--portrait-width:966.78%;--portrait-height:496.52%;--portrait-left:-310.47%;--portrait-top:-72.81%}
:is(.class-button,.catalog-portrait)[data-class="Assassin"]{--portrait-width:853.27%;--portrait-height:438.23%;--portrait-left:-272.88%;--portrait-top:-56.13%}
:is(.class-button,.catalog-portrait)[data-class="Ranger"]{--portrait-width:805.04%;--portrait-height:413.46%;--portrait-left:-247.6%;--portrait-top:-52.73%}
:is(.class-button,.catalog-portrait)[data-class="Chanter"]{--portrait-width:834.37%;--portrait-height:428.52%;--portrait-left:-263.13%;--portrait-top:-56.52%}
:is(.class-button,.catalog-portrait)[data-class="Cleric"]{--portrait-width:834.25%;--portrait-height:428.46%;--portrait-left:-231.09%;--portrait-top:-56.96%}
:is(.class-button,.catalog-portrait)[data-class="Sorcerer"]{--portrait-width:820.05%;--portrait-height:421.17%;--portrait-left:-254.73%;--portrait-top:-56.52%}
:is(.class-button,.catalog-portrait)[data-class="Spiritmaster"]{--portrait-width:843.82%;--portrait-height:433.38%;--portrait-left:-269.6%;--portrait-top:-58.16%}
@media(max-width:1200px){.class-portrait{width:32px;height:35.048px}}
@media(max-width:760px){
 .class-portrait{width:35px;height:25px}
 :is(.class-button,.catalog-portrait)[data-class="Gladiator"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-174.18%;--portrait-top:-76.72%}
 :is(.class-button,.catalog-portrait)[data-class="Templar"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-200%;--portrait-top:-69.79%}
 :is(.class-button,.catalog-portrait)[data-class="Assassin"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-203.85%;--portrait-top:-67.49%}
 :is(.class-button,.catalog-portrait)[data-class="Ranger"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-197.8%;--portrait-top:-67.49%}
 :is(.class-button,.catalog-portrait)[data-class="Chanter"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-202.2%;--portrait-top:-72.87%}
 :is(.class-button,.catalog-portrait)[data-class="Cleric"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-174.73%;--portrait-top:-72.1%}
 :is(.class-button,.catalog-portrait)[data-class="Sorcerer"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-200.94%;--portrait-top:-75.97%}
 :is(.class-button,.catalog-portrait)[data-class="Spiritmaster"]{--portrait-width:671.43%;--portrait-height:528.75%;--portrait-left:-203.85%;--portrait-top:-71.33%}
}