.stsb_fs_wrap.stsb_fs_has_percent.stsb_fs_pp_inside{--stsb-fs-h:20px}
.stsb_fs_pp_above .stsb_fs_bar{margin-top:22px}
.stsb_fs_pp_below .stsb_fs_bar{margin-bottom:22px}
.stsb_fs_wrap{--stsb-fs-bg:#f6f4f1;--stsb-fs-track:#e6e1da;--stsb-fs-fill:#1f1f1f;--stsb-fs-border:transparent;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid var(--stsb-fs-border);border-radius:14px;background:var(--stsb-fs-bg);color:#1f1f1f}
.stsb_fs_wrap.stsb_fs_success{--stsb-fs-bg:#eaf7ee;--stsb-fs-border:#cfe9d7;--stsb-fs-fill:#16a34a;--stsb-fs-icon:#16a34a;--stsb-fs-goal-bg:#16a34a;--stsb-fs-goal-color:#fff}
.stsb_fs_message{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.35;order:-1}
.stsb_fs_msg_below .stsb_fs_message{order:2}
.stsb_fs_icon{color:var(--stsb-fs-icon,inherit);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:20px;line-height:1}
.stsb_fs_icon svg{width:1em;height:1em;fill:currentColor}
.stsb_fs_amount{font-weight:700;white-space:nowrap}
.stsb_fs_bar{position:relative;height:var(--stsb-fs-h,10px);border-radius:999px;background:var(--stsb-fs-track);box-sizing:border-box}
.stsb_fs_fill{position:relative;display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:0;max-width:100%;border-radius:999px;background-color:var(--stsb-fs-fill);background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 65%);transition:width .7s cubic-bezier(.22,1,.36,1)}
.stsb_fs_fill::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.28) 7px,transparent 7px,transparent 14px);background-size:20px 20px;animation:stsb-fs-stripes 1s linear infinite}
.stsb-fs-striped-yes .stsb_fs_fill::after{opacity:1}
.stsb_fs_percent{position:relative;z-index:1;padding:0 8px;font-size:11px;font-weight:600;line-height:1;color:var(--stsb-fs-pct-color,#1f1f1f);white-space:nowrap}
.stsb_fs_pp_inside{--stsb-fs-pct-color:#fff}
.stsb_fs_pp_inside .stsb_fs_percent{margin-right:6px}
.stsb_fs_pp_inside.stsb_fs_has_marker .stsb_fs_percent{margin-right:22px}
.stsb_fs_head{position:absolute;top:50%;right:0;z-index:2;display:flex;align-items:center;justify-content:center;transform:translate(50%,-50%)}
.stsb_fs_marker,.stsb_fs_goal{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:28px;border-radius:50%;font-size:14px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.stsb_fs_marker{position:relative;background:#fff;color:#1f1f1f}
.stsb_fs_goal{position:absolute;top:50%;right:0;z-index:1;background:var(--stsb-fs-goal-bg,#fff);color:var(--stsb-fs-goal-color,#1f1f1f);transform:translate(50%,-50%)}
.stsb_fs_marker svg,.stsb_fs_goal svg{width:1em;height:1em;fill:currentColor}
.stsb_fs_success .stsb_fs_marker{display:none}
.stsb_fs_head .stsb_fs_percent{position:absolute;font-size:12px}
.stsb_fs_pp_above .stsb_fs_head .stsb_fs_percent{left:50%;bottom:calc(100% + var(--stsb-fs-pct-gap,6px));transform:translateX(-50%)}
.stsb_fs_pp_below .stsb_fs_head .stsb_fs_percent{left:50%;top:calc(100% + var(--stsb-fs-pct-gap,6px));transform:translateX(-50%)}
.stsb_fs_pp_front .stsb_fs_head .stsb_fs_percent{top:50%;left:calc(100% + var(--stsb-fs-pct-gap,6px));transform:translateY(-50%)}
.stsb_fs_pp_front.stsb_fs_flip{--stsb-fs-pct-color:#fff}
.stsb_fs_pp_front.stsb_fs_flip .stsb_fs_head .stsb_fs_percent{left:auto;right:calc(100% + var(--stsb-fs-pct-gap,6px))}
.stsb_fs_success.stsb_fs_pp_front .stsb_fs_head .stsb_fs_percent{display:none}
.stsb_fs_scale{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.2;color:#7a7268}
@keyframes stsb-fs-stripes{from{background-position:0 0}to{background-position:20px 0}}
@media (prefers-reduced-motion:reduce){.stsb_fs_fill{transition:none}.stsb_fs_fill::after{animation:none}}