.flow__header{margin-bottom:2rem}.flow__header-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.flow__icon{width:48px;height:48px}.flow__icon img{width:100%;height:100%;object-fit:contain}.flow__description{margin-top:.5rem}.flow__container{display:flex;flex-direction:column;gap:2rem}.flow-item{padding:2rem 2rem 4.8rem;border-radius:2rem}.flow-item--kit{background-color:rgba(var(--color-primary),.15)}.flow-item--lesson-only{background-color:rgba(var(--color-secondary),.15)}.flow-item--lesson-video{background-color:rgba(var(--color-tertiary),.15)}.flow-item__title{font-size:2.4rem;font-weight:700;margin-bottom:2rem;text-align:center}.flow-item__steps{display:flex;flex-direction:column;gap:2rem;max-width:760px;margin-inline:auto}@media screen and (min-width:750px){.flow-item__steps--horizontal{flex-direction:row;justify-content:center;flex-wrap:wrap}.flow-item__steps--horizontal .flow-item__step{width:calc(50% - 2rem)}.flow-item__steps--two-column .flow-item__step{flex:1}}@media screen and (min-width:1200px){.flow-item__steps{max-width:unset}.flow-item__steps--horizontal .flow-item__step{width:calc(25% - 2rem)}}.flow-item__step{display:flex;align-items:center;gap:1.2rem}.flow-item--lesson-video .flow-item__step-icon{width:100%;height:auto}@media screen and (min-width:750px){.flow-item--lesson-video .flow-item__step-icon{width:60%}}.flow-item--lesson-video .flow-item__step{flex-direction:column;align-items:flex-start}.flow-item__step-icon{position:relative;width:100px;height:100px;display:flex;flex-shrink:0;align-items:center;justify-content:center;padding-top:2rem}.flow-item__step-icon img{width:100%;height:100%;object-fit:contain}.flow-item__step:not(:first-child) .flow-item__step-icon:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0px;margin:auto;height:0px;border-style:solid;border-width:9px 9px 0px 9px}.flow-item--kit .flow-item__step .flow-item__step-icon:before{border-color:rgb(var(--color-primary)) transparent transparent transparent}.flow-item--lesson-only .flow-item__step .flow-item__step-icon:before{border-color:rgb(var(--color-secondary)) transparent transparent transparent}.flow-item--lesson-video .flow-item__step .flow-item__step-icon:before{border-color:rgb(var(--color-tertiary)) transparent transparent transparent}@media screen and (min-width:750px){.flow-item__step-icon{padding-left:2rem}.flow-item__step:not(:first-child) .flow-item__step-icon:before{top:50%;left:0;transform:translateY(-50%);border-width:9px 0px 9px 9px}.flow-item--kit .flow-item__step .flow-item__step-icon:before{border-color:transparent transparent transparent rgb(var(--color-primary))}.flow-item--lesson-only .flow-item__step .flow-item__step-icon:before{border-color:transparent transparent transparent rgb(var(--color-secondary))}.flow-item--lesson-video .flow-item__step .flow-item__step-icon:before{border-color:transparent transparent transparent rgb(var(--color-tertiary))}}.flow-item__step-title{font-size:1.6rem;font-weight:700;margin-block:0 .5rem;padding-left:2.6rem;position:relative}.flow-item__step-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background-size:contain;background-repeat:no-repeat;background-position:center}.flow-item__step-title--buy-lesson:before{background-image:var(--flow-icon-buy-lesson)}.flow-item__step-title--kit-shipping:before{background-image:var(--flow-icon-kit-shipping)}.flow-item__step-title--kit-arrival:before{background-image:var(--flow-icon-kit-arrival)}.flow-item__step-title--watch-lesson:before{background-image:var(--flow-icon-watch-lesson)}.flow-item__step-title--home:before{background-image:var(--flow-icon-home)}.flow-item__step-title--login:before{background-image:var(--flow-icon-login)}.flow-item__step-title--menu:before{background-image:var(--flow-icon-menu)}.flow-item__step-description{font-size:1.2rem;margin:0}.flow__button{margin-top:3rem;text-align:center}.flow__button-link{display:inline-block;padding:1.2rem 3rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:.8rem;text-decoration:none;font-weight:700;transition:opacity .2s ease}.flow__button-link:hover{opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-flow.css.map */