.snd-value-motion{width:100%;max-width:460px;margin:20px auto 0;container-type:inline-size;background:transparent;font-family:"Labz Inter",Inter,Arial,sans-serif;text-align:center;isolation:isolate}
.snd-value-motion,.snd-value-motion *{box-sizing:border-box}
.snd-value-motion .svm-shell{position:relative;display:grid;grid-template-columns:1.58fr 1fr;min-width:0;padding:10px;gap:5px;filter:drop-shadow(0 3px 9px #008fe326)}
.snd-value-motion .svm-shell::before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(145deg,#052c4d,#001327 70%);clip-path:polygon(5% 0,95% 0,100% 11%,100% 89%,95% 100%,5% 100%,0 89%,0 11%)}
.snd-value-motion .svm-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke-linecap:round}
.snd-value-motion .svm-line{stroke:#09bdf4;stroke-width:2;vector-effect:non-scaling-stroke}
.snd-value-motion .svm-sweep{stroke:#d5fbff;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:7 93;opacity:0}
.snd-value-motion .svm-value{min-width:0;padding:14px 7px 13px;color:#fff;align-self:center}
.snd-value-motion .svm-amount{font-size:73px;line-height:1;font-weight:900;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 2px 0 #126c9c}
.snd-value-motion .svm-caption{margin-top:8px;font-size:12px;line-height:1.25;font-weight:850;letter-spacing:.065em;white-space:nowrap;color:#fff}
.snd-value-motion .svm-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:19px}
.snd-value-motion .svm-service{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;color:#fff}
.snd-value-motion .svm-service+.svm-service{border-left:1px solid #16759a}
.snd-value-motion .svm-service svg{width:24px;height:24px;display:block;stroke:#0dd6ef;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.snd-value-motion .svm-service span{font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.015em}
.snd-value-motion .svm-savings{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px 9px;color:#001a32;border:1px solid #5deeff;border-radius:13px;background:linear-gradient(145deg,#03e3ed,#00c5ed);box-shadow:inset 0 0 14px #e1ffff33}
.snd-value-motion .svm-save{font-size:32px;font-weight:950;line-height:1.1;letter-spacing:-.04em}
.snd-value-motion .svm-save span{display:block;font-size:39px;line-height:1.2;font-weight:950;white-space:nowrap;letter-spacing:-.045em}
.snd-value-motion .svm-month{margin-top:12px;padding-top:10px;border-top:1.5px solid #003454;font-weight:850;font-size:10px;line-height:1.4;white-space:nowrap;letter-spacing:-.01em}
.snd-value-motion.svm-enter .svm-line{animation:svm-border-in .55s ease-out both}
.snd-value-motion.svm-enter .svm-value{animation:svm-panel-in .55s .22s both}
.snd-value-motion.svm-enter .svm-savings{animation:svm-panel-in .55s .38s both,svm-emphasis .9s 1.35s both}
.snd-value-motion.svm-enter .svm-service{animation:svm-icon-in .4s .6s both}
.snd-value-motion.svm-enter .svm-service:nth-child(2){animation-delay:.72s}
.snd-value-motion.svm-enter .svm-service:nth-child(3){animation-delay:.84s}
.snd-value-motion.svm-enter .svm-service:nth-child(4){animation-delay:.96s}
.snd-value-motion.svm-settled .svm-sweep{animation:svm-border-sweep 7s 7s linear infinite}
@keyframes svm-border-in{from{stroke-dasharray:100;stroke-dashoffset:100;opacity:.15}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}
@keyframes svm-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes svm-icon-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes svm-emphasis{0%,100%{box-shadow:inset 0 0 14px #e1ffff33}50%{box-shadow:inset 0 0 24px #e1ffff80,0 0 12px #03dfff55}}
@keyframes svm-border-sweep{0%{opacity:0;stroke-dashoffset:0}2%{opacity:.65}16%{opacity:.65;stroke-dashoffset:-100}18%,100%{opacity:0;stroke-dashoffset:-100}}
@container(max-width:380px){.snd-value-motion .svm-shell{grid-template-columns:1fr;padding:12px;gap:10px}.snd-value-motion .svm-value{padding:9px 8px 8px}.snd-value-motion .svm-amount{font-size:80px}.snd-value-motion .svm-caption{font-size:12px}.snd-value-motion .svm-services{margin-top:17px}.snd-value-motion .svm-service span{font-size:10px}.snd-value-motion .svm-savings{padding:14px 12px;border-radius:10px}.snd-value-motion .svm-save{font-size:29px;white-space:nowrap}.snd-value-motion .svm-save span{display:inline;margin-left:.1em;font-size:39px}.snd-value-motion .svm-month{font-size:11px;margin-top:8px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){.snd-value-motion *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.snd-value-motion .svm-sweep{opacity:0!important}}