:root{--color-accent-light:#00DBDE;--color-accent-dark:#FC00FF;--color-secondary:#ccc;--text-color-default:#2c2c2c;--text-color-light:#fff;--font-size-default:15px;--font-size-lg:25px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-default:var(--font-weight-regular);--border-color-default:var(--color-secondary);--border-color-accent:var(--color-accent-dark);--bg-color-default:#fff;--bg-color-dark:#2c2c2c;--bg-color-accent--lignt:var(--color-accent-light);--bg-color-accent--dark:var(--color-accent-dark);--transition-duration:.2s;--transition-timing-function:linear;--transition-delay:0s;--negative-multiplier:-1;--gradient-default:linear-gradient(122deg,var(--color-accent-light) 0%,var(--color-accent-dark) 100%)}.timeline-body{font-family:Montserrat,sans-serif;font-size:var(--font-size-default);color:var(--text-color-default);background-color:var(--bg-color-default);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.content{max-width:800px}.container,.content{width:100%}.content__title{text-align:center;margin-bottom:2rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.timeline{width:100%}.timeline__stepper{position:relative;display:flex;justify-content:space-between;width:100%;margin:auto;background-color:var(--bg-color-default);border-radius:5px;border:1px solid var(--border-color-default)}.timeline__step{padding:10px;cursor:pointer;text-align:center;flex:1;transition:all var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}.timeline__step.is-active .timeline__icon--default,.timeline__step:hover .timeline__icon--default{display:none}.timeline__step.is-active .timeline__icon--active,.timeline__step:hover .timeline__icon--active{display:block}.timeline__icon{width:40px;height:40px;margin:auto}.timeline__icon--active{display:none}.timeline__icon path{fill:var(--border-color-default)}.timeline__step.is-active .timeline__icon--active path{fill:url(#icon-gradient)}.timeline__step.is-active .timeline__step-title{color:var(--border-color-accent)}.timeline__step-title{margin-top:10px;font-size:12px;font-weight:var(--font-weight-semibold)}.timeline__step-active-marker,.timeline__step-title{transition:all var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}.timeline__step-active-marker{--slide-width:0px;--slide-pos-x:0px;--slide-pos-y:0;position:absolute;top:var(--slide-pos-y);left:var(--slide-pos-x);height:4px;width:var(--slide-width);background:var(--gradient-default);border-radius:5px}.timeline__slides{--slides-container-height:0px;overflow:hidden;position:relative;height:var(--slides-container-height)}.timeline__slide,.timeline__slides{width:100%;transition:all var(--transition-duration) var(--transition-timing-function) var(--transition-delay)}.timeline__slide{position:absolute;top:0;left:0;padding:20px;text-align:center;opacity:0;visibility:hidden}.timeline__slide.is-active{opacity:1;visibility:visible}.timeline__slide-title{margin-bottom:10px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}@media (max-width:768px){.timeline-body{padding:1rem}.timeline__stepper{flex-wrap:wrap}.timeline__step{flex-basis:33.33%}.timeline__icon{width:30px;height:30px}.timeline__step-title{font-size:10px}.content__title,.timeline__slide-title{font-size:20px}}@media (max-width:480px){.timeline__step{flex-basis:50%}.timeline__slide-content{font-size:14px}}