.graph-progress{padding:0 30px 30px 0;display:grid;grid-template-columns:repeat(12,1fr);gap:60px}html,body{overflow-x:hidden}img{max-width:100%}.graph-progress div:empty{display:block}.graph-progress-left{grid-column:span 4}.graph-progress-right{grid-column:span 8;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.graph-progress-line{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;top:40px;left:0}.graph-progress-line span{height:100%;border-left:1px dashed rgb(0,0,0,.16);position:relative}.graph-progress-value:after{margin:0 auto;display:block;content:"";position:absolute;bottom:-27px;left:50%;font-size:13px;color:#272724;letter-spacing:0;word-wrap:break-word;white-space:nowrap;transform:translate(-50%)}.graph-progress-value-1:after{content:"0"}.graph-progress-value-2:after{content:"100"}.graph-progress-value-3:after{content:"200"}.graph-progress-value-4:after{content:"300"}.graph-progress-value-5:after{content:"400"}.graph-progress-value-6:after{content:"500"}.graph-progress-bars{display:flex;flex-direction:column;gap:50px}.graph-progress-bar{display:flex;flex-direction:column;gap:10px}.graph-progress-bar-value{width:0%;height:50px;border-radius:4px;background-color:#243b53;background-size:6px 6px;transition-duration:1.2s}.graph-progress-bar-value-1{background-color:transparent;background-image:linear-gradient(to top right,#243b53 10%,transparent 10%,transparent 50%,#243b53 50%,#243b53 60%,transparent 60%,transparent 100%);background-size:6px 6px;transition-property:clip-path;clip-path:polygon(0px 0px,100% 0px,100% 100%,0% 100%);transition:all ease 1.2s}.graph-progress.active .graph-progress-bar-value-1{width:14%}.graph-progress.active .graph-progress-bar-value-2{width:94%;transform:scaleX(1);transform-origin:left center}.graph-progress .graph-progress-line p{font-size:13px;color:#222;margin-top:40px;flex-basis:100%;text-align:center;text-transform:uppercase}@media (max-width: 959px){.graph-progress{padding:0 10px 100px 0;display:block}.graph-progress-left{display:none}.graph-progress-line{top:0}.graph-progress-wrapper{padding-bottom:30px;padding-top:17px}.graph-progress-bars{gap:40px}.graph-progress-bar-value{height:26px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/progress.css.map */