/* START profile backgrounds */
:root {
    --avatar-size: 150px; /* necessary to set it globally, in case some things like edit icons are defined outside of profile-avatar*/
    --avatar-border-color: #ffffff;
}
.profile-background {
    background: url('../images/profile/headers/1.png');
    background-size: auto 100% !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    aspect-ratio: calc(2150/600);
}
.profile-background[data-item-id="1"] { background: url('../images/profile/headers/1.png'); }
.profile-background[data-item-id="2"] { background: url('../images/profile/headers/2.png'); }
.profile-background[data-item-id="3"] { background: url('../images/profile/headers/3.png'); }
.profile-background[data-item-id="4"] { background: url('../images/profile/headers/4.png'); }
.profile-background[data-item-id="5"] { background: url('../images/profile/headers/5.png'); }
.profile-background[data-item-id="6"] { background: url('../images/profile/headers/6.png'); }
.profile-background[data-item-id="7"] { background: url('../images/profile/headers/7.png'); }
.profile-background[data-item-id="8"] { background: url('../images/profile/headers/8.png'); }
.profile-background[data-item-id="9"] { background: url('../images/profile/headers/9.png'); }
.profile-background[data-item-id="10"] { background: url('../images/profile/headers/10.png'); }
.profile-background[data-item-id="11"] { background: url('../images/profile/headers/11.png'); }
.profile-background[data-item-id="12"] { background: url('../images/profile/headers/12.png'); }
.profile-background[data-item-id="13"] { background: url('../images/profile/headers/13.png'); }
.profile-background[data-item-id="14"] { background: url('../images/profile/headers/14.png'); }
.profile-background[data-item-id="15"] { background: url('../images/profile/headers/15.png'); }
.profile-background[data-item-id="16"] { background: url('../images/profile/headers/16.png'); }
.profile-background[data-item-id="17"] { background: url('../images/profile/headers/17.png'); }
.profile-background[data-item-id="18"] { background: url('../images/profile/headers/18.png'); }
.profile-background[data-item-id="19"] { background: url('../images/profile/headers/19.png'); }
.profile-background[data-item-id="20"] { background: url('../images/profile/headers/20.png'); }
.profile-background[data-item-id="21"] { background: url('../images/profile/headers/21.png'); }
.profile-background[data-item-id="22"] { background: url('../images/profile/headers/22.png'); }
.profile-background[data-item-id="23"] { background: url('../images/profile/headers/23.png'); }
.profile-background[data-item-id="24"] { background: url('../images/profile/headers/24.png'); }
.profile-background[data-item-id="25"] { background: url('../images/profile/headers/25.png'); }
.profile-background[data-item-id="26"] { background: url('../images/profile/headers/26.png'); }
.profile-background[data-item-id="27"] { background: url('../images/profile/headers/27.png'); }
.profile-background[data-item-id="28"] { background: url('../images/profile/headers/28.png'); }
.profile-background[data-item-id="29"] { background: url('../images/profile/headers/29.png'); }
.profile-background[data-item-id="30"] { background: url('../images/profile/headers/30.png'); }
.profile-background[data-item-id="31"] { background: url('../images/profile/headers/31.png'); }
.profile-background[data-item-id="32"] { background: url('../images/profile/headers/32.png'); }
.profile-background[data-item-id="33"] { background: url('../images/profile/headers/33.png'); }
.profile-background[data-item-id="34"] { background: url('../images/profile/headers/34.png'); }
.profile-background[data-item-id="35"] { background: url('../images/profile/headers/35.png'); }
.profile-background[data-item-id="36"] { background: url('../images/profile/headers/36.png'); }
.profile-background[data-item-id="37"] { background: url('../images/profile/headers/37.png'); }
.profile-background[data-item-id="38"] { background: url('../images/profile/headers/38.png'); }
.profile-background[data-item-id="39"] { background: url('../images/profile/headers/39.png'); }
.profile-background[data-item-id="40"] { background: url('../images/profile/headers/40.png'); }
.profile-background[data-item-id="41"] { background: url('../images/profile/headers/41.png'); }
.profile-background[data-item-id="42"] { background: url('../images/profile/headers/42.png'); }
.profile-background[data-item-id="43"] { background: url('../images/profile/headers/43.png'); }
.profile-background[data-item-id="44"] { background: url('../images/profile/headers/44.png'); }
.profile-background[data-item-id="45"] { background: url('../images/profile/headers/45.png'); }
.profile-background[data-item-id="46"] { background: url('../images/profile/headers/46.png'); }
.profile-background[data-item-id="47"] { background: url('../images/profile/headers/47.png'); }
.profile-background[data-item-id="48"] { background: url('../images/profile/headers/48.png'); }
.profile-background[data-item-id="49"] { background: url('../images/profile/headers/49.png'); }
.profile-background[data-item-id="50"] { background: url('../images/profile/headers/50.png'); }
.profile-background[data-item-id="51"] { background: url('../images/profile/headers/51.png'); }
.profile-background[data-item-id="52"] { background: url('../images/profile/headers/52.png'); }
.profile-background[data-item-id="53"] { background: url('../images/profile/headers/53.png'); }
.profile-background[data-item-id="54"] { background: url('../images/profile/headers/54.png'); }
.profile-background[data-item-id="55"] { background: url('../images/profile/headers/55.png'); }
.profile-background[data-item-id="56"] { background: url('../images/profile/headers/56.png'); }
.profile-background[data-item-id="57"] { background: url('../images/profile/headers/57.png'); }
.profile-background[data-item-id="58"] { background: url('../images/profile/headers/58.png'); }
.profile-background[data-item-id="59"] { background: url('../images/profile/headers/59.png'); }
.profile-background[data-item-id="60"] { background: url('../images/profile/headers/60.png'); }
.profile-background[data-item-id="61"] { background: url('../images/profile/headers/61.png'); }
.profile-background[data-item-id="62"] { background: url('../images/profile/headers/62.png'); }
.profile-background[data-item-id="63"] { background: url('../images/profile/headers/63.png'); }
.profile-background[data-item-id="64"] { background: url('../images/profile/headers/64.png'); }
.profile-background[data-item-id="65"] { background: url('../images/profile/headers/65.png'); }
.profile-background[data-item-id="66"] { background: url('../images/profile/headers/66.png'); }
.profile-background[data-item-id="67"] { background: url('../images/profile/headers/67.png'); }
.profile-background[data-item-id="68"] { background: url('../images/profile/headers/68.png'); }
.profile-background[data-item-id="69"] { background: url('../images/profile/headers/69.png'); }
.profile-background[data-item-id="70"] { background: url('../images/profile/headers/70.png'); }
.profile-background[data-item-id="71"] { background: url('../images/profile/headers/71.png'); }
.profile-background[data-item-id="72"] { background: url('../images/profile/headers/72.png'); }
.profile-background[data-item-id="73"] { background: url('../images/profile/headers/73.png'); }
.profile-background[data-item-id="74"] { background: url('../images/profile/headers/74.png'); }
.profile-background[data-item-id="75"] { background: url('../images/profile/headers/75.png'); }
.profile-background[data-item-id="76"] { background: url('../images/profile/headers/76.png'); }
.profile-background[data-item-id="77"] { background: url('../images/profile/headers/77.png'); }
.profile-background[data-item-id="78"] { background: url('../images/profile/headers/78.png'); }
.profile-background[data-item-id="79"] { background: url('../images/profile/headers/79.png'); }
.profile-background[data-item-id="80"] { background: url('../images/profile/headers/80.png'); }
.profile-background[data-item-id="81"] { background: url('../images/profile/headers/81.png'); }
.profile-background[data-item-id="82"] { background: url('../images/profile/headers/82.png'); }
.profile-background[data-item-id="83"] { background: url('../images/profile/headers/83.png'); }
.profile-background[data-item-id="84"] { background: url('../images/profile/headers/84.png'); }
.profile-background[data-item-id="85"] { background: url('../images/profile/headers/85.png'); }
.profile-background[data-item-id="86"] { background: url('../images/profile/headers/86.png'); }
.profile-background[data-item-id="87"] { background: url('../images/profile/headers/87.png'); }
.profile-background[data-item-id="88"] { background: url('../images/profile/headers/88.png'); }
.profile-background[data-item-id="89"] { background: url('../images/profile/headers/89.png'); }
.profile-background[data-item-id="90"] { background: url('../images/profile/headers/90.png'); }
.profile-background[data-item-id="91"] { background: url('../images/profile/headers/91.png'); }
.profile-background[data-item-id="92"] { background: url('../images/profile/headers/92.png'); }
.profile-background[data-item-id="93"] { background: url('../images/profile/headers/93.png'); }
.profile-background[data-item-id="94"] { background: url('../images/profile/headers/94.png'); }
.profile-background[data-item-id="95"] { background: url('../images/profile/headers/95.png'); }
.profile-background[data-item-id="96"] { background: url('../images/profile/headers/96.png'); }
.profile-background[data-item-id="97"] { background: url('../images/profile/headers/97.png'); }
.profile-background[data-item-id="98"] { background: url('../images/profile/headers/98.png'); }
.profile-background[data-item-id="99"] { background: url('../images/profile/headers/99.png'); }
.profile-background[data-item-id="100"] { background: url('../images/profile/headers/100.png'); }
.profile-background[data-item-id="101"] { background: url('../images/profile/headers/101.png'); }
.profile-background[data-item-id="102"] { background: url('../images/profile/headers/102.png'); }
.profile-background[data-item-id="103"] { background: url('../images/profile/headers/103.png'); }
.profile-background[data-item-id="104"] { background: url('../images/profile/headers/104.png'); }
.profile-background[data-item-id="105"] { background: url('../images/profile/headers/105.png'); }
.profile-background[data-item-id="106"] { background: url('../images/profile/headers/106.png'); }
.profile-background[data-item-id="107"] { background: url('../images/profile/headers/107.png'); }
.profile-background[data-item-id="108"] { background: url('../images/profile/headers/108.png'); }
.profile-background[data-item-id="109"] { background: url('../images/profile/headers/109.png'); }
.profile-background[data-item-id="110"] { background: url('../images/profile/headers/110.png'); }
.profile-background[data-item-id="111"] { background: url('../images/profile/headers/111.png'); }
.profile-background[data-item-id="112"] { background: url('../images/profile/headers/112.png'); }
.profile-background[data-item-id="113"] { background: url('../images/profile/headers/113.png'); }
.profile-background[data-item-id="114"] { background: url('../images/profile/headers/114.png'); }
.profile-background[data-item-id="115"] { background: url('../images/profile/headers/115.png'); }
.profile-background[data-item-id="116"] { background: url('../images/profile/headers/116.png'); }
.profile-background[data-item-id="117"] { background: url('../images/profile/headers/117.png'); }
.profile-background[data-item-id="118"] { background: url('../images/profile/headers/118.png'); }
.profile-background[data-item-id="119"] { background: url('../images/profile/headers/119.png'); }
.profile-background[data-item-id="120"] { background: url('../images/profile/headers/120.png'); }
.profile-background[data-item-id="121"] { background: url('../images/profile/headers/121.png'); }
.profile-background[data-item-id="122"] { background: url('../images/profile/headers/122.png'); }
.profile-background[data-item-id="123"] { background: url('../images/profile/headers/123.png'); }
.profile-background[data-item-id="124"] { background: url('../images/profile/headers/124.png'); }
.profile-background[data-item-id="125"] { background: url('../images/profile/headers/125.png'); }
.profile-background[data-item-id="126"] { background: url('../images/profile/headers/126.png'); }
.profile-background[data-item-id="127"] { background: url('../images/profile/headers/127.png'); }
.profile-background[data-item-id="128"] { background: url('../images/profile/headers/128.png'); }
.profile-background[data-item-id="129"] { background: url('../images/profile/headers/129.png'); }
.profile-background[data-item-id="130"] { background: url('../images/profile/headers/130.png'); }
.profile-background[data-item-id="131"] { background: url('../images/profile/headers/131.png'); }
.profile-background[data-item-id="132"] { background: url('../images/profile/headers/132.png'); }
.profile-background[data-item-id="133"] { background: url('../images/profile/headers/133.png'); }
.profile-background[data-item-id="134"] { background: url('../images/profile/headers/134.png'); }
.profile-background[data-item-id="135"] { background: url('../images/profile/headers/135.png'); }
.profile-background[data-item-id="136"] { background: url('../images/profile/headers/136.png'); }
.profile-background[data-item-id="137"] { background: url('../images/profile/headers/137.png'); }
.profile-background[data-item-id="138"] { background: url('../images/profile/headers/138.png'); }
.profile-background[data-item-id="139"] { background: url('../images/profile/headers/139.png'); }


