.WeaponResult {
    border-radius: 6px;
    display: flex;
    gap: $unit;
    padding: $unit * 1.5;

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

    img {
        background: $grey-80;
        border-radius: 6px;
        display: inline-block;
        height: 72px;
        width: 120px;
    }

    .Info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: calc($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: calc($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);
            }
        }
    }
}