/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.wp-block-sno-block-snolab-background  {
    position: relative;
    background-repeat: no-repeat;
    background-size: 30rem;

    @media screen and (min-width: $widescreen) {
        background-size: 60rem;
    }

    @media screen and (min-width: $tablet) {
        &.bg-top-left {
            background-image: url('background-watermark-white-left.svg');
            background-position: left top;
        }

        &.bg-top-right {
            background-image: url('background-watermark-white-right.svg');
            background-position: right top;
        }

        &.bg-color-light-blue {
            background-color: $primary-hl9; 

            &.bg-top-left {
                background-image: url('background-watermark-blue-left.svg');
                background-position: left top;
            }

            &.bg-top-right {
                background-image: url('background-watermark-blue-right.svg');
                background-position: right top;
            }
        }
    }

    .background-dots {
        display: none;
    }
}