.UncapStar {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    display: block;
    height: 18px;
    width: 18px;

    &:hover {
        transform: scale(1.2);
    }

    &.empty,
    &.empty.mlb,
    &.empty.flb,
    &.empty.ulb,
    &.empty.special {
        background: url('/icons/uncap/empty.svg');

        &:hover {
            background: url('/icons/uncap/empty-hover.svg');
        }
    }

    &.mlb {
        background: url('/icons/uncap/yellow.svg');

        &:hover {
            background: url('/icons/uncap/yellow-hover.svg');
        }
    }

    &.special {
        background: url('/icons/uncap/red.svg');

        &:hover {
            background: url('/icons/uncap/red-hover.svg');
        }
    }

    &.flb {
        background: url('/icons/uncap/blue.svg');

        &:hover {
            background: url('/icons/uncap/blue-hover.svg');
        }
    }

    &.ulb {
        background: url('/icons/uncap/purple.svg');

        &:hover {
            background: url('/icons/uncap/purple-hover.svg');
        }
    }
}