/* Shared block styles. Instance values are bounded CSS custom properties. */
.sflo-divider{height:var(--sflo-desktop,112px)!important;overflow:hidden;line-height:0;margin-block-start:0!important;margin-block-end:0!important}
.sflo-divider+*{margin-block-start:0!important}
@media(max-width:1024px){.sflo-divider{height:var(--sflo-tablet,84px)!important}}
@media(max-width:600px){.sflo-divider{height:var(--sflo-mobile,56px)!important}}
.sflo-divider-motion .sflo-motion{animation:sfloFloat 5s ease-in-out infinite alternate}
@keyframes sfloFloat{to{transform:translateY(-4px)}}
.sflo-background-block{box-sizing:border-box;padding:clamp(24px,7vw,88px);overflow-wrap:anywhere;background-color:var(--sflo-background,#eee8ff);background-position:0 0}
.sflo-background-family-gradient{background-image:linear-gradient(var(--sflo-bg-angle,135deg),var(--sflo-background,#eee8ff),var(--sflo-accent,#7255de));background-size:200% 200%}
.sflo-background-family-dots{background-image:radial-gradient(circle,var(--sflo-accent,#7255de) var(--sflo-bg-dot,3px),transparent var(--sflo-bg-dot-end,3.5px));background-size:var(--sflo-bg-scale,32px) var(--sflo-bg-scale,32px)}
.sflo-background-family-grid{background-image:linear-gradient(var(--sflo-accent,#7255de) 1px,transparent 1px),linear-gradient(90deg,var(--sflo-accent,#7255de) 1px,transparent 1px);background-size:var(--sflo-bg-scale,32px) var(--sflo-bg-scale,32px)}
.sflo-background-family-stripes{background-image:repeating-linear-gradient(var(--sflo-bg-angle,135deg),var(--sflo-background,#eee8ff) 0px,var(--sflo-background,#eee8ff) var(--sflo-bg-half,16px),var(--sflo-accent,#7255de) var(--sflo-bg-half,16px),var(--sflo-accent,#7255de) var(--sflo-bg-scale,32px));background-size:auto}
.sflo-background-block>.sflo-background-content{box-sizing:border-box;max-width:1100px;margin-inline:auto;padding:clamp(20px,4vw,40px);border-radius:20px;background:var(--sflo-background,#eee8ff);color:var(--sflo-ink,#111820)}
.sflo-background-block>.sflo-background-content>h1,.sflo-background-block>.sflo-background-content>h2,.sflo-background-block>.sflo-background-content>h3,.sflo-background-block>.sflo-background-content>p{color:inherit}
.sflo-background-motion{animation:sfloBackgroundMove var(--sflo-bg-duration,16s) ease-in-out infinite alternate}
@keyframes sfloBackgroundMove{from{background-position:0 0}to{background-position:var(--sflo-bg-end,100% 50%)}}
@media(prefers-reduced-motion:reduce){.sflo-divider-motion .sflo-motion,.sflo-background-motion{animation:none}}