.user-card{display:flex;align-items:center}.user-avatar-sm{border-radius:100%;width:60px}.user-info{margin-left:20px;flex-basis:80%;font-size:18px}.user-score{display:flex;align-items:center;justify-content:center}.user-rating{font-size:18px;padding-left:7px;padding-top:2px}.userFirst{border:4px solid #fdd835}.userSecond{border:4px solid #90a4ae}.userThird{border:4px solid #795548}.user-popup{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.user-popup-item{width:478px;min-height:281px;padding:15px 10px 15px 25px;background:#fff}.user-popup-desc,.user-popup-first,.user-popup-second{display:flex}.user-popup-first{justify-content:space-between}.user-popup-second{justify-content:flex-start;align-items:center;margin-top:25px}.user-popup-desc{flex-direction:column;font-size:18px}.user-popup-title{font-size:24px}.user-popup-close{padding:10px;cursor:pointer}.user-popup-close:hover{background:rgba(0,0,0,.07);border-radius:20px}.user-popup-avatar{width:129px;border-radius:100%}.user-popup-info{list-style-type:none;font-size:18px}#app{max-width:600px;margin:0 auto;font-family:Avenir,sans-serif;font-style:normal;font-weight:400;color:#2c3e50;padding:15px 0}.user-list{display:flex;justify-content:space-between;margin-bottom:25px}.user-title{font-size:24px;line-height:34px;margin:0;font-weight:400}.user-sorting{border:1px solid rgba(44,62,80,.67);box-sizing:border-box;border-radius:8px;padding:11px 8px}.user-sorting:hover{background:rgba(0,0,0,.07);cursor:pointer}.user-sorting:active{background:rgba(0,0,0,.2)}.user-item{margin-bottom:5px;padding:10px;cursor:pointer}.user-item:hover{background:rgba(0,0,0,.07);border-radius:10px}