.road-map{display:flex;flex-direction:column;align-items:center;padding:2rem}.road-map .step{position:relative;height:10rem}.road-map .step-point{display:flex;position:relative;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#fff;border:4px solid var(--primary-color)}.road-map .step-point:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:50%}.road-map .step-point.done:before{background-color:var(--free-color)}.road-map .step-point.progress:before{background-color:var(--bought-color)}.road-map .step-point.planed:before{background-color:var(--gray)}.road-map .step-point:after{content:"";top:100%;left:50%;transform:translate(-50%);position:absolute;height:9rem;width:4px;background-color:var(--primary-color)}.road-map .step-text{position:absolute;width:max-content;max-width:20rem;top:0}.road-map .step-title{width:max-content;margin-bottom:.5rem}.road-map .step-image{position:absolute;top:0;transform:translateY(-50%)}.road-map .step:nth-child(2n) .step-text{right:3rem}.road-map .step:nth-child(2n) .step-text *{float:right;text-align:right}.road-map .step:nth-child(2n) .step-image{right:25rem}.road-map .step:nth-child(odd) .step-text{left:3rem}.road-map .step:nth-child(odd) .step-image{left:25rem}.road-map .step:last-child .step-point:after{display:none}.road-map .legend{position:fixed;top:6rem;right:2rem;z-index:2}.road-map .legend p{display:flex;margin-bottom:.5rem}.road-map .legend p:before{content:"";position:relative;display:flex;width:1rem;height:1rem;border-radius:50%;right:.5rem;top:.1rem;background-color:var(--primary-color)}.road-map .legend p.done:before{background-color:var(--free-color)}.road-map .legend p.progress:before{background-color:var(--bought-color)}.road-map .legend p.planed:before{background-color:var(--gray)}
/*# sourceMappingURL=66121cf2d3618092.css.map*/