:root {
    --hiw-v2-gap: var(--space-lg);
    --hiw-v2-arrow-size: 40px;
    --hiw-v2-arrow-size-1: 50px;
    --hiw-v2-arrow-size-2: 20px;
}


.hiw-v2__arrow {
    position: absolute;
    top: calc(-4% - var(--hiw-v2-arrow-size-1) / 2);
    left: 58%;
    width: auto;
    height: var(--hiw-v2-arrow-size);
}
.hiw-v2__arrow_2 {
    top: calc(50% - var(--hiw-v2-arrow-size-2) / 2);
}

@media(min-width:64rem) {
    
    .hiw-v2__grid {
        gap: calc(var(--hiw-v2-gap) * 2 + var(--hiw-v2-arrow-size))
    }
}


.hiw-v2__item {
    position: relative
}

.hiw-v2__item:last-child .hiw-v2__arrow {
    display: none
}



@media(min-width:64rem) {
    :root {
        --hiw-v2-gap: -9rem;
        --hiw-v2-arrow-size: 40px;
        --hiw-v2-arrow-size-2: -50px;
    }
    

    .hiw-v2__grid {
        flex-direction: row
    }

    .hiw-v2__item {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
        min-width: 0
    }

    .hiw-v2__figure {
        position: relative
    }
    .hiw-v2__arrow {
        position: absolute;
        left: calc(50% - var(--hiw-v2-arrow-size)/2);
        width: auto;
        height: var(--hiw-v2-arrow-size)
    }
    .hiw-v2__arrow {
        top: calc(50% - var(--hiw-v2-arrow-size)/2);
        left: calc(100% + var(--hiw-v2-gap));
        transform: rotate(0deg)
    }
    
    .hiw-v2__arrow_2 {
        top: calc(50% - var(--hiw-v2-arrow-size-2)/2);
    }
}