.user-element{background-color:#292b2f;border-radius:40px;box-shadow:0 1px 3px #0009;display:flex;height:80px;margin-bottom:16px;padding:8px;position:relative}@media only screen and (width <= 480px){.user-element{height:64px}}.user-element:last-child{margin-bottom:0}.user-element.highlight:after{animation:highlight-anim 1s linear infinite;border-radius:44px;content:"";top:-4px;right:-4px;bottom:-4px;left:-4px;position:absolute}@keyframes highlight-anim{0%{border:4px solid transparent}50%{border:4px solid #cd7e57}to{border:4px solid transparent}}.user-element .userinfo{align-items:center;display:flex;width:100%}.user-element .userinfo .avatar{background-position:50%;background-size:cover;border:3px solid #cd6e57;border-radius:32px;height:64px;margin:0 16px 0 0;position:relative;width:64px}@media only screen and (width <= 480px){.user-element .userinfo .avatar{height:52px;width:52px}}.user-element .userinfo .avatar:after{align-items:center;background-color:#cd6e57;border-radius:10px;box-shadow:0 0 5px 2px #292b2f;color:#fff;content:attr(place);display:flex;font-size:14px;font-weight:900;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.user-element .userinfo .avatar:before{content:var(--image);height:0;overflow:hidden;position:absolute;width:0;z-index:-1}.user-element .userinfo .username{color:#fff;font-size:22px;font-weight:500;max-width:calc(100% - 160px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (width <= 480px){.user-element .userinfo .username{font-size:18px}}.user-element:first-child .avatar{border:3px solid #de9e0d}.user-element:first-child .avatar:after{background-color:#de9e0d}.user-element:nth-child(2) .avatar{border:3px solid #adadad}.user-element:nth-child(2) .avatar:after{background-color:#adadad}.user-element:nth-child(3) .avatar{border:3px solid #af5f00}.user-element:nth-child(3) .avatar:after{background-color:#af5f00}.user-element .stats{background-color:#cd6e57;border-radius:32px;display:flex;margin-left:auto;padding:6px;position:absolute;right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (width <= 480px){.user-element .stats{height:48px;padding:3px}}.user-element .stats .level{align-items:center;background-color:#383c41;border-radius:50%;display:flex;height:52px;justify-content:center;position:relative;width:52px}@media only screen and (width <= 480px){.user-element .stats .level{height:42px;width:42px}}.user-element .stats .level>span{color:#fff;display:block;font-size:16px;font-weight:600;position:absolute;text-align:center;white-space:nowrap;width:100%;z-index:1}@media only screen and (width <= 480px){.user-element .stats .level>span{font-size:14px}}.user-element .stats .level .slice{height:42px;position:absolute;width:42px;clip:rect(0,42px,42px,21px)}@media only screen and (width <= 480px){.user-element .stats .level .slice{height:34px;width:34px;clip:rect(0,34px,34px,17px)}}.user-element .stats .level .bar,.user-element .stats .level .fill{box-sizing:border-box;height:42px;position:absolute;width:42px;clip:rect(0,21px,42px,0);border:4px solid #b45a44;border-radius:50%;transform-origin:center}@media only screen and (width <= 480px){.user-element .stats .level .bar,.user-element .stats .level .fill{height:34px;width:34px;clip:rect(0,17px,34px,0)}}.user-element .stats .level .bar{transform:rotate(0)}.user-element .stats .level.p51 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p51 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p51 .fill{transform:rotate(180deg)}.user-element .stats .level.p52 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p52 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p52 .fill{transform:rotate(180deg)}.user-element .stats .level.p53 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p53 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p53 .fill{transform:rotate(180deg)}.user-element .stats .level.p54 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p54 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p54 .fill{transform:rotate(180deg)}.user-element .stats .level.p55 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p55 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p55 .fill{transform:rotate(180deg)}.user-element .stats .level.p56 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p56 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p56 .fill{transform:rotate(180deg)}.user-element .stats .level.p57 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p57 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p57 .fill{transform:rotate(180deg)}.user-element .stats .level.p58 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p58 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p58 .fill{transform:rotate(180deg)}.user-element .stats .level.p59 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p59 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p59 .fill{transform:rotate(180deg)}.user-element .stats .level.p60 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p60 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p60 .fill{transform:rotate(180deg)}.user-element .stats .level.p61 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p61 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p61 .fill{transform:rotate(180deg)}.user-element .stats .level.p62 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p62 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p62 .fill{transform:rotate(180deg)}.user-element .stats .level.p63 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p63 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p63 .fill{transform:rotate(180deg)}.user-element .stats .level.p64 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p64 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p64 .fill{transform:rotate(180deg)}.user-element .stats .level.p65 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p65 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p65 .fill{transform:rotate(180deg)}.user-element .stats .level.p66 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p66 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p66 .fill{transform:rotate(180deg)}.user-element .stats .level.p67 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p67 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p67 .fill{transform:rotate(180deg)}.user-element .stats .level.p68 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p68 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p68 .fill{transform:rotate(180deg)}.user-element .stats .level.p69 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p69 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p69 .fill{transform:rotate(180deg)}.user-element .stats .level.p70 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p70 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p70 .fill{transform:rotate(180deg)}.user-element .stats .level.p71 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p71 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p71 .fill{transform:rotate(180deg)}.user-element .stats .level.p72 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p72 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p72 .fill{transform:rotate(180deg)}.user-element .stats .level.p73 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p73 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p73 .fill{transform:rotate(180deg)}.user-element .stats .level.p74 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p74 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p74 .fill{transform:rotate(180deg)}.user-element .stats .level.p75 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p75 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p75 .fill{transform:rotate(180deg)}.user-element .stats .level.p76 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p76 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p76 .fill{transform:rotate(180deg)}.user-element .stats .level.p77 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p77 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p77 .fill{transform:rotate(180deg)}.user-element .stats .level.p78 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p78 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p78 .fill{transform:rotate(180deg)}.user-element .stats .level.p79 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p79 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p79 .fill{transform:rotate(180deg)}.user-element .stats .level.p80 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p80 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p80 .fill{transform:rotate(180deg)}.user-element .stats .level.p81 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p81 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p81 .fill{transform:rotate(180deg)}.user-element .stats .level.p82 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p82 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p82 .fill{transform:rotate(180deg)}.user-element .stats .level.p83 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p83 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p83 .fill{transform:rotate(180deg)}.user-element .stats .level.p84 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p84 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p84 .fill{transform:rotate(180deg)}.user-element .stats .level.p85 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p85 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p85 .fill{transform:rotate(180deg)}.user-element .stats .level.p86 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p86 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p86 .fill{transform:rotate(180deg)}.user-element .stats .level.p87 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p87 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p87 .fill{transform:rotate(180deg)}.user-element .stats .level.p88 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p88 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p88 .fill{transform:rotate(180deg)}.user-element .stats .level.p89 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p89 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p89 .fill{transform:rotate(180deg)}.user-element .stats .level.p90 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p90 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p90 .fill{transform:rotate(180deg)}.user-element .stats .level.p91 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p91 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p91 .fill{transform:rotate(180deg)}.user-element .stats .level.p92 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p92 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p92 .fill{transform:rotate(180deg)}.user-element .stats .level.p93 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p93 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p93 .fill{transform:rotate(180deg)}.user-element .stats .level.p94 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p94 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p94 .fill{transform:rotate(180deg)}.user-element .stats .level.p95 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p95 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p95 .fill{transform:rotate(180deg)}.user-element .stats .level.p96 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p96 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p96 .fill{transform:rotate(180deg)}.user-element .stats .level.p97 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p97 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p97 .fill{transform:rotate(180deg)}.user-element .stats .level.p98 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p98 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p98 .fill{transform:rotate(180deg)}.user-element .stats .level.p99 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p99 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p99 .fill{transform:rotate(180deg)}.user-element .stats .level.p100 .slice{clip:rect(auto,auto,auto,auto)}.user-element .stats .level.p100 .bar:after{transform:rotate(180deg)}.user-element .stats .level.p100 .fill{transform:rotate(180deg)}.user-element .stats .level.p1 .bar{transform:rotate(3.6deg)}.user-element .stats .level.p2 .bar{transform:rotate(7.2deg)}.user-element .stats .level.p3 .bar{transform:rotate(10.8deg)}.user-element .stats .level.p4 .bar{transform:rotate(14.4deg)}.user-element .stats .level.p5 .bar{transform:rotate(18deg)}.user-element .stats .level.p6 .bar{transform:rotate(21.6deg)}.user-element .stats .level.p7 .bar{transform:rotate(25.2deg)}.user-element .stats .level.p8 .bar{transform:rotate(28.8deg)}.user-element .stats .level.p9 .bar{transform:rotate(32.4deg)}.user-element .stats .level.p10 .bar{transform:rotate(36deg)}.user-element .stats .level.p11 .bar{transform:rotate(39.6deg)}.user-element .stats .level.p12 .bar{transform:rotate(43.2deg)}.user-element .stats .level.p13 .bar{transform:rotate(46.8deg)}.user-element .stats .level.p14 .bar{transform:rotate(50.4deg)}.user-element .stats .level.p15 .bar{transform:rotate(54deg)}.user-element .stats .level.p16 .bar{transform:rotate(57.6deg)}.user-element .stats .level.p17 .bar{transform:rotate(61.2deg)}.user-element .stats .level.p18 .bar{transform:rotate(64.8deg)}.user-element .stats .level.p19 .bar{transform:rotate(68.4deg)}.user-element .stats .level.p20 .bar{transform:rotate(72deg)}.user-element .stats .level.p21 .bar{transform:rotate(75.6deg)}.user-element .stats .level.p22 .bar{transform:rotate(79.2deg)}.user-element .stats .level.p23 .bar{transform:rotate(82.8deg)}.user-element .stats .level.p24 .bar{transform:rotate(86.4deg)}.user-element .stats .level.p25 .bar{transform:rotate(90deg)}.user-element .stats .level.p26 .bar{transform:rotate(93.6deg)}.user-element .stats .level.p27 .bar{transform:rotate(97.2deg)}.user-element .stats .level.p28 .bar{transform:rotate(100.8deg)}.user-element .stats .level.p29 .bar{transform:rotate(104.4deg)}.user-element .stats .level.p30 .bar{transform:rotate(108deg)}.user-element .stats .level.p31 .bar{transform:rotate(.31turn)}.user-element .stats .level.p32 .bar{transform:rotate(.32turn)}.user-element .stats .level.p33 .bar{transform:rotate(.33turn)}.user-element .stats .level.p34 .bar{transform:rotate(.34turn)}.user-element .stats .level.p35 .bar{transform:rotate(126deg)}.user-element .stats .level.p36 .bar{transform:rotate(.36turn)}.user-element .stats .level.p37 .bar{transform:rotate(.37turn)}.user-element .stats .level.p38 .bar{transform:rotate(.38turn)}.user-element .stats .level.p39 .bar{transform:rotate(.39turn)}.user-element .stats .level.p40 .bar{transform:rotate(144deg)}.user-element .stats .level.p41 .bar{transform:rotate(.41turn)}.user-element .stats .level.p42 .bar{transform:rotate(.42turn)}.user-element .stats .level.p43 .bar{transform:rotate(154.8deg)}.user-element .stats .level.p44 .bar{transform:rotate(.44turn)}.user-element .stats .level.p45 .bar{transform:rotate(162deg)}.user-element .stats .level.p46 .bar{transform:rotate(165.6deg)}.user-element .stats .level.p47 .bar{transform:rotate(.47turn)}.user-element .stats .level.p48 .bar{transform:rotate(172.8deg)}.user-element .stats .level.p49 .bar{transform:rotate(.49turn)}.user-element .stats .level.p50 .bar{transform:rotate(180deg)}.user-element .stats .level.p51 .bar{transform:rotate(.51turn)}.user-element .stats .level.p52 .bar{transform:rotate(.52turn)}.user-element .stats .level.p53 .bar{transform:rotate(.53turn)}.user-element .stats .level.p54 .bar{transform:rotate(.54turn)}.user-element .stats .level.p55 .bar{transform:rotate(198deg)}.user-element .stats .level.p56 .bar{transform:rotate(201.6deg)}.user-element .stats .level.p57 .bar{transform:rotate(.57turn)}.user-element .stats .level.p58 .bar{transform:rotate(208.8deg)}.user-element .stats .level.p59 .bar{transform:rotate(.59turn)}.user-element .stats .level.p60 .bar{transform:rotate(216deg)}.user-element .stats .level.p61 .bar{transform:rotate(.61turn)}.user-element .stats .level.p62 .bar{transform:rotate(.62turn)}.user-element .stats .level.p63 .bar{transform:rotate(.63turn)}.user-element .stats .level.p64 .bar{transform:rotate(.64turn)}.user-element .stats .level.p65 .bar{transform:rotate(234deg)}.user-element .stats .level.p66 .bar{transform:rotate(.66turn)}.user-element .stats .level.p67 .bar{transform:rotate(241.2deg)}.user-element .stats .level.p68 .bar{transform:rotate(.68turn)}.user-element .stats .level.p69 .bar{transform:rotate(248.4deg)}.user-element .stats .level.p70 .bar{transform:rotate(252deg)}.user-element .stats .level.p71 .bar{transform:rotate(.71turn)}.user-element .stats .level.p72 .bar{transform:rotate(.72turn)}.user-element .stats .level.p73 .bar{transform:rotate(.73turn)}.user-element .stats .level.p74 .bar{transform:rotate(.74turn)}.user-element .stats .level.p75 .bar{transform:rotate(270deg)}.user-element .stats .level.p76 .bar{transform:rotate(.76turn)}.user-element .stats .level.p77 .bar{transform:rotate(.77turn)}.user-element .stats .level.p78 .bar{transform:rotate(.78turn)}.user-element .stats .level.p79 .bar{transform:rotate(284.4deg)}.user-element .stats .level.p80 .bar{transform:rotate(288deg)}.user-element .stats .level.p81 .bar{transform:rotate(.81turn)}.user-element .stats .level.p82 .bar{transform:rotate(.82turn)}.user-element .stats .level.p83 .bar{transform:rotate(298.8deg)}.user-element .stats .level.p84 .bar{transform:rotate(.84turn)}.user-element .stats .level.p85 .bar{transform:rotate(306deg)}.user-element .stats .level.p86 .bar{transform:rotate(309.6deg)}.user-element .stats .level.p87 .bar{transform:rotate(.87turn)}.user-element .stats .level.p88 .bar{transform:rotate(.88turn)}.user-element .stats .level.p89 .bar{transform:rotate(320.4deg)}.user-element .stats .level.p90 .bar{transform:rotate(324deg)}.user-element .stats .level.p91 .bar{transform:rotate(.91turn)}.user-element .stats .level.p92 .bar{transform:rotate(331.2deg)}.user-element .stats .level.p93 .bar{transform:rotate(.93turn)}.user-element .stats .level.p94 .bar{transform:rotate(.94turn)}.user-element .stats .level.p95 .bar{transform:rotate(342deg)}.user-element .stats .level.p96 .bar{transform:rotate(345.6deg)}.user-element .stats .level.p97 .bar{transform:rotate(.97turn)}.user-element .stats .level.p98 .bar{transform:rotate(.98turn)}.user-element .stats .level.p99 .bar{transform:rotate(.99turn)}.user-element .stats .level.p100 .bar{transform:rotate(1turn)}.user-element .stats .elements{align-items:center;display:flex;overflow:hidden;transition:all .9s cubic-bezier(.42,.04,.85,.42);width:0}.user-element .stats .elements .wrapper{display:flex;justify-content:space-around;min-width:250px}.user-element .stats .elements .wrapper .element{align-items:center;color:#fff;display:flex;flex-direction:column;overflow:hidden}.user-element .stats .elements .wrapper .element .value{font-size:16px;font-weight:700}.user-element .stats .elements .wrapper .element .title{font-size:14px;font-weight:lighter}.user-element.active .stats,.user-element:hover{transition:all .6s ease}.user-element.active .stats .elements,.user-element:hover .elements{transition:all .9s ease-in-out;width:250px}.user-experience{box-shadow:0 1px 3px #0009;cursor:pointer;display:flex;padding:16px;position:relative;transition:all .6s cubic-bezier(.165,.84,.44,1)}.user-experience.include:after{border-radius:5px;box-shadow:0 5px 15px #0000004d;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .6s cubic-bezier(.165,.84,.44,1);width:100%;z-index:-1}.user-experience.include:hover{transform:scale(1.01)}.user-experience.include:hover:after{opacity:1}.user-experience .avatar{background-position:50%;background-size:cover;border:3px solid #cd6e57;border-radius:40px;height:80px;position:relative;width:80px}.user-experience .avatar:before{content:var(--image);height:0;overflow:hidden;position:absolute;width:0;z-index:-1}@media only screen and (width <= 1100px){.user-experience .avatar{height:64px;width:64px}}.user-experience .avatar.has-place:after{align-items:center;background-color:#cd6e57;border-radius:10px;box-shadow:0 0 5px 2px #292b2f;color:#fff;content:attr(place);display:flex;font-size:14px;font-weight:900;height:20px;justify-content:center;min-width:20px;position:absolute;right:-4px;top:-4px}.user-experience .infos{display:flex;flex:1;flex-direction:column;justify-content:center;margin-left:16px}.user-experience .infos .elements{align-items:center;display:flex;justify-content:space-around}.user-experience .infos .elements .element{align-items:center;color:#fff;display:flex;flex-direction:column;overflow:hidden}.user-experience .infos .elements .element .value{font-size:16px;font-weight:700}@media only screen and (width <= 1100px){.user-experience .infos .elements .element .value{font-size:14px}}.user-experience .infos .elements .element .title{font-size:14px;font-weight:lighter;text-transform:uppercase}@media only screen and (width <= 1100px){.user-experience .infos .elements .element .title{font-size:12px}}.user-experience .infos .progress{background-color:#383c41;border-radius:8px;margin-top:8px;width:100%}.user-experience .infos .progress .bar{background-color:#cd6e57;border-radius:8px;height:16px}@media only screen and (width <= 1100px){.user-experience .infos .progress .bar{height:12px}}.levels-leaderboard{background-color:#383c41;min-height:calc(100vh - 365px);position:relative}.levels-leaderboard>div{margin:0 auto;max-width:1400px}.levels-leaderboard .top{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px;padding:56px 50px 0}@media screen and (width <= 800px){.levels-leaderboard .top{padding:56px 20px 0}}@media screen and (width <= 480px){.levels-leaderboard .top{padding:32px 20px 0}}.levels-leaderboard .top .server-identity{align-items:center;display:flex}.levels-leaderboard .top .server-identity .icon{background-position:50%;background-size:cover;border-radius:50%;height:80px;min-width:80px}@media screen and (width <= 800px){.levels-leaderboard .top .server-identity .icon{height:64px;min-width:64px}}@media screen and (width <= 480px){.levels-leaderboard .top .server-identity .icon{height:52px;margin-left:6px;min-width:52px}}.levels-leaderboard .top .server-identity .name{color:#fff;font-size:28px;font-weight:600;margin-left:20px;text-shadow:0 0 3px rgba(0,0,0,.8)}@media screen and (width <= 800px){.levels-leaderboard .top .server-identity .name{font-size:22px}}@media screen and (width <= 480px){.levels-leaderboard .top .server-identity .name{font-size:18px;margin-left:12px}}.levels-leaderboard .top .search-bar{max-width:400px}@media only screen and (width <= 1100px){.levels-leaderboard .top .search-bar{max-width:300px}.levels-leaderboard .top .search-bar input{font-size:18px}}@media only screen and (width <= 480px){.levels-leaderboard .top .search-bar{height:52px;margin-right:6px;min-width:52px;width:52px}}.levels-leaderboard .content{align-items:flex-start;display:flex;padding:16px 50px}@media screen and (width <= 800px){.levels-leaderboard .content{padding:16px 20px}}.levels-leaderboard .content .users-list{display:flex;flex:1 0;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 268px);padding:0 32px 64px 0}@media screen and (width <= 800px){.levels-leaderboard .content .users-list{padding-right:0}}.levels-leaderboard .content .users-list .no-users{border:1px dashed hsla(0,0%,100%,.5);border-radius:3px;color:#ffffff80;cursor:default;display:flex;font-size:14px;justify-content:center;padding:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.levels-leaderboard .content .users-list .loader{height:64px;width:100%}.levels-leaderboard .content .sidebar{max-width:400px;position:sticky;top:32px;width:100%}@media only screen and (width <= 1100px){.levels-leaderboard .content .sidebar{max-width:300px}}@media screen and (width <= 800px){.levels-leaderboard .content .sidebar{display:none}}.levels-leaderboard .content .sidebar .block{background-color:#292b2f;border-radius:4px;box-shadow:1px 1px 3px #0009;margin-bottom:32px;padding:20px}@media only screen and (width <= 1100px){.levels-leaderboard .content .sidebar .block{padding:16px}}.levels-leaderboard .content .sidebar .block.rewards{color:#fff;max-height:calc(100vh - 64px)}.levels-leaderboard .content .sidebar .block.rewards h3{font-size:20px;margin:0 0 16px}.levels-leaderboard .content .sidebar .block.rewards li{align-items:center;background-color:#383c41;display:flex;height:50px;margin-bottom:20px}.levels-leaderboard .content .sidebar .block.rewards li:last-child{margin-bottom:0}.levels-leaderboard .content .sidebar .block.rewards li .number{align-items:center;background-color:#cd6e57;color:#fff;display:flex;font-size:22px;font-weight:700;height:50px;justify-content:center;width:50px}.levels-leaderboard .content .sidebar .block.rewards li .name{margin-left:16px}.levels-leaderboard .content .sidebar .block.rewards li .name .emoji{height:18px;margin-left:1px;margin-right:1px;-o-object-fit:contain;object-fit:contain;vertical-align:-3px;width:18px}.levels-leaderboard .content .sidebar .block.rewards p{color:#b3b3b3;font-size:14px;margin:0}.infinite-scroll-trigger{bottom:100px;position:absolute}