.vls.v1 {
    --vls-v1-icn-sz: 2.3rem;
}
.vls.v1 .icn-bx {
    padding: 1rem;
}

.vls.v1 .icn-bx svg {
    font-size: var(--vls-v1-icn-sz);
}

.vls.v1.dk-bg .icn-bx svg {
    color: var(--buttons);
}

.vls.v1 li + li {
    position: relative;
    z-index: 1;
}

.vls.v1 li + li::before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--black);
    opacity: .2;
    left: calc((var(--grd-sp-lrg) / 2) * -1);
    content: '';
    z-index: -1; 
}

@media screen and (min-width:700px) and (max-width:1279px) {
    .vls.v1 [class*="ato-sz"][class*="flx"][class*="-grd"][class*="-lrg"] > li:not(#_) {
        width: calc(var(--half) - (var(--grd-sp-lrg) * 0.5)) !important;
    }

    .vls.v1 li:nth-child(3)::before {
        width: calc(100% + (var(--grd-sp-lrg) / 2) );
        height: 1px;
        left: 0;
        top: calc((var(--grd-sp-lrg) / 2) * -1);
    }

    .vls.v1 li + li::before {
        height: calc(100% + (var(--grd-sp-lrg) / 2) );
    }

    .vls.v1 li:nth-child(4)::before {
        top: calc((var(--grd-sp-lrg) / 2) * -1);
    }

    .vls.v1 li:nth-child(4)::after {
        position: absolute;
        width: calc(100% + (var(--grd-sp-lrg) / 2) );
        height: 1px;
        left: calc((var(--grd-sp-lrg) / 2) * -1);
        top: calc((var(--grd-sp-lrg) / 2) * -1);
        background-color: var(--black);
        opacity: .2;
        content: '';
        z-index: -1;
    }
}

@media screen and (max-width: 699px) {
    .vls.v1 li {
        padding-bottom: var(--sp-qk);
    }

    .vls.v1 li + li {
        padding-top: var(--sp-qk);
    }

    .vls.v1 li + li::before {
        top: calc((var(--grd-sp-lrg) / 2) * -1);
        width: 100%;
        height: 1px;
        left: 0;
    }
}