milestone-bar.tzmb{display:block;margin:0 0 12px;padding:14px 14px 10px;background:#fff;border:1px solid rgba(35,32,30,.08);border-radius:18px;box-shadow:0 2px 10px #23201e0d;font-family:Outfit,Inter,system-ui,sans-serif}.tzmb__msg{margin:0 0 24px;font-size:13px;font-weight:600;color:#23201e;text-align:center;line-height:1.3}.tzmb__msg b{color:#ee7655;font-weight:800}.tzmb__track{position:relative;height:6px;border-radius:999px;background:#23201e1f;margin:0 10px 34px}.tzmb__fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f4895f,#ee7655);transition:width .5s cubic-bezier(.22,.61,.36,1)}.tzmb__node{position:absolute;top:50%;transform:translate(-50%,-50%)}.tzmb__node-dot{position:relative;display:block;width:16px;height:16px;border-radius:50%;background:#fff;border:2px dashed rgba(35,32,30,.3);box-sizing:border-box;transition:background .3s ease,border-color .3s ease,transform .3s ease}.tzmb__node.is-unlocked .tzmb__node-dot{background:#ee7655;border:2px solid #ee7655}.tzmb__node.is-unlocked .tzmb__node-dot:after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tzmb__node-lbl{position:absolute;top:18px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.01em;color:#8a807a}.tzmb__node.is-unlocked .tzmb__node-lbl{color:#ee7655}.tzmb__node:last-child .tzmb__node-lbl{left:auto;right:-2px;transform:none}.tzmb__node.tzmb-pop .tzmb__node-dot{animation:tzmbPop .45s cubic-bezier(.22,.61,.36,1)}@keyframes tzmbPop{0%{transform:scale(1)}45%{transform:scale(1.85)}to{transform:scale(1)}}.tzmb.tzmb-glow .tzmb__track{animation:tzmbGlow .9s ease}@keyframes tzmbGlow{0%,to{box-shadow:none}40%{box-shadow:0 0 0 3px #ee76554d}}.tzmb__check{margin:14px 0 0;text-align:center}.tzmb__check:empty{display:none}.tzmb__check-on{font-size:11px;font-weight:700;color:#1d9e75}.tzmb__celebrate{margin:8px 0 0;text-align:center;font-size:12px;font-weight:800;color:#ee7655}.tzmb__celebrate[hidden]{display:none}@media(prefers-reduced-motion:reduce){.tzmb__fill,.tzmb__node-dot{transition:none}.tzmb__node.tzmb-pop .tzmb__node-dot,.tzmb.tzmb-glow .tzmb__track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tezvi-milestone-bar.css.map */