.level-badges{--badge-u:var(--page);--badge-size:26;--badge-arc:8;--badge-inset:10;--badge-halo:#000000d9;--badge-halo-size:2}.level-badges.arc{top:calc(14 * var(--badge-u));bottom:calc(44 * var(--badge-u));justify-content:center;align-items:center;gap:calc(2 * var(--badge-u));z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute}.level-badges.arc.left{left:calc(var(--badge-inset) * var(--badge-u))}.level-badges.arc.right{right:calc(var(--badge-inset) * var(--badge-u));transform:scaleX(-1)}.level-badge{width:calc(var(--badge-size) * var(--badge-u));height:calc(var(--badge-size) * var(--badge-u));object-fit:contain;transform:translateX(calc(var(--arc,0) * var(--badge-arc) * -1 * var(--badge-u)));filter:drop-shadow(0 0 calc(.5 * var(--badge-u)) var(--badge-halo)) drop-shadow(0 0 calc(var(--badge-halo-size) * var(--badge-u)) var(--badge-halo)) drop-shadow(0 0 calc(var(--badge-halo-size) * var(--badge-u)) var(--badge-halo)) drop-shadow(calc(1 * var(--badge-u)) calc(2 * var(--badge-u)) calc(3 * var(--badge-u)) #000000bf)}.level-badges.row{align-items:center;gap:calc(4 * var(--badge-u));flex-direction:row;display:flex}.level-badges.row .level-badge{width:calc(22 * var(--badge-u));height:calc(22 * var(--badge-u))}.class-xp-bar{width:100%;height:calc(20 * var(--page));border:calc(3 * var(--page)) solid #2c1e16;border-radius:calc(6 * var(--page));background:#0000008c;position:relative;overflow:hidden}.class-xp-bar-fill{height:100%;transition:width .3s}.class-xp-bar-text{font-family:Cinzel,serif;font-weight:700;font-size:calc(12 * var(--page));color:#f4e4bc;text-shadow:0 0 calc(3 * var(--page)) #000, calc(1 * var(--page)) calc(1 * var(--page)) 0 #000, calc(-1 * var(--page)) calc(-1 * var(--page)) 0 #000;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intent-icon{vertical-align:-.22em;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.intent-icon-big{vertical-align:-.4em;width:1.9em;height:1.9em}.item-icon{vertical-align:-.28em;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}