.workflow{background-image:linear-gradient(rgba(23,26,32,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(23,26,32,.03) 1px,transparent 1px)}.workflow--product{background-image:none}.workflow--product .u-width-138px{width:138px}.workflow__steps{margin:0;padding:0;list-style:none}.workflow__icon{transition:all .5s cubic-bezier(.16,1,.3,1)}.workflow__icon img{display:block;max-width:24px;max-height:24px}.workflow__step.is-active .workflow__icon{border-color:#1b5bff;color:#fff;background:#1b5bff;box-shadow:0 8px 24px rgba(27,91,255,.22)}.workflow__line{position:relative}.workflow__line span{position:absolute;inset:-.5px auto auto 0;width:0;height:2px;background:#1b5bff;transition:width .8s cubic-bezier(.16,1,.3,1)}.workflow__line.is-active span{width:100%}@media(max-width:1024px){.workflow__steps{overflow-x:auto;padding-bottom:14px}}@media(max-width:640px){.workflow{padding-top:74px!important;padding-bottom:74px!important}.workflow__steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:22px 6px;overflow:visible}.workflow__step{width:auto!important}.workflow__line{display:none}.workflow__description span{display:block;margin-left:0!important}.workflow__description span+span{margin-top:8px}}
