.icon-badge[data-v-a923464a]{--size-ratio: var(--9ba77028);--label-display: var(--309516e8);--shadow-color: var(--black);--outline-color: transparent;--outline-width: calc(1em / var(--size-ratio) / 16);--label-padding-x: .666em;--label-height-ratio: calc(4 / 3);--label-height: calc(1em * var(--label-height-ratio));--label-border-radius: calc(1em * var(--label-height-ratio) / 2);position:relative;display:flex;align-items:center;font-size:calc(1em * var(--size-ratio))}.icon-badge.outline[data-v-a923464a]{--outline-color: #222}.icon-badge.black[data-v-a923464a]{--shadow-color: var(--secondary);--outline-color: var(--secondary)}.icon-badge .cover[data-v-a923464a],.icon-badge .shield.shadow[data-v-a923464a]:after,.icon-badge .shield.shadow[data-v-a923464a]:before{position:absolute;left:0;top:0;width:100%;height:100%}.icon-badge[data-v-a923464a]:before{content:"";position:absolute;z-index:1;left:0;top:0;width:var(--width);max-width:1em;min-width:1em;aspect-ratio:1;font-size:calc(1em + 2 * var(--outline-width));border-radius:100%;background:var(--outline-color)}.icon-badge .shield[data-v-a923464a]{--border-width: calc(1em / 12);position:relative;z-index:3;width:1em;max-width:1em;min-width:1em;aspect-ratio:1;margin:var(--outline-width);line-height:0;display:flex;align-items:center;justify-content:center;border-width:var(--border-width);border-style:solid;border-radius:100%;background-image:url(/img/role-tag-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover}.icon-badge .shield .icon[data-v-a923464a]{position:relative;max-width:100%;max-height:100%;font-size:calc(.6666666667em - var(--border-width))}.icon-badge .shield.shadow[data-v-a923464a]:before{content:"";border-radius:100%;box-shadow:inset 0 0 .25em .05em var(--shadow-color)}.icon-badge .shield.shadow[data-v-a923464a]:after{content:"";border-radius:100%;box-shadow:inset 0 0 .333em var(--shadow-color)}.icon-badge[data-v-a923464a]:after{display:var(--label-display);content:"";position:absolute;z-index:1;left:calc(.5em * var(--size-ratio));right:0;top:calc(50% - var(--label-height) / 2);height:var(--label-height);font-size:calc(1em / var(--size-ratio) + var(--outline-width));background:var(--outline-color);border-radius:0 var(--label-border-radius) var(--label-border-radius) 0}.icon-badge .label[data-v-a923464a]{position:relative;z-index:2;flex-grow:1;height:var(--label-height);margin-left:calc(-.5em * var(--size-ratio));margin-right:calc(var(--size-ratio) * var(--outline-width));padding-left:calc(.5em * var(--size-ratio) + var(--label-padding-x) - 1em * var(--size-ratio) / 12);padding-right:var(--label-padding-x);font-size:calc(1em / var(--size-ratio));line-height:var(--label-height-ratio);border-radius:0 var(--label-border-radius) var(--label-border-radius) 0}.icon-cover .icon-badge .shield[data-v-a923464a]{overflow:hidden}.icon-cover .icon-badge .shield .icon[data-v-a923464a]{font-size:calc(1em - 2 * var(--border-width))}.xp-level[data-v-132a473b]{--size: var(--851a9dfc);--dice-size: calc(var(--size) / 3);position:absolute;z-index:3;left:calc(var(--size) - var(--dice-size));bottom:0}