.base-avatar[data-v-12c8a626]{--container-size:0;--container-radius:0;--image-radius:0;--label-offset:0;--level-up-font-size:0;--streamer-indicator-size:6px;--streamer-indicator-offset-top:4px;--streamer-indicator-offset-right:4px;--streamer-indicator-bg:#25bb25;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.base-avatar--xxs[data-v-12c8a626]{--container-size:24px;--image-radius:6px;--level-up-font-size:12px}.base-avatar--xs[data-v-12c8a626]{--container-size:32px;--level-up-font-size:14px}.base-avatar--s[data-v-12c8a626],.base-avatar--xs[data-v-12c8a626]{--image-radius:6px;--label-offset:-8px}.base-avatar--s[data-v-12c8a626]{--container-size:40px;--level-up-font-size:16px;--streamer-indicator-size:8px;--streamer-indicator-offset-top:6px;--streamer-indicator-offset-right:6px}.base-avatar--m[data-v-12c8a626]{--container-size:48px;--image-radius:4px}.base-avatar--l[data-v-12c8a626],.base-avatar--m[data-v-12c8a626]{--label-offset:-10px;--level-up-font-size:20px}.base-avatar--l[data-v-12c8a626]{--container-size:56px;--image-radius:6px}.base-avatar--xl[data-v-12c8a626]{--container-size:64px;--level-up-font-size:24px}.base-avatar--xl[data-v-12c8a626],.base-avatar--xxl[data-v-12c8a626]{--image-radius:6px;--label-offset:-12px}.base-avatar--xxl[data-v-12c8a626]{--container-size:72px;--level-up-font-size:32px}.base-avatar__content[data-v-12c8a626]{width:var(--container-size);height:var(--container-size);position:relative}.base-avatar__content[data-v-12c8a626],.base-avatar__content-level-up[data-v-12c8a626]{justify-content:center;align-items:center;display:flex}.base-avatar__content-level-up[data-v-12c8a626]{border-radius:inherit;opacity:0;transition:var(--default-duration) ease-in-out;box-shadow:0 0 16px 0 var(--user-level),0 0 32px 0 var(--user-level);color:var(--neutral-white);font-size:var(--level-up-font-size);background:var(--user-level);pointer-events:none;font-weight:700;position:absolute;inset:0}.base-avatar__content-image[data-v-12c8a626]{border-radius:var(--image-radius)}.base-avatar__label[data-v-12c8a626]{bottom:var(--label-offset);background:var(--user-level);color:var(--user-level-color);transition:var(--default-duration) ease-in-out;position:absolute}.base-avatar__top-level[data-v-12c8a626]{top:-3px;bottom:auto;left:-3px}.base-avatar--level-up .base-avatar__content-level-up[data-v-12c8a626]{opacity:1}.base-avatar--level-up .base-avatar__label[data-v-12c8a626]{transform:translateY(var(--label-offset));opacity:0}.base-avatar__progress[data-v-12c8a626]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.base-avatar__streamer-indicator[data-v-12c8a626]{top:var(--streamer-indicator-offset-top);right:var(--streamer-indicator-offset-right);z-index:var(--ui-layer-1);width:var(--streamer-indicator-size);height:var(--streamer-indicator-size);background:var(--streamer-indicator-bg);pointer-events:none;border-radius:50%;position:absolute}