.class-icon{vertical-align:middle;image-rendering:pixelated;flex:none;display:inline-block}.class-icon.x1{width:19px;height:19px}.class-icon.x2{width:38px;height:38px}.race-icon{border-radius:10px;flex:none;width:auto;height:43px;display:block}.with-icon{align-items:center;gap:10px;display:inline-flex}.with-icon .class-icon.x1{margin-right:-2px}.race-pick .race-icon{height:43px;box-shadow:0 0 0 2px color-mix(in srgb, var(--race) 30%, transparent)}.race-pick[aria-selected=true] .race-icon{box-shadow:0 0 0 3px var(--race)}.stage-classes button{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.stage-classes button .class-icon{grid-row:1/span 2}.class-head h4.with-icon,.class-tree h3.with-icon,.race-section-copy h2 .race-icon{vertical-align:middle}.path-link.with-icon{gap:8px}.race-heading{align-items:center;gap:14px;display:flex}@media (max-width:760px){.race-pick .race-icon{height:38px}.stage-classes button{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.stage-classes button .class-icon{grid-row:auto}}.sprite-icon{--s:2;width:calc(32px * var(--s));height:calc(32px * var(--s));background-repeat:no-repeat;background-size:calc(var(--sw) * var(--s)) calc(var(--sh) * var(--s));background-position:calc(var(--sx) * var(--s)) calc(var(--sy) * var(--s));image-rendering:pixelated;flex:none;display:inline-block}.sprite-icon.x1{--s:1}.sprite-icon.x3{--s:3}