/* START profile avatars */
.profile-avatar {
    --avatar-size: 150px;
    position: relative;
    background: url('../images_nonopt/profile/avatars/avatars_sprite_50_size.webp?v=4');
    background-size: 2000% 2500%;
    border-radius: 50%;

    width: var(--avatar-size);
    height: var(--avatar-size);
}
.profile-avatar.has-membership {
    --avatar-border-color: var(--clr-gold);
}
/*
Avatar id=0 is the default avatar, just based off player text color!
 */
.profile-avatar[data-item-id="0"] {
    background: #b8b8b8; /* just make it this default color always, then overwrite if necessary, makes handling several edge cases way easier*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-avatar[data-item-id="0"] .fa-user {
    font-size: calc(50 / 79 * var(--avatar-size));
}
.profile-avatar:not([data-item-id="0"]) .fa-user {
    /* safeguard to not display the icon in other situations, just in case DOM doesn't get properly updated */
    display: none;
}
/* First row (y = 0%) */
.profile-avatar[data-item-id="1"] { background-position: 0% 0%; }
.profile-avatar[data-item-id="2"] { background-position: -100% 0%; }
.profile-avatar[data-item-id="3"] { background-position: -200% 0%; }
.profile-avatar[data-item-id="4"] { background-position: -300% 0%; }
.profile-avatar[data-item-id="5"] { background-position: -400% 0%; }
.profile-avatar[data-item-id="6"] { background-position: -500% 0%; }
.profile-avatar[data-item-id="7"] { background-position: -600% 0%; }
.profile-avatar[data-item-id="8"] { background-position: -700% 0%; }
.profile-avatar[data-item-id="9"] { background-position: -800% 0%; }
.profile-avatar[data-item-id="10"] { background-position: -900% 0%; }
.profile-avatar[data-item-id="11"] { background-position: -1000% 0%; }
.profile-avatar[data-item-id="12"] { background-position: -1100% 0%; }
.profile-avatar[data-item-id="13"] { background-position: -1200% 0%; }
.profile-avatar[data-item-id="14"] { background-position: -1300% 0%; }
.profile-avatar[data-item-id="15"] { background-position: -1400% 0%; }
.profile-avatar[data-item-id="16"] { background-position: -1500% 0%; }
.profile-avatar[data-item-id="17"] { background-position: -1600% 0%; }
.profile-avatar[data-item-id="18"] { background-position: -1700% 0%; }
.profile-avatar[data-item-id="19"] { background-position: -1800% 0%; }
.profile-avatar[data-item-id="20"] { background-position: -1900% 0%; }

