.slides > .section.sectionMosaic {
    --hue: var(--color-base-hue);
    --saturation: var(--color-base-saturation);
    --shadeHue: var(--color-base-hue);
    --shadeSaturation: var(--color-base-saturation);
    --shadeLightness: 18%;
    --borderColor: var(--color-base);
    --fgColor: #fff;
    --bgColor: inherit;

    &.light {
        --fgColor: var(--color-base);
        --bgColor: var(--color-background);
        --borderColor: var(--color-base-faintest);
        --shadeSaturation: 100%;
        --shadeLightness: 95%;
    }

    position: relative;
    overflow: hidden;

    color: var(--fgColor);
    background: var(--bgColor);

    &.topShade:before {
        position: absolute;

        --shadeHeight: 70px;
        --shadeMargin: 5vw;

        border-radius: 100%;

        top: calc(var(--shadeHeight) / -2);
        left: var(--shadeMargin);
        right: var(--shadeMargin);
        height: var(--shadeHeight);
        content: '';
        background: hsl(var(--shadeHue) var(--shadeSaturation) var(--shadeLightness));
        filter: blur(25px);

    }

    border-top: solid var(--borderColor) 1px;

    &.noVerticalMargins {
        padding-top: 0;
        padding-bottom: 0;
    }

    & > .wrapper {

        /* border-left: solid var(--borderColor) 1px;
        border-right: solid var(--borderColor) 1px; */

        margin-top: -1px;
        margin-bottom: -1px;

        & .Block {
            border: solid var(--borderColor) 1px;
            margin: -.5px;
        }

    }
}