.sfb-host{position:relative;isolation:isolate}
.sfb-host>.sfb-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sfb-host>.sfb-layer~*{position:relative;z-index:1}
.sfb-position{position:absolute;left:var(--sfb-x);top:var(--sfb-y);width:var(--sfb-size);height:var(--sfb-size);transform:translate(-50%,-50%);display:block}
.sfb-float,.sfb-circle{display:block;width:100%;height:100%}
.sfb-float{animation:sfb-bob 6s ease-in-out infinite;animation-delay:var(--sfb-delay)}
.sfb-circle{border-radius:50%;background:var(--sfb-color);opacity:var(--sfb-opacity);transform:translate3d(var(--sfb-mx,0px),var(--sfb-my,0px),0);transition:transform .2s ease-out;will-change:transform}
.sfb-host[data-sfb-animation="parallax"] .sfb-float,.sfb-host[data-sfb-animation="none"] .sfb-float{animation:none}
.sfb-source{display:none!important}
@keyframes sfb-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:767px){.sfb-host[data-sfb-hide-mobile="1"]>.sfb-layer{display:none}}
@media(prefers-reduced-motion:reduce){.sfb-float{animation:none!important}.sfb-circle{transition:none!important}}