/* Second row (y = -100%) */
.profile-avatar[data-item-id="21"] { background-position: 0%     -100%; }
.profile-avatar[data-item-id="22"] { background-position: -100%  -100%; }
.profile-avatar[data-item-id="23"] { background-position: -200%  -100%; }
.profile-avatar[data-item-id="24"] { background-position: -300%  -100%; }
.profile-avatar[data-item-id="25"] { background-position: -400%  -100%; }
.profile-avatar[data-item-id="26"] { background-position: -500%  -100%; }
.profile-avatar[data-item-id="27"] { background-position: -600%  -100%; }
.profile-avatar[data-item-id="28"] { background-position: -700%  -100%; }
.profile-avatar[data-item-id="29"] { background-position: -800%  -100%; }
.profile-avatar[data-item-id="30"] { background-position: -900%  -100%; }
.profile-avatar[data-item-id="31"] { background-position: -1000% -100%; }
.profile-avatar[data-item-id="32"] { background-position: -1100% -100%; }
.profile-avatar[data-item-id="33"] { background-position: -1200% -100%; }
.profile-avatar[data-item-id="34"] { background-position: -1300% -100%; }
.profile-avatar[data-item-id="35"] { background-position: -1400% -100%; }
.profile-avatar[data-item-id="36"] { background-position: -1500% -100%; }
.profile-avatar[data-item-id="37"] { background-position: -1600% -100%; }
.profile-avatar[data-item-id="38"] { background-position: -1700% -100%; }
.profile-avatar[data-item-id="39"] { background-position: -1800% -100%; }
.profile-avatar[data-item-id="40"] { background-position: -1900% -100%; }

/* Third row (y = -200%) */
.profile-avatar[data-item-id="41"] { background-position: 0%     -200%; }
.profile-avatar[data-item-id="42"] { background-position: -100%  -200%; }
.profile-avatar[data-item-id="43"] { background-position: -200%  -200%; }
.profile-avatar[data-item-id="44"] { background-position: -300%  -200%; }
.profile-avatar[data-item-id="45"] { background-position: -400%  -200%; }
.profile-avatar[data-item-id="46"] { background-position: -500%  -200%; }
.profile-avatar[data-item-id="47"] { background-position: -600%  -200%; }
.profile-avatar[data-item-id="48"] { background-position: -700%  -200%; }
.profile-avatar[data-item-id="49"] { background-position: -800%  -200%; }
.profile-avatar[data-item-id="50"] { background-position: -900%  -200%; }
.profile-avatar[data-item-id="51"] { background-position: -1000% -200%; }
.profile-avatar[data-item-id="52"] { background-position: -1100% -200%; }
.profile-avatar[data-item-id="53"] { background-position: -1200% -200%; }
.profile-avatar[data-item-id="54"] { background-position: -1300% -200%; }
.profile-avatar[data-item-id="55"] { background-position: -1400% -200%; }
.profile-avatar[data-item-id="56"] { background-position: -1500% -200%; }
.profile-avatar[data-item-id="57"] { background-position: -1600% -200%; }
.profile-avatar[data-item-id="58"] { background-position: -1700% -200%; }
.profile-avatar[data-item-id="59"] { background-position: -1800% -200%; }
.profile-avatar[data-item-id="60"] { background-position: -1900% -200%; }

/* Fourth row (y = -300%) */
.profile-avatar[data-item-id="61"] { background-position: 0%     -300%; }
.profile-avatar[data-item-id="62"] { background-position: -100%  -300%; }
.profile-avatar[data-item-id="63"] { background-position: -200%  -300%; }
.profile-avatar[data-item-id="64"] { background-position: -300%  -300%; }
.profile-avatar[data-item-id="65"] { background-position: -400%  -300%; }
.profile-avatar[data-item-id="66"] { background-position: -500%  -300%; }
.profile-avatar[data-item-id="67"] { background-position: -600%  -300%; }
.profile-avatar[data-item-id="68"] { background-position: -700%  -300%; }
.profile-avatar[data-item-id="69"] { background-position: -800%  -300%; }
.profile-avatar[data-item-id="70"] { background-position: -900%  -300%; }
.profile-avatar[data-item-id="71"] { background-position: -1000% -300%; }
.profile-avatar[data-item-id="72"] { background-position: -1100% -300%; }
.profile-avatar[data-item-id="73"] { background-position: -1200% -300%; }
.profile-avatar[data-item-id="74"] { background-position: -1300% -300%; }
.profile-avatar[data-item-id="75"] { background-position: -1400% -300%; }
.profile-avatar[data-item-id="76"] { background-position: -1500% -300%; }
.profile-avatar[data-item-id="77"] { background-position: -1600% -300%; }
.profile-avatar[data-item-id="78"] { background-position: -1700% -300%; }
.profile-avatar[data-item-id="79"] { background-position: -1800% -300%; }
.profile-avatar[data-item-id="80"] { background-position: -1900% -300%; }

