.badge-art{--badge-size:18px;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--badge-size);block-size:var(--badge-size);border-radius:50%;flex:none;line-height:0;box-sizing:border-box}.badge-art svg{inline-size:62%;block-size:62%;display:block}.badge-art-brak{background:#2b2a30;color:var(--volt-400,#c8ff00);box-shadow:0 0 0 1px rgb(0 0 0/.32),inset 0 0 0 1px rgb(255 255 255/.14)}.badge-art-srebro{background:linear-gradient(160deg,#f5f6f8,#dfe3e8);color:#3a3d44;box-shadow:0 0 0 1px rgb(0 0 0/.16),inset 0 1px 0 rgb(255 255 255/.9)}.badge-art-zloto{background:linear-gradient(150deg,#ffe08a,#f2c94c);color:#5c3d00;box-shadow:0 0 0 1px rgb(0 0 0/.18),inset 0 1px 0 rgb(255 255 255/.55)}.badge-art-legenda{background:linear-gradient(135deg,var(--pink-400,#ff0055),var(--volt-400,#c8ff00));color:#ffffff;box-shadow:0 0 0 1px rgb(255 255 255/.35),0 0 0 4px rgb(255 0 85/.16),0 0 10px rgb(200 255 0/.35)}.avatar-with-badge{position:relative;display:inline-flex}.badge-on-avatar{position:absolute;right:-2px;bottom:-2px;border-radius:50%;line-height:0;pointer-events:auto}.badge-on-avatar .badge-art{box-shadow:0 0 0 2px var(--white,#ffffff),var(--shadow-hover,0 2px 6px rgb(0 0 0/.3))}.badge-on-avatar .badge-art-legenda{box-shadow:0 0 0 2px var(--white,#ffffff),0 0 0 5px rgb(255 0 85/.18),0 0 10px rgb(200 255 0/.35),var(--shadow-hover,0 2px 6px rgb(0 0 0/.3))}.badge-art.is-locked{background:#e4e0e3;color:#948d91;box-shadow:0 0 0 1px rgb(0 0 0/.1),inset 0 1px 0 rgb(255 255 255/.8)}.badge-art.is-locked.badge-art-srebro{box-shadow:0 0 0 1px rgb(0 0 0/.18),inset 0 1px 0 rgb(255 255 255/.8)}.badge-art.is-locked.badge-art-zloto{box-shadow:0 0 0 1.5px rgb(0 0 0/.24),inset 0 1px 0 rgb(255 255 255/.8)}.badge-art.is-locked.badge-art-legenda{box-shadow:0 0 0 2px rgb(0 0 0/.3),inset 0 1px 0 rgb(255 255 255/.8)}