
:root {
    --scaleToVM: (.5);
    --pxToVM: (8.25);
    --defaultWidth: 800px;
    --defaultHeight: 300px;
}

.funnel {
    
    width: 100%;
}

.svg-funnel-js {
    display: inline-block;
    position: relative;
}

    .svg-funnel-js svg {
        display: block;
    }

    .svg-funnel-js .svg-funnel-js__labels {
        position: absolute;
        display: flex;
        width: var(--defaultWidth);
        height: var(--defaultHeight);
        top: 0;
        left: 0;
    }

    .svg-funnel-js.svg-funnel-js--vertical .svg-funnel-js__labels {
        flex-direction: column;
    }

    .svg-funnel-js svg {
        /*        width: calc(var(--defaultWidth) * var(--pxToVM)) vmin !important;
        height: calc(var(--defaultHeight) * var(--pxToVM)) vmin !important;*/
        width: 100%;
        height: 100%;
    }

        .svg-funnel-js svg path {
            scale: calc(8.25%*8);
        }