/* Fifth row (y = -400%) */
.profile-avatar[data-item-id="81"] { background-position: 0%     -400%; }
.profile-avatar[data-item-id="82"] { background-position: -100%  -400%; }
.profile-avatar[data-item-id="83"] { background-position: -200%  -400%; }
.profile-avatar[data-item-id="84"] { background-position: -300%  -400%; }
.profile-avatar[data-item-id="85"] { background-position: -400%  -400%; }
.profile-avatar[data-item-id="86"] { background-position: -500%  -400%; }
.profile-avatar[data-item-id="87"] { background-position: -600%  -400%; }
.profile-avatar[data-item-id="88"] { background-position: -700%  -400%; }
.profile-avatar[data-item-id="89"] { background-position: -800%  -400%; }
.profile-avatar[data-item-id="90"] { background-position: -900%  -400%; }
.profile-avatar[data-item-id="91"] { background-position: -1000% -400%; }
.profile-avatar[data-item-id="92"] { background-position: -1100% -400%; }
.profile-avatar[data-item-id="93"] { background-position: -1200% -400%; }
.profile-avatar[data-item-id="94"] { background-position: -1300% -400%; }
.profile-avatar[data-item-id="95"] { background-position: -1400% -400%; }
.profile-avatar[data-item-id="96"] { background-position: -1500% -400%; }
.profile-avatar[data-item-id="97"] { background-position: -1600% -400%; }
.profile-avatar[data-item-id="98"] { background-position: -1700% -400%; }
.profile-avatar[data-item-id="99"] { background-position: -1800% -400%; }
.profile-avatar[data-item-id="100"] { background-position: -1900% -400%; }

/* Sixth row (y = -500%) */
.profile-avatar[data-item-id="101"] { background-position: 0%     -500%; }
.profile-avatar[data-item-id="102"] { background-position: -100%  -500%; }
.profile-avatar[data-item-id="103"] { background-position: -200%  -500%; }
.profile-avatar[data-item-id="104"] { background-position: -300%  -500%; }
.profile-avatar[data-item-id="105"] { background-position: -400%  -500%; }
.profile-avatar[data-item-id="106"] { background-position: -500%  -500%; }
.profile-avatar[data-item-id="107"] { background-position: -600%  -500%; }
.profile-avatar[data-item-id="108"] { background-position: -700%  -500%; }
.profile-avatar[data-item-id="109"] { background-position: -800%  -500%; }
.profile-avatar[data-item-id="110"] { background-position: -900%  -500%; }
.profile-avatar[data-item-id="111"] { background-position: -1000% -500%; }
.profile-avatar[data-item-id="112"] { background-position: -1100% -500%; }
.profile-avatar[data-item-id="113"] { background-position: -1200% -500%; }
.profile-avatar[data-item-id="114"] { background-position: -1300% -500%; }
.profile-avatar[data-item-id="115"] { background-position: -1400% -500%; }
.profile-avatar[data-item-id="116"] { background-position: -1500% -500%; }
.profile-avatar[data-item-id="117"] { background-position: -1600% -500%; }
.profile-avatar[data-item-id="118"] { background-position: -1700% -500%; }
.profile-avatar[data-item-id="119"] { background-position: -1800% -500%; }
.profile-avatar[data-item-id="120"] { background-position: -1900% -500%; }

/* Seventh row (y = -600%) */
.profile-avatar[data-item-id="121"] { background-position: 0%     -600%; }
.profile-avatar[data-item-id="122"] { background-position: -100%  -600%; }
.profile-avatar[data-item-id="123"] { background-position: -200%  -600%; }
.profile-avatar[data-item-id="124"] { background-position: -300%  -600%; }
.profile-avatar[data-item-id="125"] { background-position: -400%  -600%; }
.profile-avatar[data-item-id="126"] { background-position: -500%  -600%; }
.profile-avatar[data-item-id="127"] { background-position: -600%  -600%; }
.profile-avatar[data-item-id="128"] { background-position: -700%  -600%; }
.profile-avatar[data-item-id="129"] { background-position: -800%  -600%; }
.profile-avatar[data-item-id="130"] { background-position: -900%  -600%; }
.profile-avatar[data-item-id="131"] { background-position: -1000% -600%; }
.profile-avatar[data-item-id="132"] { background-position: -1100% -600%; }
.profile-avatar[data-item-id="133"] { background-position: -1200% -600%; }
.profile-avatar[data-item-id="134"] { background-position: -1300% -600%; }
.profile-avatar[data-item-id="135"] { background-position: -1400% -600%; }
.profile-avatar[data-item-id="136"] { background-position: -1500% -600%; }
.profile-avatar[data-item-id="137"] { background-position: -1600% -600%; }
.profile-avatar[data-item-id="138"] { background-position: -1700% -600%; }
.profile-avatar[data-item-id="139"] { background-position: -1800% -600%; }
.profile-avatar[data-item-id="140"] { background-position: -1900% -600%; }

/* Eighth row (y = -700%) */
.profile-avatar[data-item-id="141"] { background-position: 0%     -700%; }
.profile-avatar[data-item-id="142"] { background-position: -100%  -700%; }
.profile-avatar[data-item-id="143"] { background-position: -200%  -700%; }
.profile-avatar[data-item-id="144"] { background-position: -300%  -700%; }
.profile-avatar[data-item-id="145"] { background-position: -400%  -700%; }
.profile-avatar[data-item-id="146"] { background-position: -500%  -700%; }
.profile-avatar[data-item-id="147"] { background-position: -600%  -700%; }
.profile-avatar[data-item-id="148"] { background-position: -700%  -700%; }
.profile-avatar[data-item-id="149"] { background-position: -800%  -700%; }
.profile-avatar[data-item-id="150"] { background-position: -900%  -700%; }
.profile-avatar[data-item-id="151"] { background-position: -1000% -700%; }
.profile-avatar[data-item-id="152"] { background-position: -1100% -700%; }
.profile-avatar[data-item-id="153"] { background-position: -1200% -700%; }
.profile-avatar[data-item-id="154"] { background-position: -1300% -700%; }
.profile-avatar[data-item-id="155"] { background-position: -1400% -700%; }
.profile-avatar[data-item-id="156"] { background-position: -1500% -700%; }
.profile-avatar[data-item-id="157"] { background-position: -1600% -700%; }
.profile-avatar[data-item-id="158"] { background-position: -1700% -700%; }
.profile-avatar[data-item-id="159"] { background-position: -1800% -700%; }
.profile-avatar[data-item-id="160"] { background-position: -1900% -700%; }

