h2{
    --line-height:1.1428571429;
    font-family:Antique Legacy,serif;
    font-size:calc(1.03448vw + 14.31034px);
    font-style:normal;
    font-weight:700;
    letter-spacing:0;
    line-height:1.1428571429
}
@media(min-width:2001px){
    h2{
        font-size:35px
    }
}
@media(max-width:550px){
    h2{
        font-size:20px
    }
}
.BackgroundColourSwitcher{
    grid-column:content
}
.wp-admin .wp-block-acf-backgroundcolourswitcher{
    box-sizing:border-box;
    column-gap:var(--six-gutter);
    display:grid;
    grid-column:content
}
@media(min-width:2409px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher{
        --max-grid:calc(var(--six-site-max-width)/2 + var(--six-site-margin) + var(--six-gutter)*2);
        grid-template-columns:[full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(var(--six-cols),1fr) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end]
    }
}
@media(max-width:2408px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher{
        --col-spacer:calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns:[full-start] var(--col-spacer) [content-start] repeat(var(--six-cols),1fr) [content-end] var(--col-spacer) [full-end]
    }
}
@supports not (display:grid){
    .wp-admin .wp-block-acf-backgroundcolourswitcher{
        display:block;
        width:100%
    }
}
.wp-admin .wp-block-acf-backgroundcolourswitcher>div:first-of-type{
    grid-column:full
}
.wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher{
    background-color:var(--six-paper-color);
    color:var(--six-pen-color);
    height:100px;
    margin-bottom:calc(3.44828vw + 81.03448px);
    margin-top:calc(-1.37931vw - 32.41379px);
    position:relative;
    z-index:10
}
@media(min-width:2001px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher{
        margin-top:-60px
    }
}
@media(max-width:550px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher{
        margin-top:-40px
    }
}
@media(min-width:2001px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher{
        margin-bottom:150px
    }
}
@media(max-width:550px){
    .wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher{
        margin-bottom:100px
    }
}
.wp-admin .wp-block-acf-backgroundcolourswitcher .BackgroundColourSwitcher:after{
    color:var(--six-pen-color);
    content:"Background Colour Switcher";
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}