.beyerdynamic-widget-carousel {
    .widget-caption {
        margin-top: 40px;

        .gt-xl({
            margin-top: 120px;
        });

        .gt-md({
            color: @white;

            hr {
                background: @white;
            }
        });
    }

    .carousel-indicators {
        .lt-sm({
            align-items: flex-end;
            height: ~"calc(100vw - 10px)";
            top: 0;
        });

        .sm({
            bottom: 46%;
        });
    }

    .carousel-control-prev,
    .carousel-control-next {
        .lt-sm({
            height: 100vw;
        });

        .sm({
            bottom: 44%;
        });
    }
}