/* Ninth row (y = -800%) */
.profile-avatar[data-item-id="161"] { background-position: 0%     -800%; }
.profile-avatar[data-item-id="162"] { background-position: -100%  -800%; }
.profile-avatar[data-item-id="163"] { background-position: -200%  -800%; }
.profile-avatar[data-item-id="164"] { background-position: -300%  -800%; }
.profile-avatar[data-item-id="165"] { background-position: -400%  -800%; }
.profile-avatar[data-item-id="166"] { background-position: -500%  -800%; }
.profile-avatar[data-item-id="167"] { background-position: -600%  -800%; }
.profile-avatar[data-item-id="168"] { background-position: -700%  -800%; }
.profile-avatar[data-item-id="169"] { background-position: -800%  -800%; }
.profile-avatar[data-item-id="170"] { background-position: -900%  -800%; }
.profile-avatar[data-item-id="171"] { background-position: -1000% -800%; }
.profile-avatar[data-item-id="172"] { background-position: -1100% -800%; }
.profile-avatar[data-item-id="173"] { background-position: -1200% -800%; }
.profile-avatar[data-item-id="174"] { background-position: -1300% -800%; }
.profile-avatar[data-item-id="175"] { background-position: -1400% -800%; }
.profile-avatar[data-item-id="176"] { background-position: -1500% -800%; }
.profile-avatar[data-item-id="177"] { background-position: -1600% -800%; }
.profile-avatar[data-item-id="178"] { background-position: -1700% -800%; }
.profile-avatar[data-item-id="179"] { background-position: -1800% -800%; }
.profile-avatar[data-item-id="180"] { background-position: -1900% -800%; }

/* 10th row (y = -900%) */
.profile-avatar[data-item-id="181"] { background-position: 0%     -900%; }
.profile-avatar[data-item-id="182"] { background-position: -100%  -900%; }
.profile-avatar[data-item-id="183"] { background-position: -200%  -900%; }
.profile-avatar[data-item-id="184"] { background-position: -300%  -900%; }
.profile-avatar[data-item-id="185"] { background-position: -400%  -900%; }
.profile-avatar[data-item-id="186"] { background-position: -500%  -900%; }
.profile-avatar[data-item-id="187"] { background-position: -600%  -900%; }
.profile-avatar[data-item-id="188"] { background-position: -700%  -900%; }
.profile-avatar[data-item-id="189"] { background-position: -800%  -900%; }
.profile-avatar[data-item-id="190"] { background-position: -900%  -900%; }
.profile-avatar[data-item-id="191"] { background-position: -1000% -900%; }
.profile-avatar[data-item-id="192"] { background-position: -1100% -900%; }
.profile-avatar[data-item-id="193"] { background-position: -1200% -900%; }
.profile-avatar[data-item-id="194"] { background-position: -1300% -900%; }
.profile-avatar[data-item-id="195"] { background-position: -1400% -900%; }
.profile-avatar[data-item-id="196"] { background-position: -1500% -900%; }
.profile-avatar[data-item-id="197"] { background-position: -1600% -900%; }
.profile-avatar[data-item-id="198"] { background-position: -1700% -900%; }
.profile-avatar[data-item-id="199"] { background-position: -1800% -900%; }
.profile-avatar[data-item-id="200"] { background-position: -1900% -900%; }

/* 11th row (y = -1000%) */
.profile-avatar[data-item-id="201"] { background-position: 0%     -1000%; }
.profile-avatar[data-item-id="202"] { background-position: -100%  -1000%; }
.profile-avatar[data-item-id="203"] { background-position: -200%  -1000%; }
.profile-avatar[data-item-id="204"] { background-position: -300%  -1000%; }
.profile-avatar[data-item-id="205"] { background-position: -400%  -1000%; }
.profile-avatar[data-item-id="206"] { background-position: -500%  -1000%; }
.profile-avatar[data-item-id="207"] { background-position: -600%  -1000%; }
.profile-avatar[data-item-id="208"] { background-position: -700%  -1000%; }
.profile-avatar[data-item-id="209"] { background-position: -800%  -1000%; }
.profile-avatar[data-item-id="210"] { background-position: -900%  -1000%; }
.profile-avatar[data-item-id="211"] { background-position: -1000% -1000%; }
.profile-avatar[data-item-id="212"] { background-position: -1100% -1000%; }
.profile-avatar[data-item-id="213"] { background-position: -1200% -1000%; }
.profile-avatar[data-item-id="214"] { background-position: -1300% -1000%; }
.profile-avatar[data-item-id="215"] { background-position: -1400% -1000%; }
.profile-avatar[data-item-id="216"] { background-position: -1500% -1000%; }
.profile-avatar[data-item-id="217"] { background-position: -1600% -1000%; }
.profile-avatar[data-item-id="218"] { background-position: -1700% -1000%; }
.profile-avatar[data-item-id="219"] { background-position: -1800% -1000%; }
.profile-avatar[data-item-id="220"] { background-position: -1900% -1000%; }

/* 12th row (y = -1100%) */
.profile-avatar[data-item-id="221"] { background-position: 0%     -1100%; }
.profile-avatar[data-item-id="222"] { background-position: -100%  -1100%; }
.profile-avatar[data-item-id="223"] { background-position: -200%  -1100%; }
.profile-avatar[data-item-id="224"] { background-position: -300%  -1100%; }
.profile-avatar[data-item-id="225"] { background-position: -400%  -1100%; }
.profile-avatar[data-item-id="226"] { background-position: -500%  -1100%; }
.profile-avatar[data-item-id="227"] { background-position: -600%  -1100%; }
.profile-avatar[data-item-id="228"] { background-position: -700%  -1100%; }
.profile-avatar[data-item-id="229"] { background-position: -800%  -1100%; }
.profile-avatar[data-item-id="230"] { background-position: -900%  -1100%; }
.profile-avatar[data-item-id="231"] { background-position: -1000% -1100%; }
.profile-avatar[data-item-id="232"] { background-position: -1100% -1100%; }
.profile-avatar[data-item-id="233"] { background-position: -1200% -1100%; }
.profile-avatar[data-item-id="234"] { background-position: -1300% -1100%; }
.profile-avatar[data-item-id="235"] { background-position: -1400% -1100%; }
.profile-avatar[data-item-id="236"] { background-position: -1500% -1100%; }
.profile-avatar[data-item-id="237"] { background-position: -1600% -1100%; }
.profile-avatar[data-item-id="238"] { background-position: -1700% -1100%; }
.profile-avatar[data-item-id="239"] { background-position: -1800% -1100%; }
.profile-avatar[data-item-id="240"] { background-position: -1900% -1100%; }

