/* Full Width / Slider reusable block support.
 * Loaded by the dedicated renderer after the standard slider stylesheet.
 */
.cms-full-width-slider-block {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: clip;
}

.cms-full-width-slider-block > *,
.cms-full-width-slider-block .cms-slider,
.cms-full-width-slider-block .cms-slider__viewport,
.cms-full-width-slider-block .cms-slider__track {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.cms-full-width-slider-block .cms-slider__viewport {
    box-sizing: border-box;
}

.cms-full-width-slider-block .cms-slider--feature .cms-slider__media,
.cms-full-width-slider-block .cms-slider--featured_posts .cms-slider__media {
    width: 100%;
    max-width: none;
}

@supports (width: 100dvw) {
    .cms-full-width-slider-block[data-viewport-width="true"] {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
    }
}

/* Optional per-block "Hide on mobile" toggle. Only forces the hidden state on
   small screens so the block keeps its default display on desktop. */
@media (max-width: 600px) {
    .cms-full-width-slider-block.is-hide-mobile {
        display: none;
    }
}