.milestone-bar{padding-top:var(--desktop-padding-top);padding-bottom:var(--desktop-padding-bottom)}.milestone-bar__header{text-align:center;margin-bottom:45px}.milestone-bar__heading{margin:0;font-size:34px;font-weight:700;line-height:1.2;text-transform:uppercase}.milestone-bar__wrapper{position:relative}.milestone-bar__line{position:absolute;top:56px;left:0;width:100%;height:8px;background:#d9d9d9;border-radius:999px;overflow:hidden;z-index:1}.milestone-bar__fill{height:100%;width:0;background:#000;border-radius:999px;display:block!important}.milestone-bar__items{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;z-index:2}.milestone-item{text-align:center;position:relative}.milestone-item__amount{margin-bottom:18px;font-size:22px;font-weight:600;color:#222}.milestone-item__circle{width:56px;height:56px;margin:auto;border-radius:50%;background:#fff;border:3px solid #cfcfcf;display:flex;align-items:center;justify-content:center;transition:.35s}.milestone-item.is-active .milestone-item__circle{border-color:#000}.milestone-item__icon{width:28px;height:28px;object-fit:contain;display:block}.milestone-item__emoji{font-size:24px}.milestone-item__reward{margin-top:18px;font-size:18px;font-weight:600;line-height:1.35;color:#222}.milestone-bar__message{margin-top:40px;text-align:center;background:#f6f6f6;border-radius:999px;padding:14px 24px;font-size:15px;font-weight:500}.milestone-item:hover .milestone-item__circle{transform:scale(1.08)}@media(max-width:991px){.milestone-bar__heading{font-size:28px}.milestone-item__amount{font-size:18px}.milestone-item__reward{font-size:16px}}@media(max-width:767px){.milestone-bar{padding-top:var(--mobile-padding-top);padding-bottom:var(--mobile-padding-bottom)}.milestone-bar__heading{font-size:22px}.milestone-bar__items{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;gap:30px;padding-bottom:10px;scrollbar-width:none}.milestone-bar__items::-webkit-scrollbar{display:none}.milestone-bar__line{left:60px;width:calc(100% - 120px)}.milestone-item__amount{font-size:15px}.milestone-item__circle{width:48px;height:48px}.milestone-item__reward{font-size:14px;margin-top:14px}.milestone-bar__message{margin-top:28px;padding:12px 18px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/milestone-progress.css.map */