/* 13th row (y = -1200%) */
.profile-avatar[data-item-id="241"] { background-position: 0%     -1200%; }
.profile-avatar[data-item-id="242"] { background-position: -100%  -1200%; }
.profile-avatar[data-item-id="243"] { background-position: -200%  -1200%; }
.profile-avatar[data-item-id="244"] { background-position: -300%  -1200%; }
.profile-avatar[data-item-id="245"] { background-position: -400%  -1200%; }
.profile-avatar[data-item-id="246"] { background-position: -500%  -1200%; }
.profile-avatar[data-item-id="247"] { background-position: -600%  -1200%; }
.profile-avatar[data-item-id="248"] { background-position: -700%  -1200%; }
.profile-avatar[data-item-id="249"] { background-position: -800%  -1200%; }
.profile-avatar[data-item-id="250"] { background-position: -900%  -1200%; }
.profile-avatar[data-item-id="251"] { background-position: -1000% -1200%; }
.profile-avatar[data-item-id="252"] { background-position: -1100% -1200%; }
.profile-avatar[data-item-id="253"] { background-position: -1200% -1200%; }
.profile-avatar[data-item-id="254"] { background-position: -1300% -1200%; }
.profile-avatar[data-item-id="255"] { background-position: -1400% -1200%; }
.profile-avatar[data-item-id="256"] { background-position: -1500% -1200%; }
.profile-avatar[data-item-id="257"] { background-position: -1600% -1200%; }
.profile-avatar[data-item-id="258"] { background-position: -1700% -1200%; }
.profile-avatar[data-item-id="259"] { background-position: -1800% -1200%; }
.profile-avatar[data-item-id="260"] { background-position: -1900% -1200%; }

/* 14th row (y = -1300%) */
.profile-avatar[data-item-id="261"] { background-position: 0%     -1300%; }
.profile-avatar[data-item-id="262"] { background-position: -100%  -1300%; }
.profile-avatar[data-item-id="263"] { background-position: -200%  -1300%; }
.profile-avatar[data-item-id="264"] { background-position: -300%  -1300%; }
.profile-avatar[data-item-id="265"] { background-position: -400%  -1300%; }
.profile-avatar[data-item-id="266"] { background-position: -500%  -1300%; }
.profile-avatar[data-item-id="267"] { background-position: -600%  -1300%; }
.profile-avatar[data-item-id="268"] { background-position: -700%  -1300%; }
.profile-avatar[data-item-id="269"] { background-position: -800%  -1300%; }
.profile-avatar[data-item-id="270"] { background-position: -900%  -1300%; }
.profile-avatar[data-item-id="271"] { background-position: -1000% -1300%; }
.profile-avatar[data-item-id="272"] { background-position: -1100% -1300%; }
.profile-avatar[data-item-id="273"] { background-position: -1200% -1300%; }
.profile-avatar[data-item-id="274"] { background-position: -1300% -1300%; }
.profile-avatar[data-item-id="275"] { background-position: -1400% -1300%; }
.profile-avatar[data-item-id="276"] { background-position: -1500% -1300%; }
.profile-avatar[data-item-id="277"] { background-position: -1600% -1300%; }
.profile-avatar[data-item-id="278"] { background-position: -1700% -1300%; }
.profile-avatar[data-item-id="279"] { background-position: -1800% -1300%; }
.profile-avatar[data-item-id="280"] { background-position: -1900% -1300%; }

/* 15th row (y = -1400%) */
.profile-avatar[data-item-id="281"] { background-position: 0%     -1400%; }
.profile-avatar[data-item-id="282"] { background-position: -100%  -1400%; }
.profile-avatar[data-item-id="283"] { background-position: -200%  -1400%; }
.profile-avatar[data-item-id="284"] { background-position: -300%  -1400%; }
.profile-avatar[data-item-id="285"] { background-position: -400%  -1400%; }
.profile-avatar[data-item-id="286"] { background-position: -500%  -1400%; }
.profile-avatar[data-item-id="287"] { background-position: -600%  -1400%; }
.profile-avatar[data-item-id="288"] { background-position: -700%  -1400%; }
.profile-avatar[data-item-id="289"] { background-position: -800%  -1400%; }
.profile-avatar[data-item-id="290"] { background-position: -900%  -1400%; }
.profile-avatar[data-item-id="291"] { background-position: -1000% -1400%; }
.profile-avatar[data-item-id="292"] { background-position: -1100% -1400%; }
.profile-avatar[data-item-id="293"] { background-position: -1200% -1400%; }
.profile-avatar[data-item-id="294"] { background-position: -1300% -1400%; }
.profile-avatar[data-item-id="295"] { background-position: -1400% -1400%; }
.profile-avatar[data-item-id="296"] { background-position: -1500% -1400%; }
.profile-avatar[data-item-id="297"] { background-position: -1600% -1400%; }
.profile-avatar[data-item-id="298"] { background-position: -1700% -1400%; }
.profile-avatar[data-item-id="299"] { background-position: -1800% -1400%; }
.profile-avatar[data-item-id="300"] { background-position: -1900% -1400%; }

/* 16th row (y = -1500%) */
.profile-avatar[data-item-id="301"] { background-position: 0%     -1500%; }
.profile-avatar[data-item-id="302"] { background-position: -100%  -1500%; }
.profile-avatar[data-item-id="303"] { background-position: -200%  -1500%; }
.profile-avatar[data-item-id="304"] { background-position: -300%  -1500%; }
.profile-avatar[data-item-id="305"] { background-position: -400%  -1500%; }
.profile-avatar[data-item-id="306"] { background-position: -500%  -1500%; }
.profile-avatar[data-item-id="307"] { background-position: -600%  -1500%; }
.profile-avatar[data-item-id="308"] { background-position: -700%  -1500%; }
.profile-avatar[data-item-id="309"] { background-position: -800%  -1500%; }
.profile-avatar[data-item-id="310"] { background-position: -900%  -1500%; }
.profile-avatar[data-item-id="311"] { background-position: -1000% -1500%; }
.profile-avatar[data-item-id="312"] { background-position: -1100% -1500%; }
.profile-avatar[data-item-id="313"] { background-position: -1200% -1500%; }
.profile-avatar[data-item-id="314"] { background-position: -1300% -1500%; }
.profile-avatar[data-item-id="315"] { background-position: -1400% -1500%; }
.profile-avatar[data-item-id="316"] { background-position: -1500% -1500%; }
.profile-avatar[data-item-id="317"] { background-position: -1600% -1500%; }
.profile-avatar[data-item-id="318"] { background-position: -1700% -1500%; }
.profile-avatar[data-item-id="319"] { background-position: -1800% -1500%; }
.profile-avatar[data-item-id="320"] { background-position: -1900% -1500%; }

