/* Icon tile */
.car-icon-tile {
    width: 64px;
    height: 64px;
    background: rgba(99, 102, 241, 0.12);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FontAwesome icons */
.car-icon-tile i,
.car-icon-tile .fa,
.car-icon-tile .fas {
    font-size: 28px;
    color: #4f46e5;
}

/* Hopnest mask icon base */
.hn-icon {
    width: 32px;
    height: 32px;
    background-color: #4f46e5;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

/* Rickshaw mask */
.hn-icon-rickshaw {
    mask-image: url('/taxi/assets/icons/rickshaw-mask.svg');
    -webkit-mask-image: url('/taxi/assets/icons/rickshaw-mask.svg');
}