.milestones__container{width:100%;height:1rem;position:absolute;bottom:0;left:0;padding-top:1rem;z-index:3}.milestones__timeline{text-align:center;color:#fafaff;display:flex;justify-content:center;align-items:center;gap:calc(44% / 3);background:#090a0c;height:1.5rem;border-top:4px solid #090a0c;border-bottom:4px solid #090a0c}.milestones__timeline--1,.milestones__timeline--2,.milestones__timeline--3{position:relative;transition:.25s ease-in-out;display:grid;place-items:center;color:#fafaff;font-weight:500;font-size:12px;width:50px;height:50px;background-color:#090a0c;z-index:2;border-radius:30px;border:2px solid transparent}.milestones__timeline--1{border:2px solid;border-color:silver;animation:milestone-reached 10s infinite}.milestones__timeline--2{border:2px solid;border-color:gold;animation:milestone-reached 10s infinite 1s}.milestones__timeline--3{border:2px solid;border-color:#00c3ff;animation:milestone-reached 10s infinite 2s}.milestones__timeline--1:hover,.milestones__timeline--2:hover,.milestones__timeline--3:hover,.milestones__timeline--1:focus,.milestones__timeline--2:focus,.milestones__timeline--3:focus{transform:scale(1.075)}.milestones__timeline__tooltip{visibility:hidden;background-color:#090a0caa;color:#fff;text-align:center;width:170px;border-radius:7px;padding:5px;position:absolute;top:5.5rem;z-index:1}.milestones__timeline__tooltip:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #090a0caa transparent}.milestones__timeline>a:hover .milestones__timeline__tooltip{visibility:visible}.milestones__timeline__reminder-tooltip{visibility:hidden;background-color:#090a0caa;color:#fff;text-align:center;width:170px;border-radius:7px;padding:5px;position:absolute;top:5.5rem;z-index:1}.milestones__timeline__reminder-tooltip:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #090a0caa transparent}.milestones__timeline img:first-child{filter:grayscale(1) invert(1)}.milestones__timeline--shine-animation{display:block!important;transition:width linear;transition-duration:8s;width:0;overflow:hidden;position:absolute;left:0;height:100%;border-top-right-radius:50px;background-color:#04c;z-index:1}.milestones__timeline--shine-animation:after{content:"";top:0;transform:translate(100%);width:100%;height:1rem;position:absolute;animation:shine-animation 5s infinite ease-in-out;background:linear-gradient(to right,#fafaff00,#fafaffcc 50%,#fafaff00 99% 100%)}@keyframes shine-animation{0%,30%{transform:translate(-150%)}70%,to{transform:translate(100%)}}@keyframes milestone-reached{0%,45%{transform:scale(1)}48%{transform:scale(1)}50%{transform:scale(1.19) rotate(2deg)}54%{transform:scale(1.2) rotate(-2deg)}56%{transform:scale(1.19) rotate(0)}58%,to{transform:scale(1)}}@keyframes tooltip-reminder{0%{transform:scaleX(0)}20%,80%{transform:scaleX(1)}to{transform:scaleX(0)}}.milestones__timeline__reminder-tooltip--animation{visibility:visible;animation:tooltip-reminder 5s forwards}.milestones__timeline>a:hover .milestones__timeline__reminder-tooltip--animation{visibility:hidden}.milestones__timeline--traveling-monk{position:absolute;transition:left linear;transition-duration:8s;z-index:1;left:0;width:24px}
/*# sourceMappingURL=/cdn/shop/t/345/assets/header-milestones.css.map */