/* 17th row (y = -1600%) */
.profile-avatar[data-item-id="321"] { background-position: 0%     -1600%; }
.profile-avatar[data-item-id="322"] { background-position: -100%  -1600%; }
.profile-avatar[data-item-id="323"] { background-position: -200%  -1600%; }
.profile-avatar[data-item-id="324"] { background-position: -300%  -1600%; }
.profile-avatar[data-item-id="325"] { background-position: -400%  -1600%; }
.profile-avatar[data-item-id="326"] { background-position: -500%  -1600%; }
.profile-avatar[data-item-id="327"] { background-position: -600%  -1600%; }
.profile-avatar[data-item-id="328"] { background-position: -700%  -1600%; }
.profile-avatar[data-item-id="329"] { background-position: -800%  -1600%; }
.profile-avatar[data-item-id="330"] { background-position: -900%  -1600%; }
.profile-avatar[data-item-id="331"] { background-position: -1000% -1600%; }
.profile-avatar[data-item-id="332"] { background-position: -1100% -1600%; }
.profile-avatar[data-item-id="333"] { background-position: -1200% -1600%; }
.profile-avatar[data-item-id="334"] { background-position: -1300% -1600%; }
.profile-avatar[data-item-id="335"] { background-position: -1400% -1600%; }
.profile-avatar[data-item-id="336"] { background-position: -1500% -1600%; }
.profile-avatar[data-item-id="337"] { background-position: -1600% -1600%; }
.profile-avatar[data-item-id="338"] { background-position: -1700% -1600%; }
.profile-avatar[data-item-id="339"] { background-position: -1800% -1600%; }
.profile-avatar[data-item-id="340"] { background-position: -1900% -1600%; }

/* 18th row (y = -1700%) */
.profile-avatar[data-item-id="341"] { background-position: 0%     -1700%; }
.profile-avatar[data-item-id="342"] { background-position: -100%  -1700%; }
.profile-avatar[data-item-id="343"] { background-position: -200%  -1700%; }
.profile-avatar[data-item-id="344"] { background-position: -300%  -1700%; }
.profile-avatar[data-item-id="345"] { background-position: -400%  -1700%; }
.profile-avatar[data-item-id="346"] { background-position: -500%  -1700%; }
.profile-avatar[data-item-id="347"] { background-position: -600%  -1700%; }
.profile-avatar[data-item-id="348"] { background-position: -700%  -1700%; }
.profile-avatar[data-item-id="349"] { background-position: -800%  -1700%; }
.profile-avatar[data-item-id="350"] { background-position: -900%  -1700%; }
.profile-avatar[data-item-id="351"] { background-position: -1000% -1700%; }
.profile-avatar[data-item-id="352"] { background-position: -1100% -1700%; }
.profile-avatar[data-item-id="353"] { background-position: -1200% -1700%; }
.profile-avatar[data-item-id="354"] { background-position: -1300% -1700%; }
.profile-avatar[data-item-id="355"] { background-position: -1400% -1700%; }
.profile-avatar[data-item-id="356"] { background-position: -1500% -1700%; }
.profile-avatar[data-item-id="357"] { background-position: -1600% -1700%; }
.profile-avatar[data-item-id="358"] { background-position: -1700% -1700%; }
.profile-avatar[data-item-id="359"] { background-position: -1800% -1700%; }
.profile-avatar[data-item-id="360"] { background-position: -1900% -1700%; }

/* 19th row (y = -1800%) */
.profile-avatar[data-item-id="361"] { background-position: 0%     -1800%; }
.profile-avatar[data-item-id="362"] { background-position: -100%  -1800%; }
.profile-avatar[data-item-id="363"] { background-position: -200%  -1800%; }
.profile-avatar[data-item-id="364"] { background-position: -300%  -1800%; }
.profile-avatar[data-item-id="365"] { background-position: -400%  -1800%; }
.profile-avatar[data-item-id="366"] { background-position: -500%  -1800%; }
.profile-avatar[data-item-id="367"] { background-position: -600%  -1800%; }
.profile-avatar[data-item-id="368"] { background-position: -700%  -1800%; }
.profile-avatar[data-item-id="369"] { background-position: -800%  -1800%; }
.profile-avatar[data-item-id="370"] { background-position: -900%  -1800%; }
.profile-avatar[data-item-id="371"] { background-position: -1000% -1800%; }
.profile-avatar[data-item-id="372"] { background-position: -1100% -1800%; }
.profile-avatar[data-item-id="373"] { background-position: -1200% -1800%; }
.profile-avatar[data-item-id="374"] { background-position: -1300% -1800%; }
.profile-avatar[data-item-id="375"] { background-position: -1400% -1800%; }
.profile-avatar[data-item-id="376"] { background-position: -1500% -1800%; }
.profile-avatar[data-item-id="377"] { background-position: -1600% -1800%; }
.profile-avatar[data-item-id="378"] { background-position: -1700% -1800%; }
.profile-avatar[data-item-id="379"] { background-position: -1800% -1800%; }
.profile-avatar[data-item-id="380"] { background-position: -1900% -1800%; }

/* 20th row (y = -1900%) */
.profile-avatar[data-item-id="381"] { background-position: 0%     -1900%; }
.profile-avatar[data-item-id="382"] { background-position: -100%  -1900%; }
.profile-avatar[data-item-id="383"] { background-position: -200%  -1900%; }
.profile-avatar[data-item-id="384"] { background-position: -300%  -1900%; }
.profile-avatar[data-item-id="385"] { background-position: -400%  -1900%; }
.profile-avatar[data-item-id="386"] { background-position: -500%  -1900%; }
.profile-avatar[data-item-id="387"] { background-position: -600%  -1900%; }
.profile-avatar[data-item-id="388"] { background-position: -700%  -1900%; }
.profile-avatar[data-item-id="389"] { background-position: -800%  -1900%; }
.profile-avatar[data-item-id="390"] { background-position: -900%  -1900%; }
.profile-avatar[data-item-id="391"] { background-position: -1000% -1900%; }
.profile-avatar[data-item-id="392"] { background-position: -1100% -1900%; }
.profile-avatar[data-item-id="393"] { background-position: -1200% -1900%; }
.profile-avatar[data-item-id="394"] { background-position: -1300% -1900%; }
.profile-avatar[data-item-id="395"] { background-position: -1400% -1900%; }
.profile-avatar[data-item-id="396"] { background-position: -1500% -1900%; }
.profile-avatar[data-item-id="397"] { background-position: -1600% -1900%; }
.profile-avatar[data-item-id="398"] { background-position: -1700% -1900%; }
.profile-avatar[data-item-id="399"] { background-position: -1800% -1900%; }
.profile-avatar[data-item-id="400"] { background-position: -1900% -1900%; }

