.hero-id-wrapper{align-items:center;gap:1rem;width:15.65rem;padding:.75rem .5rem .5rem 1rem;display:flex}.hero-id-wrapper .hero-image-wrapper{opacity:1;background-color:#e6e6e612;border-radius:.5rem;width:3.5rem;height:3.5rem;transition:opacity .25s ease-in;overflow:hidden}.hero-id-wrapper .hero-image-wrapper--hidden{opacity:0}.hero-id-wrapper .hero-text{flex-direction:column;font-family:Roboto;display:flex}.hero-id-wrapper .hero-text .hero-text-name{color:#dfdfdf;letter-spacing:.75px;font-size:1rem;font-weight:600}.hero-id-wrapper .hero-text .hero-role-section{color:#a8a8a8;opacity:1;align-items:center;gap:.25rem;font-size:.9rem;font-weight:300;transition:opacity .25s ease-in;display:flex}.hero-id-wrapper .hero-text .hero-role-section--hidden{opacity:0}.heroes-stats-header-row{background-color:#141414}.heroes-stats-header-row .heroes-stats-header-cell{text-align:left;letter-spacing:.5px;color:#bfa747;cursor:pointer;padding:.75rem 0;font-family:Rajdhani;font-size:1rem}.heroes-stats-header-row .heroes-stats-header-cell .hero-header-text{align-items:center;gap:.25rem;display:flex}.heroes-stats-header-row .hero-header{padding-left:1rem}.winrate-wrapper{font-weight:400}.high-winrate{color:#fbe9a1;font-weight:500}.low-winrate{color:#fcb7ad;font-weight:500}.highest-winrate{color:#ffda47}.hero-stats-body-row{background-color:#2b2b2b;transition:all .125s ease-in}.hero-stats-body-row:hover{cursor:pointer;background-color:#3c3c3c}table{border-collapse:separate;border-spacing:0;border-radius:.75rem;width:100%;overflow:hidden}