.ss-sm{--ss-sm-gold: #B8924A;--ss-sm-espresso: #2C1A0E;--ss-sm-track: #E2D8CB;--ss-sm-line: #E0D6CA;--ss-sm-green: #2F6B2A;container-type:inline-size;box-sizing:border-box;margin:16px 0;padding:16px 18px 14px;border:1px solid var(--ss-sm-line);border-radius:10px;background:#fbf7f1;color:var(--ss-sm-espresso);font-family:inherit}.ss-sm[hidden]{display:none}.ss-sm__msg{margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.3}.ss-sm__bar{position:relative;height:22px;margin:0 11px}.ss-sm__track{position:absolute;left:0;right:0;top:7px;height:8px;border-radius:4px;background:var(--ss-sm-track)}.ss-sm__fill{position:absolute;left:0;top:7px;height:8px;border-radius:4px;background:var(--ss-sm-gold);transition:width .3s ease}.ss-sm__dot{position:absolute;top:0;width:22px;height:22px;margin-left:-11px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid #A99B8C;border-radius:50%;background:#fff;transition:background .3s ease,border-color .3s ease}.ss-sm__dot svg{width:11px;height:11px;fill:none;stroke:transparent;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.ss-sm__dot.is-on{background:var(--ss-sm-gold);border-color:var(--ss-sm-gold)}.ss-sm__dot.is-on svg{stroke:var(--ss-sm-espresso)}.ss-sm__labels{position:relative;height:40px;margin:8px 11px 0}.ss-sm__label{position:absolute;top:0;width:110px;margin-left:-55px;text-align:center;color:#6b5e52}.ss-sm__label.is-on{color:var(--ss-sm-espresso)}.ss-sm__amt{display:block;font-size:15px;font-weight:600;line-height:1.25}.ss-sm__name{display:block;font-size:14px;line-height:1.25}.ss-sm__save{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ss-sm-line);font-size:15px;font-weight:600;color:var(--ss-sm-green)}.ss-sm__save[hidden]{display:none}.ss-sm__chip{padding:3px 10px;border-radius:999px;background:#e3f3dd}.ss-sm.is-complete{border-color:var(--ss-sm-gold);background:#faf3e4}.ss-sm.is-complete .ss-sm__fill{background:linear-gradient(90deg,#b8924a,#d4ac6a)}.ss-sm.is-celebrate{animation:ss-sm-glow 1.2s ease-out 1}@keyframes ss-sm-glow{0%{box-shadow:0 0 #b8924a8c}70%{box-shadow:0 0 0 14px #b8924a00}to{box-shadow:0 0 #b8924a00}}@container (max-width: 420px){.ss-sm__labels{height:58px}.ss-sm__label{width:62px;margin-left:-31px}}@media(prefers-reduced-motion:reduce){.ss-sm__fill,.ss-sm__dot{transition:none}.ss-sm.is-celebrate{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ss-savings-meter.css.map */