.progress-meter{display:flex;justify-content:center;background-color:#f7f7f9;border:1px solid #eceeef;border-radius:4px;padding:20px 30px;width:100%;text-align:center;margin-bottom:30px}.progress-meter__step{position:relative;width:80px;color:#707070;margin:0 15px}.progress-meter__step--todo{filter:grayscale(1)}.progress-meter__step:before{content:"";display:flex;width:30px;height:30px;border-radius:30px;border:2px solid #707070;margin:0 auto 5px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D%22none%22%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23008500%22%20d%3D%22M15%2E4336%200%2E808594C15%2E5039%200%2E914062%2015%2E5391%201%2E01953%2015%2E5391%201%2E125C15%2E5391%201%2E26562%2015%2E5039%201%2E33594%2015%2E4336%201%2E40625L8%2E08594%208%2E78906C7%2E98047%208%2E85938%207%2E875%208%2E89453%207%2E76953%208%2E89453C7%2E62891%208%2E89453%207%2E55859%208%2E85938%207%2E48828%208%2E78906L0%2E105469%201%2E40625C0%2E0351562%201%2E33594%200%201%2E26562%200%201%2E125C0%201%2E01953%200%2E0351562%200%2E914062%200%2E105469%200%2E808594L0%2E808594%200%2E105469C0%2E878906%200%2E0351562%200%2E949219%200%201%2E08984%200C1%2E19531%200%201%2E30078%200%2E0351562%201%2E40625%200%2E105469L7%2E76953%206%2E46875L14%2E1328%200%2E105469C14%2E2031%200%2E0351562%2014%2E3086%200%2014%2E4492%200C14%2E5547%200%2014%2E6602%200%2E0351562%2014%2E7305%200%2E105469L15%2E4336%200%2E808594Z%22%2F%3E%3C%2Fsvg%3E);background-position:center center;transform:rotate(270deg)}.progress-meter__step span{display:block;line-height:1.1}.progress-meter__step:not(:last-of-type):after{content:"";height:2px;border-radius:2px;background-color:#dfdfdf;display:block;position:absolute;top:14px;left:100%;width:85%}@media (min-width: 330px){.progress-meter__step:not(:last-of-type):after{width:75%}}@media (min-width: 350px){.progress-meter__step:not(:last-of-type):after{left:90%}}@media (min-width: 400px){.progress-meter__step:not(:last-of-type):after{left:85%;width:70%}}@media (min-width: 430px){.progress-meter__step:not(:last-of-type):after{left:80%;width:80%}}.progress-meter__step--current{font-weight:700;color:#008500}.progress-meter__step--current:before{border-color:#008500;transform:rotate(0)}.progress-meter__step--completed{color:#008500}.progress-meter__step--completed:before{background-color:#008500;border-color:#008500;background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.3789%200.105469C14.4492%200.0351562%2014.5195%200%2014.6602%200C14.7656%200%2014.8711%200.0351562%2014.9766%200.105469L15.9609%201.125C16.0312%201.19531%2016.1016%201.30078%2016.1016%201.40625C16.1016%201.54688%2016.0312%201.65234%2015.9609%201.72266L5.41406%2012.2695C5.34375%2012.3398%205.23828%2012.375%205.13281%2012.375C4.99219%2012.375%204.88672%2012.3398%204.81641%2012.2695L0.140625%207.55859C0.0351562%207.48828%200%207.41797%200%207.27734C0%207.17188%200.0351562%207.06641%200.140625%206.96094L1.125%205.97656C1.19531%205.90625%201.30078%205.83594%201.44141%205.83594C1.54688%205.83594%201.65234%205.90625%201.72266%205.97656L5.13281%209.38672L14.3789%200.105469Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);transform:rotate(0)}