.timeline-liquid-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px 20px}.timeline-wrapper{width:100%;text-align:center;margin:0 auto}.timeline-title{font-family:Helvetica Neue,Arial,sans-serif;font-size:2.5rem;font-weight:600;color:#fff;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.timeline-container{background:linear-gradient(180deg,#141414,#171818,#222);border:1px solid #68605d;border-radius:25px;padding:40px 30px;position:relative}.timeline-bar{position:relative;height:16px;background-color:#333;border-radius:10px;margin:15px 0 40px}.timeline-progress{height:100%;width:0%;min-width:0;background:linear-gradient(90deg,#e0c2a0,#f0d0b0);border-radius:8px;transition:width .3s ease;position:relative;overflow:hidden}.timeline-progress.phase-2-active{background:linear-gradient(180deg,#e3c2a3,#e5c4a6,#ffe8d5)}.timeline-indicator{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#333;border:2px solid #404040}.timeline-indicator.timeline-start{left:1px}.timeline-indicator.timeline-current{left:0%;width:25px;height:25px;background-color:#fff;border:3px solid #E0C2A0;box-shadow:0 0 0 2px #f0d0b0;transition:left .3s ease}.timeline-indicator.timeline-current.phase-2-active{border-color:#333;box-shadow:0 0 0 2px #404040}.timeline-indicator.timeline-end{right:1px}.timeline-labels{font-size:1.5rem;display:flex;justify-content:space-between;position:relative}.timeline-label{display:flex;flex-direction:column;align-items:center}.timeline-date{font-size:1.5rem;color:#e7d6c7;font-weight:500}.timeline-phases{display:flex;justify-content:space-between;margin-top:30px;position:relative}.timeline-phase{flex:1;display:flex;justify-content:center;align-items:center}.phase-title{font-size:1.5rem;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media screen and (max-width: 768px){.timeline-title{font-size:2rem;margin-bottom:30px}.timeline-container{padding:30px 20px}.timeline-bar{margin:50px 0 30px}.timeline-date{font-size:.8rem}.phase-title{font-size:.9rem}}@media screen and (max-width: 480px){.timeline-liquid-container{padding:20px 10px}.timeline-title{font-size:1.5rem;margin-bottom:20px}.timeline-container{padding:20px 15px}.timeline-bar{margin:40px 0 25px}.timeline-phases{margin-top:20px}.timeline-date{font-size:.75rem}.phase-title{font-size:.8rem}}.timeline-indicator:hover{transform:translateY(-50%) scale(1.2);transition:transform .2s ease}.timeline-indicator.timeline-current:hover{transform:translateY(-50%) scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/25/assets/timeline.css.map */