/* Minification failed. Returning unminified contents.
(12,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(21,25): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(22,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
 */
/* =========================================================
   SLIDER V2 - DW / POWER BI variant
   2 columns above the slider, slider below
   Scoped only to this section
   ========================================================= */

.slider-v2.slider-v2--dw-powerbi {
    row-gap: 0;
}

    .slider-v2.slider-v2--dw-powerbi > h2 {
        padding-bottom: var(--margin-40px);
    }

    /* top block above slider */
    .slider-v2.slider-v2--dw-powerbi .slider-v2-top {
        display: flex;
        column-gap: 6vw;
        align-items: flex-start;
        width: 100%;
        padding: 0 var(--base-padding-x);
        padding-bottom: var(--margin-40px);
        flex: 0 0 auto;
    }

    .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col {
        width: 50%;
        min-width: 0;
    }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col h3 {
            margin-bottom: 1rem;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col ul {
            margin: 0;
            padding-left: 1.2rem;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col li + li {
            margin-top: .35rem;
        }

    /* give a bit less height to the slider viewport
   because now the section also contains the 2-column block above */
    .slider-v2.slider-v2--dw-powerbi .slider-wrapper {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* optional: slightly tighten paragraphs in this variant */
    .slider-v2.slider-v2--dw-powerbi .slider-right p {
        margin-top: clamp(12px, 2.2vh, 28px);
    }

/* -------------------------
   Tablet / mobile
   ------------------------- */
@media only screen and (max-width: 767px) {

    .slider-v2.slider-v2--dw-powerbi {
        height: auto;
        min-height: 100vh;
    }

        .slider-v2.slider-v2--dw-powerbi > h2 {
            padding-bottom: 24px;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top {
            flex-direction: column;
            row-gap: 24px;
            padding-bottom: 24px;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col {
            width: 100%;
        }

            .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col h3 {
                margin-bottom: .75rem;
            }

        .slider-v2.slider-v2--dw-powerbi .slider-wrapper {
            min-height: 0;
        }
}