.am-benefit-ladder{--am-ladder-green:#81A080;--am-ladder-green-deep:#4F6B4E;margin:0 -18px 10px;padding:7px 18px 6px;border-top:1px solid #DCE5DF;border-bottom:1px solid #DCE5DF;background:linear-gradient(180deg,#fbfcfa,#f5f8f6)}.am-benefit-ladder__text{display:flex;align-items:center;gap:4px;margin:0;color:#4f5f56;font-size:clamp(11px,3.2vw,13px);font-weight:650;line-height:1.05;letter-spacing:-.01em;white-space:nowrap}.am-benefit-ladder.is-full .am-benefit-ladder__text{color:var(--am-ladder-green-deep)}.am-benefit-ladder__tick{display:inline-flex;flex:0 0 auto}.am-benefit-ladder__bar{position:relative;height:7px;margin:7px 4px;border-radius:99px;background:#e7ebe6}.am-benefit-ladder__fill{position:relative;display:block;height:100%;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,var(--am-ladder-green),var(--am-ladder-green-deep));transition:width .68s var(--am-ease,cubic-bezier(.22,1,.36,1))}.am-benefit-ladder__fill:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.7) 48%,transparent 80%);transform:translate(115%)}.am-benefit-ladder__milestone{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border:2px solid #fff;border-radius:50%;background:#e1e6e2;box-shadow:0 0 0 1px #cfd8d2}.am-benefit-ladder__milestone.is-ok{background:var(--am-ladder-green-deep);box-shadow:0 0 0 1px var(--am-ladder-green-deep)}.am-benefit-ladder__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.am-benefit-ladder__step{display:flex;min-width:0;flex-direction:column;align-items:center;color:#7b847f;line-height:1;text-align:center}.am-benefit-ladder__step b{font-size:10.5px;font-weight:800;white-space:nowrap}.am-benefit-ladder__step small{margin-top:2px;font-size:8.8px;font-weight:600;white-space:nowrap}.am-benefit-ladder__step.is-ok{color:var(--am-ladder-green-deep)}@media(max-width:480px){.am-benefit-ladder{margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px}}@media(max-width:360px){.am-benefit-ladder__step b{font-size:9.5px}.am-benefit-ladder__step small{font-size:7.8px}}@media(prefers-reduced-motion:reduce){.am-benefit-ladder__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/am-benefit-ladder.css.map */