.CharacterResult {
    -webkit-font-smoothing: antialiased;

    border-radius: 6px;
    display: flex;
    font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
    gap: 8px;
    padding: 12px;
}

.CharacterResult img {
    background: #e9e9e9;
    border-radius: 6px;
    display: inline-block;
    height: 72px;
    width: 120px;
}

.CharacterResult h5 {
    color: #555;
    display: inline-block;
    font-size: $font-large;
    font-weight: 500;
    margin: 2px 4px 4px 0;
}

.CharacterResult .WeaponLabelIcon {
    margin-right: 4px;
}

.CharacterResult .stars {
    display: inline-block;
    color: #FFA15E;
    font-size: $font-xlarge;
}

.CharacterResult .stars > span {
    color: #65DAFF;
}

.CharacterResult:hover {
    background: #e9e9e9;
    cursor: pointer;
}

.CharacterResult:hover .image_placeholder {
    background: #dadada;
}