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

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

    &:hover {
        background: $grey-90;
        cursor: pointer;
    }

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

    .Info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: $unit / 2;

        h5 {
            color: #555;
            display: inline-block;
            font-size: $font-medium;
            font-weight: $medium;
        }

        .UncapIndicator {
            justify-content: left;
            pointer-events: none;
        }

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

            & > span {
                color: #65DAFF;
            }            
        }

        .tags {
            display: flex;
            flex-direction: row;
            gap: $unit / 2;

            .WeaponLabelIcon {
                $aspect-ratio: calc(25 / 60);
                $height: 22px;
                background-size: calc($height / $aspect-ratio) $height;
                background-repeat: no-repeat;
                height: $height;
                width: calc($height/ $aspect-ratio);
            }
        }
    }
}