/*===================
* Shop Category Tile
====================*/

.category-shop-tile{
    background-color: #4c4c4c;
    color: #bbbbbb;
    text-align: center;
    opacity: 1;
    cursor: pointer;
}

.category-shop-tile.selected{
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
}

.category-shop-tile .category-image{
    background-color: #4c4c4c;
    transition: opacity .3s ease-in-out;
}

.category-shop-tile .category-image:hover{
    opacity: 0;
}

.category-shop-tile .category-name{
    font-size: 0.8rem;
    opacity: 1;
}