.b-loading-cell {
    background-image    : url('./cloud.svg');
    background-size     : auto 2em;
    background-repeat   : no-repeat;
    background-position : calc(100% - 1em);
    filter              : grayscale(100%);
}

.b-loading-cell {
    animation : pulsate 1s infinite;

    &::after {
        display : none;
    }
}

@keyframes pulsate {
    0% {
        filter : grayscale(100%);
        filter : opacity(.4);
    }
    50% {
        filter : none;
        filter : opacity(1);
    }
    100% {
        filter : grayscale(100%);
        filter : opacity(.4);
    }
}

.b-grid-cell[data-column="restaurant"] {
    flex-direction  : column;
    justify-content : center;
    align-items     : flex-start;
    gap             : 0;

    small {
        font-size : .7em;

        i {
            margin-inline-end : .5em;
        }
    }
}