.vendor-cover {
    position: relative;
    border-radius: 0.9rem;
    overflow: hidden;
    -webkit-border-radius: 0.9rem;
    -moz-border-radius: 0.9rem;
    -ms-border-radius: 0.9rem;
    -o-border-radius: 0.9rem;

    &:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--Black);
        opacity: 0.5;
    }

    img {
        display: block;
        width: 100%;
    }

    .name {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: var(--White);
        z-index: 10;
    }
}

.vendor-row {
    color: var(--White);
    background: var(--secondary-color-light-1);
    padding: 0.6rem;
    border-radius: 1.1rem;
    -webkit-border-radius: 1.1rem;
    -moz-border-radius: 1.1rem;
    -ms-border-radius: 1.1rem;
    -o-border-radius: 1.1rem;

    .vendor-logo {
        border-radius: 1.1rem;
        -webkit-border-radius: 1.1rem;
        -moz-border-radius: 1.1rem;
        -ms-border-radius: 1.1rem;
        -o-border-radius: 1.1rem;
        background: var(--White);
        overflow: hidden;

        img {}
    }

    strong {
        font-size: 1.1rem;
    }
}