<div class="daggerheart dh-style tooltip domain-card card-style">
    <div class="item-icons-list">
        <span class="item-icon">
            <span class="recall-value">{{item.system.recallCost}}</span>
            <i class="fa-solid fa-bolt"></i>
        </span>
        <span class="item-icon">
            {{#with (lookup allDomains item.system.domain) as | domain |}}
                <img src="{{domain.src}}" alt="">
            {{/with}}
        </span>
    </div>
    <img class="tooltip-image" src="{{item.img}}" />
    <h2 class="tooltip-title">{{item.name}}</h2>
    <div class="tags">
        <div class="tag">
            {{#with (lookup config.DOMAIN.cardTypes item.system.type) as | type |}}
                <span>{{localize type.label}}</span>
            {{/with}}
        </div>
        <div class="tag">
            <span>{{localize 'DAGGERHEART.GENERAL.levelShort'}} {{ item.system.level }}</span>
        </div>
    </div>
    {{#if description}}      
      <div class="tooltip-description">{{{description}}}</div>
    {{/if}}

    <p class="tooltip-hint">
        <i class="fa-solid fa-computer-mouse"></i> {{localize "DAGGERHEART.UI.Tooltip.middleClick"}}
    </p>
</div>