/* 
    Fullscreen Editor workaround. 
    If there is no ".wp-block-" present, then the file will not be loaded by the editor... 
*/
.wp-block-fse-workaround {
    border: 3px solid red;
}

/* backdrop-filter blur */

.bf-blur-2px {
    backdrop-filter: blur(2px);
}
.bf-blur-4px {
    backdrop-filter: blur(4px);
}
.bf-blur-8px {
    backdrop-filter: blur(8px);
}
.bf-blur-16px {
    backdrop-filter: blur(16px);
}
.bf-blur-32px {
    backdrop-filter: blur(32px);
}

/* backdrop-filter invert */

.bf-invert-10 {
    backdrop-filter: invert(10%);
}
.bf-invert-20 {
    backdrop-filter: invert(20%);
}
.bf-invert-30 {
    backdrop-filter: invert(30%);
}
.bf-invert-40 {
    backdrop-filter: invert(40%);
}
.bf-invert-50 {
    backdrop-filter: invert(50%);
}
.bf-invert-60 {
    backdrop-filter: invert(60%);
}
.bf-invert-70 {
    backdrop-filter: invert(70%);
}
.bf-invert-80 {
    backdrop-filter: invert(80%);
}
.bf-invert-90 {
    backdrop-filter: invert(90%);
}
.bf-invert-100 {
    backdrop-filter: invert(100%);
}

/* backdrop-filter grayscale */

.bf-grayscale-10 {
    backdrop-filter: grayscale(10%);
}
.bf-grayscale-20 {
    backdrop-filter: grayscale(20%);
}
.bf-grayscale-30 {
    backdrop-filter: grayscale(30%);
}
.bf-grayscale-40 {
    backdrop-filter: grayscale(40%);
}
.bf-grayscale-50 {
    backdrop-filter: grayscale(50%);
}
.bf-grayscale-60 {
    backdrop-filter: grayscale(60%);
}
.bf-grayscale-70 {
    backdrop-filter: grayscale(70%);
}
.bf-grayscale-80 {
    backdrop-filter: grayscale(80%);
}
.bf-grayscale-90 {
    backdrop-filter: grayscale(90%);
}
.bf-grayscale-100 {
    backdrop-filter: grayscale(100%);
}