/* 20th row (y = -2000%) */
.profile-avatar[data-item-id="401"] { background-position: 0%     -2000%; }
.profile-avatar[data-item-id="402"] { background-position: -100%  -2000%; }
.profile-avatar[data-item-id="403"] { background-position: -200%  -2000%; }
.profile-avatar[data-item-id="404"] { background-position: -300%  -2000%; }
.profile-avatar[data-item-id="405"] { background-position: -400%  -2000%; }
.profile-avatar[data-item-id="406"] { background-position: -500%  -2000%; }
.profile-avatar[data-item-id="407"] { background-position: -600%  -2000%; }
.profile-avatar[data-item-id="408"] { background-position: -700%  -2000%; }
.profile-avatar[data-item-id="409"] { background-position: -800%  -2000%; }
.profile-avatar[data-item-id="410"] { background-position: -900%  -2000%; }
.profile-avatar[data-item-id="411"] { background-position: -1000% -2000%; }
.profile-avatar[data-item-id="412"] { background-position: -1100% -2000%; }
.profile-avatar[data-item-id="413"] { background-position: -1200% -2000%; }
.profile-avatar[data-item-id="414"] { background-position: -1300% -2000%; }
.profile-avatar[data-item-id="415"] { background-position: -1400% -2000%; }
.profile-avatar[data-item-id="416"] { background-position: -1500% -2000%; }
.profile-avatar[data-item-id="417"] { background-position: -1600% -2000%; }
.profile-avatar[data-item-id="418"] { background-position: -1700% -2000%; }
.profile-avatar[data-item-id="419"] { background-position: -1800% -2000%; }
.profile-avatar[data-item-id="420"] { background-position: -1900% -2000%; }

/* 22th row (y = -2100%) */
.profile-avatar[data-item-id="421"] { background-position: 0%     -2100%; }
.profile-avatar[data-item-id="422"] { background-position: -100%  -2100%; }
.profile-avatar[data-item-id="423"] { background-position: -200%  -2100%; }
.profile-avatar[data-item-id="424"] { background-position: -300%  -2100%; }
.profile-avatar[data-item-id="425"] { background-position: -400%  -2100%; }
.profile-avatar[data-item-id="426"] { background-position: -500%  -2100%; }
.profile-avatar[data-item-id="427"] { background-position: -600%  -2100%; }
.profile-avatar[data-item-id="428"] { background-position: -700%  -2100%; }
.profile-avatar[data-item-id="429"] { background-position: -800%  -2100%; }
.profile-avatar[data-item-id="430"] { background-position: -900%  -2100%; }
.profile-avatar[data-item-id="431"] { background-position: -1000% -2100%; }
.profile-avatar[data-item-id="432"] { background-position: -1100% -2100%; }
.profile-avatar[data-item-id="433"] { background-position: -1200% -2100%; }
.profile-avatar[data-item-id="434"] { background-position: -1300% -2100%; }
.profile-avatar[data-item-id="435"] { background-position: -1400% -2100%; }
.profile-avatar[data-item-id="436"] { background-position: -1500% -2100%; }
.profile-avatar[data-item-id="437"] { background-position: -1600% -2100%; }
.profile-avatar[data-item-id="438"] { background-position: -1700% -2100%; }
.profile-avatar[data-item-id="439"] { background-position: -1800% -2100%; }
.profile-avatar[data-item-id="440"] { background-position: -1900% -2100%; }

/* 23th row (y = -2200%) */
.profile-avatar[data-item-id="441"] { background-position: 0%     -2200%; }
.profile-avatar[data-item-id="442"] { background-position: -100%  -2200%; }
.profile-avatar[data-item-id="443"] { background-position: -200%  -2200%; }
.profile-avatar[data-item-id="444"] { background-position: -300%  -2200%; }
.profile-avatar[data-item-id="445"] { background-position: -400%  -2200%; }
.profile-avatar[data-item-id="446"] { background-position: -500%  -2200%; }
.profile-avatar[data-item-id="447"] { background-position: -600%  -2200%; }
.profile-avatar[data-item-id="448"] { background-position: -700%  -2200%; }
.profile-avatar[data-item-id="449"] { background-position: -800%  -2200%; }
.profile-avatar[data-item-id="450"] { background-position: -900%  -2200%; }
.profile-avatar[data-item-id="451"] { background-position: -1000% -2200%; }
.profile-avatar[data-item-id="452"] { background-position: -1100% -2200%; }
.profile-avatar[data-item-id="453"] { background-position: -1200% -2200%; }
.profile-avatar[data-item-id="454"] { background-position: -1300% -2200%; }


.order-priority-0 {
    order: 0;
    display: block !important; /* force show this one always, as it's the one that is selected"! */
}
.order-priority-1 {
    order: 1;
}
.order-priority-2 {
    order: 2;
}
.order-priority-3 {
    order: 3;
}
.order-priority-4 {
    order: 4;
}
.order-priority-5 {
    order: 5;
}

.loader-holder.item-loader {
    display: flex;
    justify-content: center;
    bottom: 0px;
    align-items: center;
    border-radius: 9px;

    background: none; /* dimming effect happens by the parent itself in this case)*/
}
.loader-holder.item-loader .fa-spinner {
    font-size: 50px;
    color: #ffffff;
}
.item-holder[data-item-type="header"] .loader-holder.item-loader {
    border-radius: 0;
}
.item-holder.is-loading {
    filter: brightness(50%);
    pointer-events: none;
}

.loader-holder.item-loader {
    display: flex;
    justify-content: center;
    bottom: 0px;
    align-items: center;
    border-radius: 9px;
}
.loader-holder.item-loader .fa-spinner {
    font-size: 50px;
    color: #ffffff;
}
.item-holder[data-item-type="header"] .loader-holder.item-loader {
    border-radius: 0;
}


.item-holder .icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.8em;
    height: 1.8em;
}
.item-holder .icon.video {
    background: url('../images_nonopt/icons/reward_ads_icon.png');
    background-size: 100% 100%;
}
.link-wrapper {
    display: block;
    text-decoration: none;/*
    position: absolute;
    top: 0;
    left: 0;*/
}